commit 6bc69ac13e703fae5acee0d7e1c386771c2a3d7b
Author: wehub-resource-sync <resource-sync@wehub.local>
Date:   Mon Jul 13 12:25:08 2026 +0800

    chore: import upstream snapshot with attribution

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..0e84d36
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,18 @@
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.yml]
+indent_size = 2
+tab_width = 2
+
+[.dist-tag]
+insert_final_newline = false
diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
new file mode 100644
index 0000000..3218a35
--- /dev/null
+++ b/.github/workflows/codeql.yml
@@ -0,0 +1,38 @@
+name: "CodeQL"
+
+on:
+  push:
+    branches: ["*.x"]
+  pull_request:
+    branches: ["*.x"]
+  schedule:
+    - cron: '0 6 * * 1'
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: ['javascript']
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v6
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v4
+      with:
+        languages: ${{ matrix.language }}
+
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v4
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v4
diff --git a/.github/workflows/deploy-editor.yml b/.github/workflows/deploy-editor.yml
new file mode 100644
index 0000000..4b3d91b
--- /dev/null
+++ b/.github/workflows/deploy-editor.yml
@@ -0,0 +1,51 @@
+name: Deploy Editor
+
+on:
+  workflow_dispatch: {}
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    uses: dicebear/dicebear/.github/workflows/test.yml@10.x
+  deploy:
+    needs: test
+    environment: editor
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      # Remove all languages except English due GDPR reasons, because we can't translate the legal pages.
+      - name: Cleanup languages
+        run: find apps/editor/src/messages -type f ! -name 'en.json' -exec rm -f {} +
+
+      - name: Build editor
+        env:
+          VITE_PRIVACY_POLICY_URL: ${{ vars.VITE_PRIVACY_POLICY_URL }}
+          VITE_COOKIE_POLICY_URL: ${{ vars.VITE_COOKIE_POLICY_URL }}
+          VITE_LEGAL_NOTICE_URL: ${{ vars.VITE_LEGAL_NOTICE_URL }}
+        run: npx turbo run build --filter='@dicebear/editor...'
+
+      - name: Deploy to Bunny.net
+        uses: ayeressian/bunnycdn-storage-deploy@251c77f4b9e7e683ad00086de2bef5770c3386b2 # v2.4.5
+        with:
+          source: 'apps/editor/dist'
+          destination: ''
+          storageZoneName: '${{ secrets.EDITOR_STORAGE_NAME }}'
+          storagePassword: '${{ secrets.EDITOR_STORAGE_PASSWORD }}'
+          accessKey: '${{ secrets.CDN_ACCESS_KEY }}'
+          pullZoneId: '${{ secrets.EDITOR_PULL_ZONE_ID }}'
+          upload: 'true'
+          remove: 'true'
+          purgePullZone: 'true'
diff --git a/.github/workflows/deploy-website.yml b/.github/workflows/deploy-website.yml
new file mode 100644
index 0000000..a9af4c9
--- /dev/null
+++ b/.github/workflows/deploy-website.yml
@@ -0,0 +1,52 @@
+name: Deploy Website
+
+on:
+  workflow_dispatch: {}
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    uses: dicebear/dicebear/.github/workflows/test.yml@10.x
+  deploy:
+    needs: test
+    environment: ${{ github.ref_name == '9.x' && 'website-v9' || 'website-latest' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Download legal pages
+        env:
+          PAT: ${{ secrets.PAT }}
+        run: ./apps/docs/scripts/download-legal-pages.sh
+
+      - name: Build with VitePress
+        env:
+          VITE_PRIVACY_POLICY_URL: ${{ vars.VITE_PRIVACY_POLICY_URL }}
+          VITE_COOKIE_POLICY_URL: ${{ vars.VITE_COOKIE_POLICY_URL }}
+          VITE_LEGAL_NOTICE_URL: ${{ vars.VITE_LEGAL_NOTICE_URL }}
+        run: npx turbo run build --filter='@dicebear/docs...'
+
+      - name: Deploy to Bunny.net
+        uses: ayeressian/bunnycdn-storage-deploy@251c77f4b9e7e683ad00086de2bef5770c3386b2 # v2.4.5
+        with:
+          source: 'apps/docs/.vitepress/dist'
+          destination: ''
+          storageZoneName: '${{ secrets.WEBSITE_STORAGE_NAME }}'
+          storagePassword: '${{ secrets.WEBSITE_STORAGE_PASSWORD }}'
+          accessKey: '${{ secrets.CDN_ACCESS_KEY }}'
+          pullZoneId: '${{ secrets.WEBSITE_PULL_ZONE_ID }}'
+          upload: 'true'
+          remove: 'true'
+          purgePullZone: 'true'
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..0e88073
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,141 @@
+name: Publish
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+permissions:
+  id-token: write  # Required for OIDC
+  contents: read
+
+jobs:
+  test:
+    uses: dicebear/dicebear/.github/workflows/test.yml@10.x
+
+  publish:
+    needs: test
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          registry-url: 'https://registry.npmjs.org'
+
+      - run: npm ci
+      - run: npx turbo run build --filter='!@dicebear/docs' --filter='!@dicebear/editor'
+
+      - name: Determine dist tag
+        shell: bash
+        env:
+          DEFAULT_BRANCH: ${{ github.event.repository.default_branch }}
+        run: |
+          TAG=${GITHUB_REF#refs/tags/}
+          if [[ "$TAG" =~ -(alpha|beta|rc)\. ]]; then
+            echo "DIST_TAG=next" >> $GITHUB_ENV
+          else
+            git fetch origin "$DEFAULT_BRANCH" --depth=1
+            if git merge-base --is-ancestor "$GITHUB_SHA" "origin/$DEFAULT_BRANCH"; then
+              echo "DIST_TAG=latest" >> $GITHUB_ENV
+            else
+              MAJOR=$(echo "$TAG" | sed 's/^v//' | cut -d. -f1)
+              echo "DIST_TAG=v${MAJOR}-lts" >> $GITHUB_ENV
+            fi
+          fi
+
+      - run: node scripts/publish.mjs "$DIST_TAG"
+
+  publish-python:
+    needs: test
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-python@v6
+        with:
+          python-version: '3.12'
+
+      - name: Build dicebear-core
+        working-directory: src/python/core
+        run: |
+          python -m pip install --upgrade build
+          python -m build
+
+      # Trusted Publishing (OIDC) — no token. Configure the publisher on PyPI:
+      # project dicebear-core, repo dicebear/dicebear, workflow publish.yml.
+      - name: Publish to PyPI
+        uses: pypa/gh-action-pypi-publish@release/v1
+        with:
+          packages-dir: src/python/core/dist/
+
+  publish-rust:
+    needs: test
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: dtolnay/rust-toolchain@stable
+
+      - name: Verify the crate compiles
+        working-directory: src/rust/core
+        run: cargo check --all-features
+
+      # Trusted Publishing (OIDC) — no token. Configure the publisher on
+      # crates.io: crate dicebear-core, repo dicebear/dicebear, workflow
+      # publish.yml.
+      - name: Authenticate to crates.io
+        id: auth
+        uses: rust-lang/crates-io-auth-action@v1.0.4
+
+      - name: Publish to crates.io
+        working-directory: src/rust/core
+        run: cargo publish
+        env:
+          CARGO_REGISTRY_TOKEN: ${{ steps.auth.outputs.token }}
+
+  publish-pub:
+    needs: test
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: dart-lang/setup-dart@v1
+
+      # Automated publishing (OIDC via setup-dart, no stored token). Configure
+      # on pub.dev: package dicebear_core, repository dicebear/dicebear, tag
+      # pattern v{{version}}. Unlike the Go and PHP ports, pub.dev publishes
+      # straight from the monorepo subdirectory — no split repository.
+      - name: Copy the project changelog into the package
+        # CHANGELOG.md inside the package is a git-ignored build artifact:
+        # pub.dev expects it in the package directory, while the repository
+        # maintains a single changelog at the root.
+        run: cp CHANGELOG.md src/dart/core/CHANGELOG.md
+      # The first release is published manually (pub.dev's automated-publishing
+      # settings only exist once the package does), so skip cleanly when the
+      # pubspec version is already live. This also makes re-runs of the
+      # workflow safe.
+      - name: Check whether this version is already on pub.dev
+        id: pub-version
+        working-directory: src/dart/core
+        run: |
+          VERSION=$(sed -n 's/^version: //p' pubspec.yaml)
+          if curl -fsSL https://pub.dev/api/packages/dicebear_core \
+            | jq -e --arg v "$VERSION" '.versions[] | select(.version == $v)' \
+            > /dev/null; then
+            echo "exists=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "exists=false" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Publish to pub.dev
+        if: steps.pub-version.outputs.exists == 'false'
+        working-directory: src/dart/core
+        run: dart pub publish --force
diff --git a/.github/workflows/split-go-core.yml b/.github/workflows/split-go-core.yml
new file mode 100644
index 0000000..a6dff4d
--- /dev/null
+++ b/.github/workflows/split-go-core.yml
@@ -0,0 +1,41 @@
+name: Split Go Core
+
+on:
+  push:
+    branches:
+      - '*.x'
+    tags:
+      - 'v*'
+
+jobs:
+  split:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - if: ${{ !startsWith(github.ref, 'refs/tags/') }}
+        uses: danharrin/monorepo-split-github-action@v2.4.5
+        env:
+          GITHUB_TOKEN: ${{ secrets.SPLIT_TOKEN }}
+        with:
+          package_directory: src/go/core
+          repository_organization: dicebear
+          repository_name: dicebear-go
+          branch: ${{ github.ref_name }}
+          user_name: dicebear-bot
+          user_email: bot@dicebear.com
+
+      - if: ${{ startsWith(github.ref, 'refs/tags/') }}
+        uses: danharrin/monorepo-split-github-action@v2.4.5
+        env:
+          GITHUB_TOKEN: ${{ secrets.SPLIT_TOKEN }}
+        with:
+          package_directory: src/go/core
+          repository_organization: dicebear
+          repository_name: dicebear-go
+          tag: ${{ github.ref_name }}
+          user_name: dicebear-bot
+          user_email: bot@dicebear.com
diff --git a/.github/workflows/split-php-core.yml b/.github/workflows/split-php-core.yml
new file mode 100644
index 0000000..2ce0e96
--- /dev/null
+++ b/.github/workflows/split-php-core.yml
@@ -0,0 +1,41 @@
+name: Split PHP Core
+
+on:
+  push:
+    branches:
+      - '*.x'
+    tags:
+      - 'v*'
+
+jobs:
+  split:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - if: ${{ !startsWith(github.ref, 'refs/tags/') }}
+        uses: danharrin/monorepo-split-github-action@v2.4.5
+        env:
+          GITHUB_TOKEN: ${{ secrets.SPLIT_TOKEN }}
+        with:
+          package_directory: src/php/core
+          repository_organization: dicebear
+          repository_name: dicebear-php
+          branch: ${{ github.ref_name }}
+          user_name: dicebear-bot
+          user_email: bot@dicebear.com
+
+      - if: ${{ startsWith(github.ref, 'refs/tags/') }}
+        uses: danharrin/monorepo-split-github-action@v2.4.5
+        env:
+          GITHUB_TOKEN: ${{ secrets.SPLIT_TOKEN }}
+        with:
+          package_directory: src/php/core
+          repository_organization: dicebear
+          repository_name: dicebear-php
+          tag: ${{ github.ref_name }}
+          user_name: dicebear-bot
+          user_email: bot@dicebear.com
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 0000000..99af429
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,174 @@
+name: Test
+
+on:
+  push:
+    branches:
+      - '*.x'
+  pull_request:
+    branches:
+      - '*.x'
+  workflow_call: {}
+
+jobs:
+  test-js:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20, 22, 24, 25]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/previous-releases
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm ci
+      - run: npx turbo run build --filter='!@dicebear/docs' --filter='!@dicebear/editor'
+      - run: npx turbo run test
+
+  test-php:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        php-version: ['8.2', '8.3', '8.4', '8.5']
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Use PHP ${{ matrix.php-version }}
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php-version }}
+          extensions: mbstring
+      - name: Install dependencies
+        working-directory: src/php/core
+        run: composer install --no-interaction --prefer-dist
+      - name: Run PHPStan
+        working-directory: src/php/core
+        run: vendor/bin/phpstan analyse --no-progress
+      - name: Run tests
+        working-directory: src/php/core
+        run: vendor/bin/phpunit
+
+  test-python:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        python-version: ['3.10', '3.11', '3.12', '3.13', '3.14']
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Use Python ${{ matrix.python-version }}
+        uses: actions/setup-python@v6
+        with:
+          python-version: ${{ matrix.python-version }}
+      - name: Install dependencies
+        working-directory: src/python/core
+        run: pip install -e ".[dev]"
+      - name: Run Ruff
+        working-directory: src/python/core
+        run: |
+          ruff check .
+          ruff format --check .
+      - name: Run mypy
+        working-directory: src/python/core
+        run: mypy src
+      - name: Run tests
+        working-directory: src/python/core
+        run: pytest
+
+  test-rust:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Set up Rust
+        uses: dtolnay/rust-toolchain@stable
+        with:
+          components: clippy, rustfmt
+      - name: Check formatting
+        working-directory: src/rust/core
+        run: cargo fmt --check
+      - name: Run Clippy
+        working-directory: src/rust/core
+        run: cargo clippy --all-targets --all-features -- -D warnings
+      - name: Run tests
+        working-directory: src/rust/core
+        run: cargo test
+
+  test-go:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        go-version: ['1.23', '1.24', '1.25']
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Use Go ${{ matrix.go-version }}
+        uses: actions/setup-go@v6
+        with:
+          go-version: ${{ matrix.go-version }}
+      - name: Check formatting
+        working-directory: src/go/core
+        run: test -z "$(gofmt -l .)" || (gofmt -l . && exit 1)
+      - name: Run go vet
+        working-directory: src/go/core
+        run: go vet ./...
+      - name: Run tests
+        working-directory: src/go/core
+        run: go test ./...
+
+  test-dart:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        # Lower bound = the pubspec `environment.sdk` floor; keep in sync.
+        sdk: ['3.4', 'stable']
+
+    steps:
+      - uses: actions/checkout@v6
+      - name: Use Dart ${{ matrix.sdk }}
+        uses: dart-lang/setup-dart@v1
+        with:
+          sdk: ${{ matrix.sdk }}
+      - name: Install dependencies
+        working-directory: src/dart/core
+        run: dart pub get
+      - name: Check the embedded web fixtures are up to date
+        # The web parity suite embeds a copy of the fixtures (dart2js cannot
+        # read files); regenerate it and fail if it drifted from the canonical
+        # tests/fixtures/parity.
+        working-directory: src/dart/core
+        run: |
+          dart run tool/generate_web_fixtures.dart
+          dart format test/parity/embedded_fixtures.dart
+          git diff --exit-code test/parity/embedded_fixtures.dart
+      - name: Check formatting
+        working-directory: src/dart/core
+        run: dart format --output=none --set-exit-if-changed .
+      - name: Analyze
+        working-directory: src/dart/core
+        run: dart analyze --fatal-infos
+      - name: Run tests
+        working-directory: src/dart/core
+        run: dart test
+      - name: Run web-eligible tests on dart2js
+        # The fixture suites are VM-only (they read disk via dart:io), so the
+        # dart2js build's number formatting and 32-bit PRNG arithmetic is
+        # asserted by the embedded web_parity_test under Chrome.
+        # ubuntu-latest ships google-chrome-stable.
+        working-directory: src/dart/core
+        run: dart test -p chrome
+      - name: Copy the project changelog into the package
+        # CHANGELOG.md inside the package is a git-ignored build artifact:
+        # pub.dev expects it in the package directory, while the repository
+        # maintains a single changelog at the root.
+        run: cp CHANGELOG.md src/dart/core/CHANGELOG.md
+      - name: Validate the publishable archive
+        working-directory: src/dart/core
+        run: dart pub publish --dry-run
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8828275
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,11 @@
+# Cache and log files
+.turbo
+.eslintcache
+.DS_Store
+yarn-error.log
+
+# Dependencies
+node_modules
+
+# Local environment files
+.env*.local
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..0e94f89
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+package.json
+LICENSE
+.github
+tests
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..40da83e
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "proseWrap": "always",
+  "tabWidth": 2
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..c634de7
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "vue.volar",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..22eea73
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "editor.wordBasedSuggestions": "off"
+}
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..839d468
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,222 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [10.3.0] - 2026-06-13
+
+### Added
+
+- **Core:** Every rendered SVG now starts with the generator comment
+  `<!-- Generated by DiceBear (https://dicebear.com) -->` as the first child of
+  the root `<svg>` element. The comment is byte-identical across the JavaScript,
+  PHP, Python, Rust, Go, and Dart libraries. The byte output of every avatar
+  changes as a result, including data URIs and content hashes, so consumers that
+  compare rendered SVGs against stored snapshots need to update them. SVG
+  optimizers that strip comments (e.g. SVGO with default settings) remove it
+  again.
+- **Dart library:** A new Dart implementation (the
+  [`dicebear_core`](https://pub.dev/packages/dicebear_core) package) that
+  produces identical output to the JavaScript library when given the same styles
+  and options. It validates style definitions and options against the shared
+  schemas (via `dicebear_schema`) and pairs with the `dicebear_styles` package.
+- **Core (PHP, Python):** Added `Style::fromJson()` (PHP) and
+  `Style.from_json()` (Python) to build a style from a raw JSON string without a
+  separate `json_decode(..., true)` / `json.loads(...)` call. Malformed JSON
+  raises the language's native parse error (`JsonException` /
+  `json.JSONDecodeError`); an invalid definition raises the usual
+  `StyleValidationError`. Mirrors `Style::from_str` (Rust) and `Style.parse`
+  (Dart); the existing array/dict constructor is unchanged.
+
+### Deprecated
+
+- **Core (JS, PHP, Python):** Passing a raw style definition to `Avatar` is
+  deprecated; pass a `Style` instead
+  (`new Avatar(new Style(definition), options)`), which also lets you reuse one
+  parsed style across many avatars. The definition still works for now and
+  renders identically, but emits a deprecation warning (a one-time
+  `console.warn` in JS, `E_USER_DEPRECATED` in PHP, `DeprecationWarning` in
+  Python) and will be removed in v11. The Dart, Rust and Go libraries already
+  require a `Style`, so this brings every port to the same `Avatar(style, …)`
+  call.
+
+## [10.2.0] - 2026-06-10
+
+### Added
+
+- **Go library:** A new Go implementation (the
+  `github.com/dicebear/dicebear-go/v10` module) that produces identical output
+  to the JavaScript library when given the same styles and options.
+
+### Fixed
+
+- **Core:** `Color.luminance()` now derives the sRGB linearization from a
+  precomputed lookup table (one entry per 8-bit channel value) instead of
+  calling `pow` at runtime. `pow` is not required to be correctly rounded and
+  produced last-ULP differences between JS engines (V8 vs. others), the C math
+  library (PHP, Python, Rust), and Go's pure-Go implementation, so luminance
+  values, and in contrived cases contrast-based color ordering, could diverge
+  across languages and even across browsers. The table holds the values the
+  JavaScript reference produces today, so JavaScript output is unchanged; the
+  other libraries move by at most one ULP. The Go library additionally forces
+  intermediate rounding in the weighted sum, which the compiler could otherwise
+  fuse into FMA instructions on arm64. Rendered SVGs are unaffected.
+- **Core (PHP):** `Avatar::toDataUri()` now percent-encodes exactly like
+  JavaScript's `encodeURIComponent`. Previously the PHP library used plain
+  `rawurlencode`, which additionally escapes `!*'()`, characters that occur in
+  every rendered SVG (e.g. `url(#…)` references and `translate(…)` transforms),
+  so the data URI diverged byte-wise from the JavaScript, Python, Rust, and Go
+  libraries. The decoded SVG was unaffected.
+- **Core (JS):** The `initial` style variable now resolves to the full first
+  code point of the initials. Previously the JavaScript library emitted a lone
+  UTF-16 surrogate (ill-formed XML) when the initials started with a character
+  outside the Basic Multilingual Plane (e.g. an emoji). The PHP, Python, Rust,
+  and Go libraries already returned the full character; all libraries are now
+  byte-identical for such seeds.
+- **Core (Rust):** `Avatar.to_json()` now records `size` before `title` in the
+  resolved-options snapshot, matching the JavaScript, PHP, and Python libraries.
+  The rendered SVG was unaffected; only consumers comparing or hashing the
+  serialized options JSON across languages were affected.
+- **Core (Python):** `Avatar.to_json()` now serializes whole-number floats in
+  the resolved-options snapshot as integers (`1`, not `1.0`), matching the
+  JavaScript, Rust, and PHP libraries. Previously snapshot values such as
+  `scale`, `rotate`, `translateX`/`translateY`, `borderRadius`, color angles,
+  and per-component transforms were emitted as `1.0`/`0.0`, so the serialized
+  JSON diverged from the other ports. The rendered SVG was unaffected. The
+  values were already numerically equal, so only consumers comparing or hashing
+  the serialized options JSON across languages were affected.
+
+## [10.2.0-rc.1] - 2026-06-07
+
+### Added
+
+- **Rust library:** A new Rust implementation (the `dicebear-core` crate) that
+  produces identical output to the JavaScript library when given the same styles
+  and options.
+
+### Fixed
+
+- **Core:** Initials now discard everything from the first `@` to the end of the
+  seed (e.g. an email domain). Previously the strip stopped at the first line
+  terminator (at a line feed in PHP and Python, and additionally at a carriage
+  return or `U+2028`/`U+2029` in JavaScript), so a seed with a line break after
+  the `@` kept the trailing text as a second word, and the libraries could even
+  diverge from each other. All language libraries now produce byte-identical
+  initials for such seeds.
+
+## [10.1.0] - 2026-06-06
+
+### Changed
+
+- **Schema:** Bumped the bundled `@dicebear/schema` to `1.1.0` across the
+  JavaScript, PHP, and Python libraries. It adds an upper bound of `1000000` to
+  the canvas and component `width`/`height`, preventing the language ports'
+  number-to-string formatting from diverging at extreme values. Official styles
+  use ~100, so no real avatar is affected.
+- **Styles:** Bumped `@dicebear/styles` to `10.1.0`. Lorelei's mouth is now
+  visible through `beard` variants (the overlaying mask was previously rendered
+  at `0` opacity), and all style definitions now reference
+  `@dicebear/schema@1.1.0`.
+
+## [10.1.0-rc.1] - 2026-06-02
+
+### Added
+
+- **Python library:** A new Python implementation that produces identical output
+  to the JavaScript library when given the same styles and options.
+
+## [10.0.2] - 2026-06-02
+
+### Fixed
+
+- **Core:** Numeric values in rendered SVGs are now consistently rounded to at
+  most 5 decimal places, so the JavaScript and PHP libraries produce
+  byte-identical output for every input. Previously, fractional or very
+  small/large values (e.g. a fractional `borderRadius` or `translateX`,
+  component transforms, or gradient stop offsets) could be stringified
+  differently between languages (scientific notation, differing precision).
+  Avatars built from whole-number options are unaffected.
+- **Core (PHP):** `Prng::float` now rounds halves toward +Infinity (matching the
+  JavaScript reference's `Math.round`) instead of PHP's native `round()`, which
+  rounds halves away from zero. The two diverged for negative values landing
+  exactly on a `.5` boundary, so a PHP-rendered avatar could differ from the
+  JavaScript one by `0.0001` in a rotate/translate transform or color angle for
+  certain seeds. Output is now byte-identical across languages.
+- **Core (PHP):** Initials are now derived correctly from seeds containing
+  multibyte letters such as `ü` or `ô`. The quote-stripping step was missing the
+  `/u` (Unicode) flag, so it removed raw UTF-8 bytes and corrupted those
+  letters: e.g. `über` and `côté` produced wrong or empty initials instead of
+  `ÜB` / `CÔ`. The PHP output now matches the JavaScript reference.
+- **Core:** Range options (`scale`, `borderRadius`, `rotate`,
+  `translateX`/`translateY`, and per-color angle/fill-stops) given as a
+  single-element array `[n]` are now treated as the fixed value `n` (identical
+  to the scalar `n`), and an empty array `[]` falls back to the option's
+  default. Both forms are permitted by the schema. Previously the behaviour
+  diverged: the JavaScript library emitted `NaN` (e.g. `scale(NaN)`), while PHP
+  dropped `[n]` to the default. All three now agree.
+
+## [10.0.1] - 2026-05-29
+
+### Fixed
+
+- **CLI:** `dicebear --version` and `dicebear --help` no longer fail by trying
+  to read a file named `--version`/`--help`. The definition path is now resolved
+  via the argument parser, so flags (and the values they consume) before the
+  path are handled correctly, e.g. `dicebear --json my-style.json` and
+  `dicebear --count 2 my-style.json`.
+
+## [10.0.0] - 2026-05-27
+
+See the
+[v10.0.0 release notes](https://github.com/dicebear/dicebear/releases/tag/v10.0.0).
+
+### Added
+
+- **6 new avatar styles:** Disco, Glyphs, Initial Face, Shape Grid, Stripes, and
+  Triangles.
+- **PHP library:** A new PHP implementation that produces identical output to
+  the JavaScript library when given the same styles and options.
+- **CLI support for custom styles:** Generate avatars from a JSON style
+  definition, e.g. `dicebear ./path/to/style.json --seed test --format svg`.
+- **Weighted variants:** Assign weights to component variants to control how
+  frequently each appears.
+- **Gradient support:** Colors can be defined as gradients, including an angle
+  parameter.
+- **Integrated validation:** Built-in validation for avatar styles and options.
+- **Redesigned playground:** Adjust options, upload custom styles, batch
+  download avatars, and view the number of possible combinations.
+- **New tools:** WCAG Contrast Picker and Bundle Size Estimator.
+- Reorganized and improved documentation, with better style docs and component
+  previews.
+
+### Changed
+
+- Each avatar style is now stored as a JSON definition file instead of
+  JavaScript code, separating licensing concerns from implementation.
+- Styles are now distributed via `@dicebear/styles` as JSON definitions.
+- The JavaScript API now uses `Style` and `Avatar` classes together with
+  definition imports.
+- **BREAKING:** Component options are now suffixed with `Variant` (e.g.
+  `eyesVariant` instead of `eyes`).
+
+### Removed
+
+- **BREAKING:** Individual style packages (e.g. `@dicebear/initials`) have been
+  removed in favor of `@dicebear/styles`.
+
+[Unreleased]: https://github.com/dicebear/dicebear/compare/v10.3.0...HEAD
+[10.3.0]: https://github.com/dicebear/dicebear/compare/v10.2.0...v10.3.0
+[10.2.0]: https://github.com/dicebear/dicebear/compare/v10.2.0-rc.1...v10.2.0
+[10.2.0-rc.1]:
+  https://github.com/dicebear/dicebear/compare/v10.1.0...v10.2.0-rc.1
+[10.1.0]: https://github.com/dicebear/dicebear/compare/v10.1.0-rc.1...v10.1.0
+[10.1.0-rc.1]:
+  https://github.com/dicebear/dicebear/compare/v10.0.2...v10.1.0-rc.1
+[10.0.2]: https://github.com/dicebear/dicebear/compare/v10.0.1...v10.0.2
+[10.0.1]: https://github.com/dicebear/dicebear/compare/v10.0.0...v10.0.1
+[10.0.0]: https://github.com/dicebear/dicebear/releases/tag/v10.0.0
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..d152ee5
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,362 @@
+# Contributing
+
+Thanks for your interest in contributing to DiceBear.
+
+This is the main monorepo: the JavaScript, PHP, Python, Rust, Go, and Dart core
+libraries, the CLI, the docs site, and the editor all live here. Repositories
+covering the JSON Schema, the avatar style definitions, the HTTP API, and the
+Figma exporter are separate and each have their own `CONTRIBUTING.md`:
+
+- [`dicebear/schema`](https://github.com/dicebear/schema/blob/main/CONTRIBUTING.md):
+  JSON Schema for definitions and options
+- [`dicebear/styles`](https://github.com/dicebear/styles/blob/main/CONTRIBUTING.md):
+  Official avatar style definitions
+- [`dicebear/api`](https://github.com/dicebear/api/blob/main/CONTRIBUTING.md):
+  Self-hostable HTTP API
+- [`dicebear/exporter-plugin-for-figma`](https://github.com/dicebear/exporter-plugin-for-figma/blob/main/CONTRIBUTING.md):
+  Figma plugin
+
+If your contribution belongs to one of those repos, read its file first. The
+instructions below only cover this monorepo.
+
+## Before you start
+
+- Bug fixes, small improvements, new tests: open a pull request against the
+  branch that matches the target major (for DiceBear 10 that's `10.x`; the
+  current stable line lives on `9.x`).
+- New avatar styles: contribute them to
+  [`dicebear/styles`](https://github.com/dicebear/styles), not here. The
+  walkthrough is in
+  [Create an avatar style with Figma](https://www.dicebear.com/guides/create-an-avatar-style-with-figma/)
+  or
+  [Create an avatar style from scratch](https://www.dicebear.com/guides/create-an-avatar-style-from-scratch/).
+- Larger changes (new public API, rendering behavior, breaking changes): open an
+  issue first so we can agree on scope before you spend time on it.
+- Security issues go privately to <contact@dicebear.com>; never file a public
+  issue for a vulnerability.
+- Contributors follow the
+  [DiceBear Code of Conduct](https://github.com/dicebear/.github/blob/main/CODE_OF_CONDUCT.md).
+
+## Requirements
+
+- [Node.js](https://nodejs.org/) 20 or newer (CI runs on 20, 22, 24, 25)
+- npm 11 (this repo pins `packageManager` in `package.json`; use
+  [Corepack](https://nodejs.org/api/corepack.html) if you don't already)
+- For PHP work: PHP 8.2+ and Composer, plus `vendor/bin/phpunit` via
+  `composer install` inside `src/php/core/`
+- For Python work: Python 3.10+ (CI runs on 3.10 to 3.14); install the package
+  in a virtualenv with `pip install -e ".[dev]"` inside `src/python/core/`
+- For Rust work: Rust 1.80+ with the `clippy` and `rustfmt` components; build
+  and test with `cargo test`, `cargo clippy`, and `cargo fmt` inside
+  `src/rust/core/`
+- For Go work: Go 1.23+ (CI runs on 1.23 to 1.25); test with `go test ./...` and
+  check with `gofmt -l .` and `go vet ./...` inside `src/go/core/`
+- For Dart work: Dart SDK 3.4+ (CI runs on 3.4 and stable); test with
+  `dart test` and check with `dart format --output=none --set-exit-if-changed .`
+  and `dart analyze --fatal-infos` inside `src/dart/core/`
+
+## Local setup
+
+```sh
+git clone git@github.com:dicebear/dicebear.git
+cd dicebear
+npm install
+```
+
+The monorepo uses npm workspaces (`src/js/*` and `apps/*`) driven by
+[Turborepo](https://turborepo.com/). A single install at the root is enough; do
+not `npm install` inside individual packages.
+
+## Common scripts
+
+Run these from the repo root:
+
+| Script                 | What it does                                        |
+| ---------------------- | --------------------------------------------------- |
+| `npm run build`        | Builds every workspace via Turbo                    |
+| `npm test`             | Runs every workspace's test target                  |
+| `npm run test:scripts` | Runs the repo-level scripts in `tests/**/*.test.js` |
+| `npm run lint`         | Runs ESLint across the repo with caching            |
+| `npm run lint:fix`     | Same, with `--fix`                                  |
+| `npm run prettier`     | Formats `src/` and `apps/` with Prettier            |
+
+For faster loops, scope to a single workspace:
+
+```sh
+npm run build --workspace @dicebear/core
+npm run test  --workspace @dicebear/core
+```
+
+## Repository layout
+
+```
+src/
+├── js/              # TypeScript packages published to npm
+│   ├── core/          # Rendering engine (@dicebear/core)
+│   ├── cli/           # Command-line interface
+│   └── converter/     # SVG → raster converter
+├── php/             # PHP port (Composer package `dicebear/core`)
+├── python/          # Python port (PyPI package `dicebear-core`)
+├── rust/            # Rust port (crates.io crate `dicebear-core`)
+├── go/              # Go port (module `github.com/dicebear/dicebear-go/v10`)
+└── dart/            # Dart port (pub.dev package `dicebear_core`)
+apps/
+├── docs/            # VitePress documentation site (dicebear.com), including the Playground
+└── editor/          # The in-browser editor (editor.dicebear.com)
+tests/
+└── fixtures/parity/ # Cross-language parity fixtures (see below)
+scripts/
+└── version.mjs      # Bumps versions across the workspace and tags
+```
+
+## Working on a package
+
+### TypeScript packages (`src/js/*`)
+
+```sh
+npm run build --workspace <package>
+npm run test  --workspace <package>
+```
+
+If you are working on the CLI, call the compiled script directly once you've
+built it:
+
+```sh
+node src/js/cli/bin/index.js <command>
+```
+
+### PHP core (`src/php/core/`)
+
+```sh
+cd src/php/core
+composer install
+vendor/bin/phpunit
+```
+
+### Python core (`src/python/core/`)
+
+```sh
+cd src/python/core
+pip install -e ".[dev]"   # in a virtualenv
+ruff check .
+ruff format --check .
+mypy src
+pytest
+```
+
+The Python core reads the two draft-07 schemas from the `dicebear-schema`
+package (the Python counterpart of `@dicebear/schema` / `dicebear/schema`),
+which `pip install -e ".[dev]"` pulls in as a runtime dependency. Nothing is
+vendored.
+
+### Rust core (`src/rust/core/`)
+
+```sh
+cd src/rust/core
+cargo test
+cargo clippy --all-targets --all-features -- -D warnings
+cargo fmt --check
+```
+
+The Rust core reads the two draft-07 schemas from the `dicebear-schema` crate
+(the Rust counterpart of `@dicebear/schema` / `dicebear/schema`) as a runtime
+dependency. Nothing is vendored.
+
+### Go core (`src/go/core/`)
+
+```sh
+cd src/go/core
+go test ./...
+go vet ./...
+gofmt -l .   # prints nothing when formatting is correct
+```
+
+The Go core reads the two draft-07 schemas from the `github.com/dicebear/schema`
+module (the Go counterpart of `@dicebear/schema` / `dicebear/schema`) as a
+dependency. Nothing is vendored. Style definitions come from
+`github.com/dicebear/styles/v10`. The module path carries the major version
+(`/v10`), so a major bump changes the path by hand; `scripts/version.mjs` only
+creates the Git tag the module proxy reads.
+
+### Dart core (`src/dart/core/`)
+
+```sh
+cd src/dart/core
+dart pub get
+dart test
+dart analyze --fatal-infos
+dart format --output=none --set-exit-if-changed .
+```
+
+The Dart core reads the two draft-07 schemas from the `dicebear_schema` package
+(the Dart counterpart of `@dicebear/schema` / `dicebear/schema`) as a runtime
+dependency, validated with `package:json_schema`. Nothing is vendored.
+
+`src/dart/core/CHANGELOG.md` is a git-ignored build artifact: pub.dev expects a
+changelog inside the package directory, so the CI workflows copy the repository
+root `CHANGELOG.md` there before `dart pub publish [--dry-run]`. This follows
+the same pattern as the generated `LICENSE` copies in the styles and schema
+repositories. Maintain the root changelog only.
+
+### Cross-language parity
+
+Every port must produce output **byte-identical** to the reference JavaScript
+core (`@dicebear/core`) for the same inputs. A shared fixture suite in
+`tests/fixtures/parity/` (generated from the JS reference) enforces this, and
+each side consumes it:
+
+- JS side: `src/js/core/tests/Parity.test.js`, run via
+  `npm run test --workspace @dicebear/core`.
+- PHP side: `tests/ParityTest.php`, run via `vendor/bin/phpunit` in
+  `src/php/core/`.
+- Python side: `tests/test_parity.py`, run via `pytest` in `src/python/core/`.
+- Rust side: the module unit tests plus `tests/avatars.rs`, run via `cargo test`
+  in `src/rust/core/`.
+- Go side: the in-package tests (`parity_test.go`, `avatars_test.go`), run via
+  `go test ./...` in `src/go/core/`.
+- Dart side: the tests under `test/parity/`, run via `dart test` in
+  `src/dart/core/`.
+
+The fixtures cover `Fnv1a` (hash + hex), `Mulberry32` (chained sequences), every
+`Prng` method, number-to-string formatting (`numbers.json`, the `formatNumber`
+contract: every emitted number rounded to at most 5 decimal places, which every
+port must reproduce identically), initials extraction, the `Color` helpers
+(including bit-exact luminance doubles), accept/reject validation outcomes plus
+circular color-reference chains, the `OptionsDescriptor` field map, and full
+`Avatar.toString()` (plus selected `toDataUri()`) output for the `initials`,
+`thumbs`, `glass`, `notionists`, and `shape-grid` styles. That last bucket
+covers seed, size, transforms, gradients, `title` escaping, and
+component-variant overrides.
+
+Float determinism is part of the parity contract: `pow` is not correctly rounded
+(JS engines, libm, and Go all differ in the last bit), so the sRGB linearization
+ships as a precomputed 256-entry table in every port, and languages that fuse
+multiply-add into FMA instructions (e.g. Go on arm64) must force intermediate
+rounding. The details live in the
+[Implement DiceBear Core](https://www.dicebear.com/specification/implement-dicebear-core/)
+spec.
+
+If your change affects rendering or the PRNG in `@dicebear/core`, regenerate the
+fixtures from the JS reference and commit the diff:
+
+```sh
+npm run fixtures:parity
+```
+
+The PHP, Python, Rust, Go, and Dart suites will then fail loudly until those
+sides are brought back in sync. That is the intended signal. If you only intend
+to touch one language, expect to update both before your PR can be merged.
+
+When porting DiceBear to another language, run these fixtures against your
+implementation to prove it conforms. See
+[Implement DiceBear Core](https://www.dicebear.com/specification/implement-dicebear-core/)
+for the full spec.
+
+## Documentation changes (`apps/docs/`)
+
+The docs site is a VitePress app under `apps/docs/`.
+
+```sh
+npm run dev --workspace @dicebear/docs    # live reload on localhost
+npm run build --workspace @dicebear/docs  # production build check
+```
+
+For larger editorial changes, open a draft PR early so reviewers can follow
+along.
+
+## Editor changes (`apps/editor/`)
+
+The editor is the standalone app served at
+[editor.dicebear.com](https://editor.dicebear.com).
+
+```sh
+npm run dev --workspace @dicebear/editor
+npm run build --workspace @dicebear/editor
+```
+
+## Code style
+
+- ESLint and Prettier decide what counts as correctly formatted code; run
+  `npm run lint` and `npm run prettier` before you open a PR.
+- TypeScript is `strict`. Prefer narrow types to `any` / `unknown` casts.
+- PHP code follows PSR-12; `vendor/bin/phpunit` and Composer's built-in scripts
+  catch the rest.
+- Python code is formatted and linted with [Ruff](https://docs.astral.sh/ruff/)
+  and type-checked with `mypy` in strict mode; run `ruff check .`,
+  `ruff format .`, and `mypy src` in `src/python/core/` before you open a PR.
+- Rust code is formatted with `rustfmt` and linted with Clippy (warnings
+  denied); run `cargo fmt` and
+  `cargo clippy --all-targets --all-features -- -D warnings` in `src/rust/core/`
+  before you open a PR.
+- Go code is formatted with `gofmt` and vetted with `go vet`; run `gofmt -w .`
+  and `go vet ./...` in `src/go/core/` before you open a PR.
+- Dart code is formatted with `dart format` and analyzed with
+  `dart analyze --fatal-infos` (lints from `analysis_options.yaml`); run both in
+  `src/dart/core/` before you open a PR.
+
+## Releasing (maintainers only)
+
+> Only maintainers with write access can release new versions. This section is
+> documented here for completeness.
+
+Releases are triggered by Git tags. The version script updates every package in
+the workspace, creates a commit, and creates the tag:
+
+```sh
+node scripts/version.mjs <version>
+```
+
+The version must be a valid [semver](https://semver.org/) value (e.g. `10.1.0`
+or `10.2.0-alpha.1`). The script will:
+
+1. Update `version` in every `package.json` across the workspace
+2. Update internal workspace dependency references
+3. Update `version` in `src/python/core/pyproject.toml`,
+   `src/rust/core/Cargo.toml`, and `src/dart/core/pubspec.yaml` (the Python,
+   Rust, and Dart cores are not npm workspaces, so they are bumped explicitly to
+   stay in lockstep)
+4. Sync `package-lock.json`
+5. Create a Git commit and tag (e.g. `v10.1.0`)
+
+Push the commit and the tag:
+
+```sh
+git push && git push --tags
+```
+
+The tag triggers the
+[Publish](https://github.com/dicebear/dicebear/actions/workflows/publish.yml)
+workflow, which:
+
+1. Runs the test suite on Node 20, 22, 24, and 25
+2. Builds every package
+3. Picks the npm dist-tag:
+   - Tags containing `alpha`, `beta`, or `rc` go out as `next`
+   - Other tags on the default branch go out as `latest`
+   - Other tags on any other branch go out as `v<major>-lts` (so that
+     backporting a patch to `9.x` after `10.x` has shipped does not overwrite
+     `latest`)
+4. Publishes all changed packages to npm via `scripts/publish.mjs`
+5. Builds `src/python/core` and publishes `dicebear-core` to PyPI via trusted
+   publishing (the `publish-python` job): no token and no separate repository,
+   the same way the npm packages go out
+6. Publishes the Rust core `dicebear-core` to crates.io via trusted publishing
+   (the `publish-rust` job): likewise no token; `cargo publish` builds and
+   uploads `src/rust/core` in one step
+7. Publishes the Dart core `dicebear_core` to pub.dev via automated publishing
+   (the `publish-pub` job): likewise no token; pub.dev verifies the `v<version>`
+   tag against the pubspec version and publishes `src/dart/core` straight from
+   the monorepo
+
+The PHP port is the exception: Composer/Packagist consumes one Git repository
+per package rather than a monorepo subdirectory, so `split-php-core.yml` mirrors
+`src/php/core` (tags included) to the standalone
+[`dicebear/dicebear-php`](https://github.com/dicebear/dicebear-php) repository,
+and Packagist publishes `dicebear/core` from that mirror. All five ports ride
+the same version the monorepo tagged.
+
+## Licensing
+
+By opening a pull request you agree that your contribution is released under the
+repository's [MIT license](./LICENSE). Avatar style artwork in `dicebear/styles`
+may carry other licenses; see that repo's `LICENSE.md` for details.
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..f7f769f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,103 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Avatar Library</h1>
+
+DiceBear is an open source avatar library. It turns any seed string (a username
+or an email address, for example) into an SVG avatar in one of 35+ styles
+designed by various artists. The same seed always produces the same avatar, so
+you store a string instead of an image and never ask users to upload a profile
+picture.
+
+Avatars are customizable through style options: colors, backgrounds, rotation,
+individual features like hair or glasses.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/introduction) |
+[Editor](https://editor.dicebear.com)
+
+## One library, six languages
+
+DiceBear 10 ships as native libraries for JavaScript, PHP, Python, Rust, Go, and
+Dart. Every port passes a shared test suite that requires byte-identical SVG
+output to the JavaScript reference. Generate an avatar in the browser,
+regenerate it later in a Go or PHP backend, and you get the same bytes.
+
+| Language                | Package                                                                 | Install                                      |
+| ----------------------- | ----------------------------------------------------------------------- | -------------------------------------------- |
+| JavaScript / TypeScript | [`@dicebear/core`](https://www.npmjs.com/package/@dicebear/core)        | `npm install @dicebear/core`                 |
+| PHP                     | [`dicebear/core`](https://packagist.org/packages/dicebear/core)         | `composer require dicebear/core`             |
+| Python                  | [`dicebear-core`](https://pypi.org/project/dicebear-core/)              | `pip install dicebear-core`                  |
+| Rust                    | [`dicebear-core`](https://crates.io/crates/dicebear-core)               | `cargo add dicebear-core`                    |
+| Go                      | [`dicebear-go`](https://pkg.go.dev/github.com/dicebear/dicebear-go/v10) | `go get github.com/dicebear/dicebear-go/v10` |
+| Dart                    | [`dicebear_core`](https://pub.dev/packages/dicebear_core)               | `dart pub add dicebear_core`                 |
+
+In JavaScript it looks like this; the
+[documentation](https://www.dicebear.com/introduction) has the equivalent for
+each language:
+
+```js
+import { Avatar } from '@dicebear/core';
+import definition from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const avatar = new Avatar(definition, {
+  seed: 'John Doe',
+  size: 128,
+});
+
+avatar.toString(); // SVG string
+avatar.toDataUri(); // data:image/svg+xml;charset=utf-8,...
+```
+
+The 35+ avatar styles are plain JSON definitions from the
+[`dicebear/styles`](https://github.com/dicebear/styles) repository, available as
+a package for each language. You can also
+[create your own style](https://www.dicebear.com/guides/create-an-avatar-style-with-figma/),
+with Figma or from scratch.
+
+## Without writing code
+
+- The [HTTP API](https://www.dicebear.com/how-to-use/http-api/) returns avatars
+  from a plain URL, free and without an account:
+  `https://api.dicebear.com/10.x/lorelei/svg?seed=Felix`. For full control and
+  privacy you can
+  [host it yourself](https://www.dicebear.com/guides/host-the-http-api-yourself/)
+  with a single Docker container.
+- The [CLI](https://www.dicebear.com/how-to-use/cli/) generates avatar files in
+  bulk: `npx dicebear lorelei --count 10`.
+- The [editor](https://editor.dicebear.com) lets you assemble a single avatar by
+  hand and export it.
+
+## This repository
+
+This monorepo contains the six core libraries, the CLI, the SVG-to-raster
+converter, the documentation site ([dicebear.com](https://www.dicebear.com)),
+and the editor. Related projects live in their own repositories:
+
+- [`dicebear/styles`](https://github.com/dicebear/styles): the official avatar
+  style definitions
+- [`dicebear/schema`](https://github.com/dicebear/schema): the JSON Schema
+  behind definitions and options
+- [`dicebear/api`](https://github.com/dicebear/api): the self-hostable HTTP API
+- [`dicebear/exporter-plugin-for-figma`](https://github.com/dicebear/exporter-plugin-for-figma):
+  the Figma plugin for style authors
+
+Contributions are welcome; [CONTRIBUTING.md](./CONTRIBUTING.md) explains the
+setup and where each kind of change belongs.
+
+## License
+
+The code is [MIT licensed](./LICENSE), including commercial use. The avatar
+styles are the work of their respective artists and carry their own licenses;
+the [license overview](https://www.dicebear.com/licenses/) lists them all, and
+many only ask for attribution.
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/README.wehub.md b/README.wehub.md
new file mode 100644
index 0000000..562c42b
--- /dev/null
+++ b/README.wehub.md
@@ -0,0 +1,7 @@
+# WeHub 来源说明
+
+- 原始项目：`dicebear/dicebear`
+- 原始仓库：https://github.com/dicebear/dicebear
+- 导入方式：上游默认分支的最新快照
+- 原作者、版权和许可证信息以原始仓库及本仓库 LICENSE 为准
+- 本文件仅用于记录来源，不代表 WeHub 是原项目作者
diff --git a/apps/docs/.env.example b/apps/docs/.env.example
new file mode 100644
index 0000000..b9101cb
--- /dev/null
+++ b/apps/docs/.env.example
@@ -0,0 +1,4 @@
+# Legal links shown in the footer.
+VITE_PRIVACY_POLICY_URL=
+VITE_COOKIE_POLICY_URL=
+VITE_SITE_NOTICE_URL=
diff --git a/apps/docs/.gitignore b/apps/docs/.gitignore
new file mode 100644
index 0000000..bab9e83
--- /dev/null
+++ b/apps/docs/.gitignore
@@ -0,0 +1,9 @@
+# Cache and log files
+.DS_STORE
+
+# Dependencies
+node_modules
+
+# Vitepress
+.vitepress/cache
+.vitepress/dist
diff --git a/apps/docs/.vitepress/config.ts b/apps/docs/.vitepress/config.ts
new file mode 100644
index 0000000..cc29c47
--- /dev/null
+++ b/apps/docs/.vitepress/config.ts
@@ -0,0 +1,263 @@
+import * as path from 'node:path';
+import { defineConfig, type DefaultTheme, type HeadConfig } from 'vitepress';
+import { ThemeOptions } from '@theme/types';
+
+import sidebarDocs from './config/sidebarDocs';
+import sidebarStyles from './config/sidebarStyles';
+import sidebarTools from './config/sidebarTools';
+import avatarStyles from './config/avatarStyles';
+import avatarUniqueCounts from './config/avatarUniqueCounts';
+import avatarStyleSizes from './config/avatarStyleSizes';
+import { formatStars } from './theme/utils/format';
+
+async function fetchGitHubStars(
+  repos: string[],
+): Promise<Record<string, string>> {
+  const result: Record<string, string> = {};
+  const TIMEOUT_MS = 5000;
+
+  await Promise.all(
+    repos.map(async (repo) => {
+      const controller = new AbortController();
+      const timer = setTimeout(() => controller.abort(), TIMEOUT_MS);
+      try {
+        const res = await fetch(`https://api.github.com/repos/${repo}`, {
+          signal: controller.signal,
+        });
+        if (res.ok) {
+          const data = await res.json();
+          result[repo] = formatStars(data.stargazers_count);
+        }
+      } catch (err) {
+        console.warn(
+          `[github-stars] failed for ${repo}:`,
+          err instanceof Error ? err.message : err,
+        );
+      } finally {
+        clearTimeout(timer);
+      }
+    }),
+  );
+
+  return result;
+}
+
+const githubStars = await fetchGitHubStars([
+  'dicebear/dicebear',
+  'nusu/avvvatars',
+  'dmester/jdenticon',
+  'multiavatar/Multiavatar',
+  'boringdesigners/boring-avatars',
+]);
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+const thirdPartyScripts: HeadConfig[] = isProduction
+  ? [
+      [
+        'script',
+        {
+          defer: '',
+          src: 'https://u.dicebear.com/script.js',
+          'data-website-id': '75d27df5-3441-4530-8f29-70d04ae9085e',
+        },
+      ],
+    ]
+  : [];
+
+export default defineConfig<ThemeOptions>({
+  title: 'DiceBear',
+  description:
+    'DiceBear is a free, open source avatar library and avatar API with 35+ avatar styles. Generate profile pictures and user placeholder images for any project.',
+  head: [
+    // Most pages load avatars from the HTTP API (seed demo, style showcase,
+    // playground). Warming up the connection hides the DNS/TLS latency on
+    // mobile. The avatars are plain <img> requests (no CORS), so the hint
+    // must not carry a crossorigin attribute to match the connection.
+    ['link', { rel: 'preconnect', href: 'https://api.dicebear.com' }],
+    [
+      'link',
+      {
+        rel: 'icon',
+        type: 'image/png',
+        href: '/favicon-96x96.png',
+        sizes: '96x96',
+      },
+    ],
+    ['link', { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }],
+    ['link', { rel: 'shortcut icon', href: '/favicon.ico' }],
+    [
+      'link',
+      {
+        rel: 'apple-touch-icon',
+        sizes: '180x180',
+        href: '/apple-touch-icon.png',
+      },
+    ],
+    ['meta', { name: 'apple-mobile-web-app-title', content: 'DiceBear' }],
+    ['link', { rel: 'manifest', href: '/site.webmanifest' }],
+    ['meta', { property: 'og:site_name', content: 'DiceBear' }],
+    ['meta', { property: 'og:type', content: 'website' }],
+    ['meta', { name: 'twitter:card', content: 'summary' }],
+    [
+      'script',
+      { type: 'application/ld+json' },
+      JSON.stringify({
+        '@context': 'https://schema.org',
+        '@type': 'WebSite',
+        name: 'DiceBear',
+        url: 'https://www.dicebear.com',
+        description:
+          'DiceBear is a free, open source avatar library and Avatar API. Generate unique, deterministic SVG avatars and profile pictures with 35+ styles — privacy-focused and self-hostable.',
+      }),
+    ],
+    [
+      'script',
+      { type: 'application/ld+json' },
+      JSON.stringify({
+        '@context': 'https://schema.org',
+        '@type': 'SoftwareApplication',
+        name: 'DiceBear',
+        applicationCategory: 'DeveloperApplication',
+        operatingSystem: 'Any',
+        url: 'https://www.dicebear.com',
+        description:
+          'Privacy-focused, open source SVG avatar library with 35+ styles. Free Avatar API, JavaScript library, PHP library, Python library, Rust library, Go library, Dart library, and CLI for generating deterministic profile pictures and user placeholder images.',
+        offers: {
+          '@type': 'Offer',
+          price: '0',
+          priceCurrency: 'USD',
+        },
+      }),
+    ],
+    ...thirdPartyScripts,
+  ],
+  srcDir: path.join(__dirname, '..', 'pages'),
+  transformHead: (ctx) => {
+    const result: HeadConfig[] = [];
+
+    // The theme renders text with the self-hosted variable Inter (see
+    // theme/index.ts); VitePress's built-in Inter is disabled via
+    // theme-without-fonts. Preload the latin subset so the first paint
+    // doesn't wait a full round trip after the CSS arrives. Font preloads
+    // always need `crossorigin`, even for same-origin requests.
+    const interFont = ctx.assets.find((asset) =>
+      /inter-latin-wght-normal\.[\w-]+\.woff2$/.test(asset),
+    );
+
+    if (interFont) {
+      result.push([
+        'link',
+        {
+          rel: 'preload',
+          href: interFont,
+          as: 'font',
+          type: 'font/woff2',
+          crossorigin: '',
+        },
+      ]);
+    }
+
+    if (ctx.pageData.relativePath) {
+      const canonicalPath = ctx.pageData.relativePath
+        .replace('index.md', '')
+        .replace(/\.md$/, '');
+
+      const canonicalUrl = `https://www.dicebear.com/${canonicalPath}`;
+
+      result.push(['link', { rel: 'canonical', href: canonicalUrl }]);
+
+      if (canonicalPath.startsWith('legal/legal-notice')) {
+        result.push(['meta', { name: 'robots', content: 'noindex, nofollow' }]);
+      }
+
+      const pageTitle =
+        ctx.pageData.frontmatter.title || ctx.pageData.title || 'DiceBear';
+      const pageDescription =
+        ctx.pageData.frontmatter.description ||
+        ctx.pageData.description ||
+        'DiceBear is a free, open source avatar library and Avatar API with 35+ avatar styles.';
+
+      result.push(
+        ['meta', { property: 'og:title', content: pageTitle }],
+        ['meta', { property: 'og:description', content: pageDescription }],
+        ['meta', { property: 'og:url', content: canonicalUrl }],
+        ['meta', { name: 'twitter:title', content: pageTitle }],
+        ['meta', { name: 'twitter:description', content: pageDescription }],
+      );
+    }
+
+    return result;
+  },
+  vite: {
+    ssr: {
+      noExternal: ['vue-countup-v3', 'vue-chartjs', 'globe.gl', 'three'],
+    },
+    resolve: {
+      alias: {
+        '@playground': path.resolve(__dirname, 'theme/components/playground'),
+        '@theme': path.resolve(__dirname, 'theme'),
+        './components/VPLocalNav.vue': path.resolve(
+          __dirname,
+          'theme/components/layout/LayoutVPLocalNav.vue',
+        ),
+      },
+    },
+  },
+  themeConfig: {
+    avatarStyles,
+    avatarUniqueCounts,
+    avatarStyleSizes,
+    githubStars,
+    siteTitle: '',
+    // Intrinsic SVG dimensions as explicit attributes so the browser can
+    // reserve the aspect ratio before the file loads (the displayed size
+    // comes from the theme's CSS height). VPImage spreads nested src
+    // objects onto the <img> at runtime, but ThemeableImage only types the
+    // light/dark form with plain strings, hence the double cast.
+    logo: {
+      dark: { src: '/logo-dark.svg', width: 183, height: 32 },
+      light: { src: '/logo.svg', width: 183, height: 32 },
+    } as unknown as DefaultTheme.ThemeableImage,
+    externalLinkIcon: true,
+    search: {
+      provider: 'local',
+    },
+    nav: [
+      { text: 'Playground', link: '/playground/', activeMatch: '^/playground' },
+      {
+        text: 'Docs',
+        link: '/introduction/',
+        activeMatch: '^/(introduction|how-to-use|guides|specification)',
+      },
+      {
+        text: 'Styles',
+        link: '/styles/',
+        activeMatch: '^/styles',
+      },
+      { text: 'Editor', link: 'https://editor.dicebear.com' },
+      {
+        text: '10.x',
+        items: [{ text: '9.x', link: 'https://v9.dicebear.com' }],
+      },
+    ],
+    outline: [2, 2],
+    socialLinks: [],
+    editLink: {
+      pattern:
+        'https://github.com/dicebear/dicebear/edit/10.x/apps/docs/pages/:path',
+    },
+    sidebar: {
+      '/introduction/': sidebarDocs,
+      '/styles/': sidebarStyles,
+      '/how-to-use/': sidebarDocs,
+      '/guides/': sidebarDocs,
+      '/specification/': sidebarDocs,
+      '/tools/': sidebarTools,
+    },
+  },
+  sitemap: {
+    hostname: 'https://www.dicebear.com',
+  },
+  markdown: {},
+});
diff --git a/apps/docs/.vitepress/config/avatarStyleSizes.ts b/apps/docs/.vitepress/config/avatarStyleSizes.ts
new file mode 100644
index 0000000..7981934
--- /dev/null
+++ b/apps/docs/.vitepress/config/avatarStyleSizes.ts
@@ -0,0 +1,67 @@
+import { createRequire } from 'node:module';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { gzipSync } from 'node:zlib';
+
+import type { AvatarStyleSizeBundle } from '@theme/types';
+
+const require = createRequire(import.meta.url);
+
+function sizeFor(file: string): { raw: number; gzip: number } {
+  const buf = fs.readFileSync(file);
+  return { raw: buf.byteLength, gzip: gzipSync(buf).byteLength };
+}
+
+function walkJsFiles(dir: string): string[] {
+  const out: string[] = [];
+  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      out.push(...walkJsFiles(full));
+    } else if (entry.isFile() && entry.name.endsWith('.js')) {
+      out.push(full);
+    }
+  }
+  return out;
+}
+
+const stylesDir = path.dirname(
+  require.resolve('@dicebear/styles/initials.json'),
+);
+const coreLibDir = path.dirname(require.resolve('@dicebear/core'));
+// @dicebear/converter `main` points to lib/node/index.js; step up to lib/
+const converterLibDir = path.dirname(
+  path.dirname(require.resolve('@dicebear/converter')),
+);
+
+const styles: Record<string, { raw: number; gzip: number }> = {};
+for (const file of fs.readdirSync(stylesDir)) {
+  if (!file.endsWith('.min.json')) continue;
+  const name = file.replace('.min.json', '');
+  styles[name] = sizeFor(path.join(stylesDir, file));
+}
+
+function bundleSize(
+  dir: string,
+  exclude: (file: string) => boolean = () => false,
+) {
+  let raw = 0;
+  let gzip = 0;
+  for (const file of walkJsFiles(dir)) {
+    if (exclude(file)) continue;
+    const s = sizeFor(file);
+    raw += s.raw;
+    gzip += s.gzip;
+  }
+  return { raw, gzip };
+}
+
+const avatarStyleSizes: AvatarStyleSizeBundle = {
+  core: bundleSize(coreLibDir),
+  converter: bundleSize(converterLibDir, (file) =>
+    file.includes(`${path.sep}node${path.sep}`),
+  ),
+  styles,
+};
+
+export default avatarStyleSizes;
diff --git a/apps/docs/.vitepress/config/avatarStyles.ts b/apps/docs/.vitepress/config/avatarStyles.ts
new file mode 100644
index 0000000..3dd6599
--- /dev/null
+++ b/apps/docs/.vitepress/config/avatarStyles.ts
@@ -0,0 +1,43 @@
+import { Style } from '@dicebear/core';
+import { AvatarStyles } from '@theme/types';
+import { createRequire } from 'node:module';
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+
+const require = createRequire(import.meta.url);
+
+const definitionsDir = path.dirname(
+  require.resolve('@dicebear/styles/initials.json'),
+);
+
+const avatarStyles: AvatarStyles = {};
+
+for (const file of fs.readdirSync(definitionsDir)) {
+  if (!file.endsWith('.min.json')) {
+    continue;
+  }
+
+  const name = file.replace('.min.json', '');
+  const definition = JSON.parse(
+    fs.readFileSync(path.join(definitionsDir, file), 'utf-8'),
+  );
+  const style = new Style(definition);
+  const meta = style.meta();
+
+  avatarStyles[name] = {
+    definitionUrl: style.id(),
+    meta: {
+      title: meta.source().name(),
+      creator: meta.creator().name(),
+      homepage: meta.creator().url(),
+      source: meta.source().url(),
+      license: {
+        name: meta.license().name(),
+        url: meta.license().url(),
+        text: meta.license().text(),
+      },
+    },
+  };
+}
+
+export default avatarStyles;
diff --git a/apps/docs/.vitepress/config/avatarUniqueCounts.ts b/apps/docs/.vitepress/config/avatarUniqueCounts.ts
new file mode 100644
index 0000000..69ea28e
--- /dev/null
+++ b/apps/docs/.vitepress/config/avatarUniqueCounts.ts
@@ -0,0 +1,30 @@
+import type { StyleDefinition } from '@dicebear/core';
+import { createRequire } from 'node:module';
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+
+import type { AvatarUniqueCount } from '@theme/types';
+import { computeCount } from '../theme/utils/avatar/combinationCount';
+
+const require = createRequire(import.meta.url);
+
+const definitionsDir = path.dirname(
+  require.resolve('@dicebear/styles/initials.json'),
+);
+
+const avatarUniqueCounts: Record<string, AvatarUniqueCount> = {};
+
+for (const file of fs.readdirSync(definitionsDir)) {
+  if (!file.endsWith('.min.json')) {
+    continue;
+  }
+
+  const name = file.replace('.min.json', '');
+  const definition: StyleDefinition = JSON.parse(
+    fs.readFileSync(path.join(definitionsDir, file), 'utf-8'),
+  );
+
+  avatarUniqueCounts[name] = computeCount(definition);
+}
+
+export default avatarUniqueCounts;
diff --git a/apps/docs/.vitepress/config/sidebarDocs.ts b/apps/docs/.vitepress/config/sidebarDocs.ts
new file mode 100644
index 0000000..5a4071b
--- /dev/null
+++ b/apps/docs/.vitepress/config/sidebarDocs.ts
@@ -0,0 +1,182 @@
+import { DefaultTheme } from 'vitepress';
+
+// NOTE: VitePress renders sidebar item `text` with `v-html`, so inline markup is
+// allowed — we use it to attach small status badges (styled via
+// `.vp-sidebar-badge` in theme/styles/main.scss). Groups are intentionally NOT
+// collapsible (no `collapsed` key), so every section stays expanded.
+const sidebar: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Introduction',
+    items: [
+      { text: 'What is DiceBear?', link: '/introduction/' },
+      {
+        text: 'DiceBear vs. Alternatives',
+        link: '/guides/avatar-library-comparison/',
+      },
+    ],
+  },
+  {
+    text: 'How to use',
+    items: [
+      {
+        text: 'JS Library',
+        link: '/how-to-use/js-library/',
+        items: [
+          { text: 'Core', link: '/how-to-use/js-library/' },
+          { text: 'Converter', link: '/how-to-use/js-library/converter/' },
+        ],
+      },
+      {
+        text: 'PHP Library <span class="vp-sidebar-badge is-new">New</span>',
+        link: '/how-to-use/php-library/',
+      },
+      {
+        text: 'Python Library <span class="vp-sidebar-badge is-new">New</span>',
+        link: '/how-to-use/python-library/',
+      },
+      {
+        text: 'Rust Library <span class="vp-sidebar-badge is-new">New</span>',
+        link: '/how-to-use/rust-library/',
+      },
+      {
+        text: 'Go Library <span class="vp-sidebar-badge is-new">New</span>',
+        link: '/how-to-use/go-library/',
+      },
+      {
+        text: 'Dart Library <span class="vp-sidebar-badge is-new">New</span>',
+        link: '/how-to-use/dart-library/',
+      },
+      { text: 'HTTP-API', link: '/how-to-use/http-api/' },
+      { text: 'CLI', link: '/how-to-use/cli/' },
+    ],
+  },
+  {
+    text: 'Frameworks',
+    items: [
+      {
+        text: 'Angular',
+        link: '/guides/use-the-library-with-angular/',
+      },
+      {
+        text: 'Flutter',
+        link: '/guides/use-the-library-with-flutter/',
+      },
+      {
+        text: 'Next.js',
+        link: '/guides/use-the-library-with-next-js/',
+      },
+      {
+        text: 'Nuxt',
+        link: '/guides/use-the-library-with-nuxt/',
+      },
+      {
+        text: 'React',
+        link: '/guides/use-the-library-with-react/',
+      },
+      {
+        text: 'React Native',
+        link: '/guides/use-the-library-with-react-native/',
+      },
+      {
+        text: 'Svelte',
+        link: '/guides/use-the-library-with-svelte/',
+      },
+      {
+        text: 'Vue',
+        link: '/guides/use-the-library-with-vue/',
+      },
+    ],
+  },
+  {
+    text: 'Custom Styles',
+    items: [
+      {
+        text: 'With Figma',
+        link: '/guides/create-an-avatar-style-with-figma/',
+      },
+      {
+        text: 'From Scratch',
+        link: '/guides/create-an-avatar-style-from-scratch/',
+      },
+    ],
+  },
+  {
+    text: 'Specification',
+    items: [
+      {
+        text: 'Definition Schema',
+        link: '/specification/definition-schema/',
+      },
+      {
+        text: 'Implement DiceBear Core',
+        link: '/specification/implement-dicebear-core/',
+      },
+    ],
+  },
+  {
+    text: 'Concepts',
+    items: [
+      {
+        text: 'Gender',
+        link: '/guides/how-do-i-set-a-gender/',
+      },
+    ],
+  },
+  {
+    text: 'Use Cases',
+    items: [
+      {
+        text: 'Avatar Placeholder',
+        link: '/guides/use-as-avatar-placeholder/',
+      },
+      {
+        text: 'Gravatar Default Image',
+        link: '/guides/use-the-http-api-as-gravatar-default-image/',
+      },
+      {
+        text: 'Self-host the HTTP-API',
+        link: '/guides/host-the-http-api-yourself/',
+      },
+    ],
+  },
+  {
+    text: 'Advanced',
+    items: [
+      {
+        text: 'Access Style Options',
+        link: '/guides/access-all-available-options/',
+      },
+      {
+        text: 'Load All Avatar Styles',
+        link: '/guides/load-all-avatar-styles/',
+      },
+      {
+        text: 'Unique Avatar Count',
+        link: '/guides/how-many-unique-avatars/',
+      },
+    ],
+  },
+  {
+    text: 'Contributing',
+    items: [
+      {
+        text: 'Documentation',
+        link: '/guides/contribute-to-the-documentation/',
+      },
+      {
+        text: 'Editor',
+        link: '/guides/contribute-to-the-editor/',
+      },
+      {
+        text: 'API',
+        link: '/guides/contribute-to-the-api/',
+      },
+      {
+        text: 'Library',
+        link: '/guides/contribute-to-the-library/',
+      },
+    ],
+  },
+];
+
+export default sidebar;
diff --git a/apps/docs/.vitepress/config/sidebarPlayground.ts b/apps/docs/.vitepress/config/sidebarPlayground.ts
new file mode 100644
index 0000000..d5082aa
--- /dev/null
+++ b/apps/docs/.vitepress/config/sidebarPlayground.ts
@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'vitepress';
+
+const sidebar: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Playground',
+    items: [{ text: 'Playground', link: '/playground/' }],
+  },
+];
+
+export default sidebar;
diff --git a/apps/docs/.vitepress/config/sidebarStyles.ts b/apps/docs/.vitepress/config/sidebarStyles.ts
new file mode 100644
index 0000000..753af4a
--- /dev/null
+++ b/apps/docs/.vitepress/config/sidebarStyles.ts
@@ -0,0 +1,36 @@
+import { capitalCase } from 'change-case';
+import { DefaultTheme } from 'vitepress';
+import avatarStyles from './avatarStyles';
+
+// Avatar styles to flag with a "New" badge in the sidebar. These are the styles
+// added in the most recent @dicebear/styles release that introduced new styles
+// (v10.0.0). Update this set when new styles ship. The badge markup is rendered
+// via v-html (see `.vp-sidebar-badge` in theme/styles/main.scss).
+const NEW_STYLES = new Set<string>([
+  'disco',
+  'glyphs',
+  'initial-face',
+  'shape-grid',
+  'stripes',
+  'triangles',
+]);
+
+const sidebar: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Styles',
+    items: Object.keys(avatarStyles)
+      .sort((a, b) => a.localeCompare(b))
+      .map((styleName) => {
+        const label = capitalCase(styleName);
+
+        return {
+          text: NEW_STYLES.has(styleName)
+            ? `${label} <span class="vp-sidebar-badge is-new">New</span>`
+            : label,
+          link: `/styles/${styleName}/`,
+        };
+      }),
+  },
+];
+
+export default sidebar;
diff --git a/apps/docs/.vitepress/config/sidebarTools.ts b/apps/docs/.vitepress/config/sidebarTools.ts
new file mode 100644
index 0000000..4d39c65
--- /dev/null
+++ b/apps/docs/.vitepress/config/sidebarTools.ts
@@ -0,0 +1,13 @@
+import { DefaultTheme } from 'vitepress';
+
+const sidebar: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Tools',
+    items: [
+      { text: 'WCAG Contrast Picker', link: '/tools/contrast/' },
+      { text: 'Bundle Size Estimator', link: '/tools/bundle-size/' },
+    ],
+  },
+];
+
+export default sidebar;
diff --git a/apps/docs/.vitepress/theme/Layout.vue b/apps/docs/.vitepress/theme/Layout.vue
new file mode 100644
index 0000000..bac71c4
--- /dev/null
+++ b/apps/docs/.vitepress/theme/Layout.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import DefaultTheme from 'vitepress/theme-without-fonts';
+import { VPDocAsideSponsors } from 'vitepress/theme-without-fonts';
+import { withBase } from 'vitepress';
+import LayoutFooter from './components/layout/LayoutFooter.vue';
+import LayoutNavActions from './components/layout/LayoutNavActions.vue';
+import './styles/main.scss';
+
+const { Layout } = DefaultTheme;
+
+const sponsors = [
+  {
+    tier: 'CDN sponsored by',
+    size: 'medium' as const,
+    items: [
+      {
+        name: 'bunny.net',
+        img: withBase('/sponsors/bunny-dark.svg'),
+        url: 'https://bunny.net/',
+      },
+    ],
+  },
+];
+</script>
+
+<template>
+  <Layout>
+    <template #nav-bar-content-after>
+      <LayoutNavActions />
+    </template>
+    <template #aside-outline-after>
+      <div class="layout-aside-sponsors">
+        <VPDocAsideSponsors :data="sponsors" />
+        <span class="layout-aside-sponsors-ad">Advertisement</span>
+      </div>
+    </template>
+    <template #layout-bottom>
+      <LayoutFooter />
+    </template>
+  </Layout>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/app/AppCDN.vue b/apps/docs/.vitepress/theme/components/app/AppCDN.vue
new file mode 100644
index 0000000..e6a8323
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppCDN.vue
@@ -0,0 +1,295 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { Globe, Zap, Server } from '@lucide/vue';
+import { UiContainer, UiSection, UiSectionHeader, UiCard } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+import { useApiStats } from '../../composables/useApiStats';
+import { formatNumber, formatBytes } from '../../utils/format';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+const apiStats = useApiStats();
+
+const monthLabel = computed(() => apiStats.value?.monthLabel ?? 'Month');
+
+const stats = computed(() => [
+  {
+    value: apiStats.value
+      ? formatNumber(apiStats.value.monthlyRequests)
+      : '1B+',
+    label: `Requests in ${monthLabel.value}`,
+    icon: Globe,
+  },
+  {
+    value: apiStats.value ? formatBytes(apiStats.value.monthlyTraffic) : '3TB+',
+    label: `Data Served in ${monthLabel.value}`,
+    icon: Server,
+  },
+  { value: '85%+', label: 'Cache Hit Rate', icon: Zap },
+]);
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-cdn-gradient"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader
+        class="app-cdn-header"
+        description="Our HTTP-API is powered by a global CDN that delivers avatars with low latency and high reliability, completely free of charge."
+      >
+        <template #headline
+          >Lightning fast, <strong>globally delivered</strong></template
+        >
+      </UiSectionHeader>
+
+      <div class="app-cdn-content">
+        <UiCard padding="2xl" class="app-cdn-card">
+          <div class="app-cdn-card-layout">
+            <div class="app-cdn-card-info">
+              <div class="app-cdn-sponsor">
+                <a
+                  href="https://bunny.net/"
+                  class="app-cdn-logo-link"
+                  target="_blank"
+                  rel="noopener sponsored"
+                >
+                  <img
+                    src="/sponsors/bunny-dark.svg"
+                    alt="bunny.net"
+                    class="app-cdn-logo app-cdn-logo-light"
+                  />
+                  <img
+                    src="/sponsors/bunny-light.svg"
+                    alt="bunny.net"
+                    class="app-cdn-logo app-cdn-logo-dark"
+                  />
+                </a>
+                <p class="app-cdn-description">
+                  bunny.net sponsors the CDN infrastructure for our HTTP-API.
+                  This lets us serve avatars globally with low latency,
+                  completely free of charge for you.
+                </p>
+                <a
+                  href="https://bunny.net/"
+                  class="app-cdn-link"
+                  target="_blank"
+                  rel="noopener sponsored"
+                >
+                  Visit bunny.net &rarr;
+                </a>
+                <span class="app-cdn-ad">Advertisement</span>
+              </div>
+            </div>
+
+            <div class="app-cdn-stats">
+              <div
+                v-for="(stat, index) in stats"
+                :key="stat.label"
+                class="app-cdn-stat-item"
+                :style="{ animationDelay: `${index * 0.1}s` }"
+              >
+                <component :is="stat.icon" class="app-cdn-stat-icon" />
+                <span class="app-cdn-stat-value">{{ stat.value }}</span>
+                <span class="app-cdn-stat-label">{{ stat.label }}</span>
+              </div>
+            </div>
+          </div>
+        </UiCard>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss">
+:root {
+  --app-cdn-logo-light-display: inline;
+  --app-cdn-logo-dark-display: none;
+}
+.dark {
+  --app-cdn-logo-light-display: none;
+  --app-cdn-logo-dark-display: inline;
+}
+</style>
+
+<style lang="scss" scoped>
+.app-cdn {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 60% 70% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 60% 70% at 50% 100%,
+        color-mix(in srgb, var(--vp-c-brand-1) 4%, transparent),
+        transparent
+      );
+  }
+
+  &-header {
+    --hl-from: var(--vp-c-brand-3);
+    --hl-to: var(--vp-c-brand-1);
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-content {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth) 0.15s;
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-card-layout {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 48px;
+    align-items: center;
+  }
+
+  &-sponsor {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  &-logo-link {
+    display: inline-block;
+    line-height: 0;
+
+    &::after {
+      display: none !important;
+    }
+  }
+
+  &-logo {
+    height: 44px;
+    width: auto;
+
+    &-light {
+      display: var(--app-cdn-logo-light-display);
+    }
+
+    &-dark {
+      display: var(--app-cdn-logo-dark-display);
+    }
+  }
+
+  &-description {
+    font-size: 15px;
+    color: var(--vp-c-text-2);
+    line-height: 1.7;
+    margin: 0;
+  }
+
+  &-link {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-brand-1);
+    text-decoration: none;
+    transition: color var(--duration-fast) ease;
+
+    &::after {
+      display: none !important;
+    }
+
+    &:hover {
+      color: var(--vp-c-brand-2);
+    }
+  }
+
+  &-ad {
+    font-size: 12px;
+    color: var(--vp-c-text-3);
+  }
+
+  &-stats {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  &-stat-item {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 20px 24px;
+    background: var(--vp-c-bg);
+    border-radius: var(--vp-radius-sm);
+    opacity: 0;
+    transform: translateX(20px);
+    transition: all var(--duration-mid) ease;
+
+    .visible & {
+      animation: app-cdn-stat-reveal 0.5s var(--ease-spring) forwards;
+    }
+  }
+
+  &-stat-icon {
+    width: 20px;
+    height: 20px;
+    color: var(--vp-c-brand-1);
+    flex-shrink: 0;
+  }
+
+  &-stat-value {
+    font-size: 22px;
+    font-weight: 800;
+    color: var(--vp-c-text-1);
+    font-variant-numeric: tabular-nums;
+    min-width: 80px;
+  }
+
+  &-stat-label {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    font-weight: 500;
+  }
+}
+
+@keyframes app-cdn-stat-reveal {
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@media (max-width: 768px) {
+  .app-cdn {
+    &-card {
+      --ui-card-padding: 32px 24px;
+    }
+
+    &-card-layout {
+      grid-template-columns: 1fr;
+      gap: 32px;
+    }
+
+    &-stats {
+      gap: 12px;
+    }
+
+    &-stat-item {
+      padding: 16px 20px;
+    }
+
+    &-stat-value {
+      font-size: 20px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppComparison.vue b/apps/docs/.vitepress/theme/components/app/AppComparison.vue
new file mode 100644
index 0000000..22fd96c
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppComparison.vue
@@ -0,0 +1,283 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Check, X } from '@lucide/vue';
+import { useData } from 'vitepress';
+import type { ThemeOptions } from '@theme/types';
+import { UiContainer, UiSection, UiSectionHeader, UiCard } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+import {
+  buildComparisonRows,
+  comparisonServices,
+} from '@theme/config/comparison';
+
+const { theme } = useData<ThemeOptions>();
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.1 });
+
+const rows = buildComparisonRows({
+  stars: theme.value.githubStars ?? {},
+  styleCount: Object.keys(theme.value.avatarStyles ?? {}).length,
+});
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-comparison-gradient"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader
+        class="app-comparison-header"
+        description="Every tool has its strengths. Choose what works best for your project."
+      >
+        <template #headline>How DiceBear <strong>Compares</strong></template>
+      </UiSectionHeader>
+
+      <UiCard flush class="app-comparison-table-card">
+        <div class="app-comparison-table-wrapper">
+          <table class="app-comparison-table">
+            <thead>
+              <tr>
+                <th class="app-comparison-feature-col">Feature</th>
+                <th
+                  v-for="(service, index) in comparisonServices"
+                  :key="service.key"
+                  :class="{ 'app-comparison-highlight-col': index === 0 }"
+                >
+                  <a
+                    :href="service.url"
+                    target="_blank"
+                    rel="noopener"
+                    class="app-comparison-service-link"
+                    >{{ service.name }}</a
+                  >
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(row, rowIndex) in rows" :key="rowIndex">
+                <td class="app-comparison-feature-col">{{ row.feature }}</td>
+                <td
+                  v-for="(service, colIndex) in comparisonServices"
+                  :key="service.key"
+                  :class="{ 'app-comparison-highlight-col': colIndex === 0 }"
+                >
+                  <span
+                    v-if="row.values[service.key] === 'yes'"
+                    class="app-comparison-cell-yes"
+                  >
+                    <Check :size="18" />
+                  </span>
+                  <span
+                    v-else-if="row.values[service.key] === 'free'"
+                    class="app-comparison-cell-free"
+                  >
+                    Free
+                  </span>
+                  <span
+                    v-else-if="row.values[service.key] === 'paid'"
+                    class="app-comparison-cell-paid"
+                  >
+                    Paid
+                  </span>
+                  <span
+                    v-else-if="row.values[service.key] === 'no'"
+                    class="app-comparison-cell-no"
+                  >
+                    <X :size="18" />
+                  </span>
+                  <span v-else class="app-comparison-cell-text">{{
+                    row.values[service.key]
+                  }}</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </UiCard>
+
+      <p class="app-comparison-note">
+        This comparison is based on publicly available information and may not
+        reflect the latest updates. Each tool has its own strengths, so choose
+        what works best for your project.
+      </p>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-comparison {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 50% 50% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 50% at 50% 100%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      );
+  }
+
+  &-header {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-table-card {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth) 0.2s;
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-table-wrapper {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 14px;
+    min-width: 700px;
+
+    th,
+    td {
+      padding: 14px 16px;
+      text-align: center;
+      border-bottom: 1px solid var(--vp-c-border);
+      white-space: nowrap;
+    }
+
+    thead th {
+      font-weight: 700;
+      font-size: 13px;
+      color: var(--vp-c-text-2);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      padding-bottom: 16px;
+    }
+
+    tbody tr:last-child td {
+      border-bottom: none;
+    }
+
+    thead .app-comparison-highlight-col {
+      color: var(--vp-c-brand-1);
+    }
+  }
+
+  &-feature-col {
+    text-align: left !important;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+    min-width: 160px;
+    position: sticky;
+    left: 0;
+    z-index: 1;
+    background: var(--vp-c-bg);
+  }
+
+  &-highlight-col {
+    background: color-mix(in srgb, var(--vp-c-brand-1) 5%, transparent);
+    font-weight: 600;
+  }
+
+  &-service-link {
+    color: inherit;
+    text-decoration: none;
+    transition: color var(--duration-fast) ease;
+
+    &::after {
+      display: none !important;
+    }
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+    }
+  }
+
+  &-cell-yes {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: var(--vp-c-green-soft);
+    color: var(--vp-c-green-1);
+  }
+
+  &-cell-free {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 28px;
+    padding: 0 12px;
+    border-radius: var(--vp-radius-sm);
+    background: var(--vp-c-green-soft);
+    color: var(--vp-c-green-1);
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  &-cell-paid {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 28px;
+    padding: 0 12px;
+    border-radius: var(--vp-radius-sm);
+    background: color-mix(in srgb, var(--vp-c-text-3) 10%, transparent);
+    color: var(--vp-c-text-2);
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  &-cell-no {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: color-mix(in srgb, var(--vp-c-text-3) 15%, transparent);
+    color: var(--vp-c-text-3);
+  }
+
+  &-cell-text {
+    font-size: 13px;
+    color: var(--vp-c-text-2);
+  }
+
+  &-note {
+    text-align: center;
+    font-size: 13px;
+    color: var(--vp-c-text-3);
+    margin: 24px auto 0;
+    max-width: 600px;
+    line-height: 1.6;
+  }
+}
+
+@media (max-width: 640px) {
+  .app-comparison {
+    &-table-card {
+      --card-padding: 16px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppCreateStyle.vue b/apps/docs/.vitepress/theme/components/app/AppCreateStyle.vue
new file mode 100644
index 0000000..733103a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppCreateStyle.vue
@@ -0,0 +1,475 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { ArrowRight, BookOpen } from '@lucide/vue';
+import { siFigma } from 'simple-icons';
+import Button from 'primevue/button';
+import { UiContainer, UiSection, UiSectionHeader, UiCard, UiIcon } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef);
+
+const steps = [
+  {
+    title: 'Design in Figma',
+    description:
+      'Create your avatar components visually. Group colors and parts using our simple naming conventions.',
+  },
+  {
+    title: 'Export with Plugin',
+    description:
+      'Use the DiceBear Figma plugin to configure options and export your style as a ready-to-use package.',
+  },
+  {
+    title: 'Build & Use',
+    description:
+      'Run npm install and npm run build. Your custom style is ready to generate avatars.',
+  },
+];
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-create-style-bg-grid"></div>
+      <div class="app-create-style-gradient"></div>
+    </template>
+
+    <UiContainer class="app-create-style-container">
+      <UiSectionHeader
+        description="Design your avatar style visually in Figma. Our plugin handles the technical export, with no coding required."
+      >
+        <template #headline
+          >Create Your Own Style<br /><strong>with Figma</strong></template
+        >
+      </UiSectionHeader>
+
+      <div class="app-create-style-grid">
+        <div class="app-create-style-content">
+          <div class="app-create-style-steps">
+            <UiCard
+              v-for="(step, index) in steps"
+              :key="index"
+              class="app-create-style-step-card"
+              :style="{ animationDelay: `${index * 0.15}s` }"
+            >
+              <div class="app-create-style-step-number">{{ index + 1 }}</div>
+              <div class="app-create-style-step-content">
+                <h3 class="app-create-style-step-title">{{ step.title }}</h3>
+                <p class="app-create-style-step-description">
+                  {{ step.description }}
+                </p>
+              </div>
+            </UiCard>
+          </div>
+
+          <div class="app-create-style-actions">
+            <Button
+              as="a"
+              href="/guides/create-an-avatar-style-with-figma/"
+              size="large"
+              severity="contrast"
+            >
+              <BookOpen :size="20" />
+              Read the Guide
+              <ArrowRight :size="20" />
+            </Button>
+            <Button
+              as="a"
+              href="https://www.figma.com/community/plugin/1005765655729342787"
+              target="_blank"
+              rel="noopener"
+              size="large"
+              severity="secondary"
+              variant="outlined"
+            >
+              <UiIcon :path="siFigma.path" :size="20" />
+              Get the Plugin
+              <ArrowRight :size="20" />
+            </Button>
+          </div>
+        </div>
+
+        <div class="app-create-style-visual">
+          <div class="app-create-style-figma-mockup">
+            <div class="app-create-style-figma-sidebar">
+              <div class="app-create-style-figma-layers">
+                <div class="app-create-style-layer-group">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-folder"
+                  ></span>
+                  <span>face</span>
+                </div>
+                <div class="app-create-style-layer-item">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-component"
+                  ></span>
+                  <span>face/round</span>
+                </div>
+                <div class="app-create-style-layer-item">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-component"
+                  ></span>
+                  <span>face/oval</span>
+                </div>
+                <div class="app-create-style-layer-group">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-folder"
+                  ></span>
+                  <span>eyes</span>
+                </div>
+                <div class="app-create-style-layer-item">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-component"
+                  ></span>
+                  <span>eyes/happy</span>
+                </div>
+                <div class="app-create-style-layer-item active">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-component"
+                  ></span>
+                  <span>eyes/wink</span>
+                </div>
+                <div class="app-create-style-layer-group">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-folder"
+                  ></span>
+                  <span>mouth</span>
+                </div>
+                <div class="app-create-style-layer-item">
+                  <span
+                    class="app-create-style-layer-icon app-create-style-layer-icon-component"
+                  ></span>
+                  <span>mouth/smile</span>
+                </div>
+              </div>
+            </div>
+            <div class="app-create-style-figma-canvas">
+              <div class="app-create-style-canvas-avatar">
+                <svg
+                  viewBox="0 0 64 64"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <circle cx="32" cy="32" r="28" fill="#FFD93D" />
+                  <circle cx="22" cy="28" r="4" fill="#1a1a2e" />
+                  <path
+                    d="M38 26 L42 30 L38 34"
+                    stroke="#1a1a2e"
+                    stroke-width="3"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                  <path
+                    d="M20 42 Q32 52 44 42"
+                    stroke="#1a1a2e"
+                    stroke-width="3"
+                    stroke-linecap="round"
+                    fill="none"
+                  />
+                </svg>
+              </div>
+              <div class="app-create-style-canvas-guides">
+                <div
+                  class="app-create-style-guide app-create-style-guide-h"
+                ></div>
+                <div
+                  class="app-create-style-guide app-create-style-guide-v"
+                ></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-create-style {
+  &-bg-grid {
+    background-image:
+      linear-gradient(var(--vp-c-border) 1px, transparent 1px),
+      linear-gradient(90deg, var(--vp-c-border) 1px, transparent 1px);
+    background-size: 60px 60px;
+    background-repeat: repeat !important;
+    opacity: 0.3;
+    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent);
+    -webkit-mask-image: radial-gradient(
+      ellipse 80% 60% at 50% 50%,
+      black,
+      transparent
+    );
+  }
+
+  &-gradient {
+    background: radial-gradient(
+      ellipse 80% 50% at 50% 0%,
+      color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent),
+      transparent
+    );
+  }
+
+  &-container {
+    opacity: 0;
+    transform: translateY(40px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 64px;
+    align-items: start;
+  }
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-steps {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-bottom: 32px;
+  }
+
+  &-step-card {
+    opacity: 0;
+    transform: translateX(-20px);
+
+    .visible & {
+      animation: reveal-up 0.6s var(--ease-smooth) forwards;
+    }
+
+    :deep(.ui-card-body) {
+      display: flex;
+      align-items: flex-start;
+      gap: 16px;
+    }
+  }
+
+  &-step-number {
+    flex-shrink: 0;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--vp-c-bg-soft);
+    color: var(--vp-c-text-2);
+    font-size: 13px;
+    font-weight: 700;
+    border-radius: 50%;
+    border: 1px solid var(--vp-c-border);
+  }
+
+  &-step-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &-step-title {
+    font-size: 16px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+    margin: 0 0 8px;
+  }
+
+  &-step-description {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    margin: 0;
+    line-height: 1.6;
+  }
+
+  &-actions {
+    display: flex;
+    gap: 12px;
+  }
+
+  /* Figma Mockup Visual */
+  &-visual {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-figma-mockup {
+    display: flex;
+    width: 100%;
+    max-width: 520px;
+    height: 420px;
+    background: #2c2c2c;
+    border-radius: var(--vp-radius-sm);
+    overflow: hidden;
+    box-shadow: var(--vp-shadow-5);
+  }
+
+  &-figma-sidebar {
+    width: 180px;
+    background: #1e1e1e;
+    border-right: 1px solid #3c3c3c;
+    padding: 16px 0;
+    overflow: hidden;
+  }
+
+  &-figma-layers {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    font-size: 12px;
+    font-family: var(--vp-font-family-mono);
+  }
+
+  &-layer-group,
+  &-layer-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    color: #b3b3b3;
+    white-space: nowrap;
+  }
+
+  &-layer-group {
+    color: #e0e0e0;
+    font-weight: 500;
+  }
+
+  &-layer-item {
+    padding-left: 28px;
+
+    &.active {
+      background: rgba(24, 160, 251, 0.2);
+      color: #18a0fb;
+    }
+  }
+
+  &-layer-icon {
+    width: 12px;
+    height: 12px;
+    border-radius: 2px;
+    flex-shrink: 0;
+
+    &-folder {
+      background: #f5a623;
+    }
+
+    &-component {
+      background: #a259ff;
+    }
+  }
+
+  &-figma-canvas {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    background:
+      linear-gradient(90deg, #3c3c3c 1px, transparent 1px),
+      linear-gradient(#3c3c3c 1px, transparent 1px);
+    background-size: 20px 20px;
+    background-position: center center;
+  }
+
+  &-canvas-avatar {
+    width: 160px;
+    height: 160px;
+    background: white;
+    border-radius: var(--vp-radius-sm);
+    padding: 20px;
+    box-shadow: var(--vp-shadow-4);
+    position: relative;
+    z-index: 1;
+
+    svg {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &-canvas-guides {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+
+  &-guide {
+    position: absolute;
+    background: rgba(255, 0, 85, 0.5);
+
+    &-h {
+      left: 0;
+      right: 0;
+      top: 50%;
+      height: 1px;
+    }
+
+    &-v {
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: 1px;
+    }
+  }
+}
+@media (max-width: 960px) {
+  .app-create-style {
+    &-grid {
+      grid-template-columns: 1fr;
+      gap: 48px;
+    }
+
+    &-actions {
+      justify-content: center;
+    }
+
+    &-visual {
+      justify-content: center;
+    }
+
+    &-figma-mockup {
+      max-width: 480px;
+    }
+  }
+}
+
+@media (max-width: 640px) {
+  .app-create-style {
+    &-actions {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    &-figma-mockup {
+      height: 320px;
+    }
+
+    &-figma-sidebar {
+      width: 140px;
+    }
+
+    &-canvas-avatar {
+      width: 120px;
+      height: 120px;
+    }
+
+    &-layer-group,
+    &-layer-item {
+      font-size: 10px;
+      padding: 6px 8px;
+    }
+
+    &-layer-item {
+      padding-left: 20px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppEditor.vue b/apps/docs/.vitepress/theme/components/app/AppEditor.vue
new file mode 100644
index 0000000..8f4144b
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppEditor.vue
@@ -0,0 +1,555 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import {
+  MousePointerClick,
+  Palette,
+  Download,
+  ArrowRight,
+  Brush,
+} from '@lucide/vue';
+import Button from 'primevue/button';
+import {
+  UiAvatar,
+  UiHeadline,
+  UiDescription,
+  UiContainer,
+  UiSection,
+  UiWindow,
+  UiIconBox,
+} from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef);
+
+// Tab configuration
+const tabs = ['Background', 'Hair', 'Eyes', 'Nose', 'Mouth'];
+const activeTab = ref(0);
+
+// Current avatar options
+const currentOptions = ref({
+  backgroundColor: 'ffd5dc',
+  hair: '',
+  eyes: '',
+  nose: '',
+  mouth: '',
+});
+
+// Background colors
+const bgColors = [
+  'ffd5dc',
+  'f8bbd9',
+  'ffccbc',
+  'ffe0b2',
+  'fff9c4',
+  'c8e6c9',
+  'dcedc8',
+  'b2dfdb',
+  'b2ebf2',
+  'bbdefb',
+];
+
+// Variants for each category
+const variants = {
+  hair: [
+    'variant01',
+    'variant02',
+    'variant03',
+    'variant04',
+    'variant05',
+    'variant06',
+    'variant07',
+    'variant08',
+    'variant09',
+    'variant10',
+  ],
+  eyes: [
+    'variant01',
+    'variant02',
+    'variant03',
+    'variant04',
+    'variant05',
+    'variant06',
+    'variant07',
+    'variant08',
+    'variant09',
+    'variant10',
+  ],
+  nose: [
+    'variant01',
+    'variant02',
+    'variant03',
+    'variant04',
+    'variant05',
+    'variant06',
+  ],
+  mouth: [
+    'happy01',
+    'happy02',
+    'happy03',
+    'happy04',
+    'happy05',
+    'happy06',
+    'happy07',
+    'happy08',
+    'happy09',
+    'happy10',
+  ],
+};
+
+// Darken a hex color by a percentage
+function darkenColor(hex: string, percent: number): string {
+  const num = parseInt(hex, 16);
+  const r = Math.max(0, Math.floor((num >> 16) * (1 - percent)));
+  const g = Math.max(0, Math.floor(((num >> 8) & 0x00ff) * (1 - percent)));
+  const b = Math.max(0, Math.floor((num & 0x0000ff) * (1 - percent)));
+  return ((r << 16) | (g << 8) | b).toString(16).padStart(6, '0');
+}
+
+// Canvas background (slightly darker than avatar background)
+const canvasBackground = computed(
+  () => `#${darkenColor(currentOptions.value.backgroundColor, 0.15)}`,
+);
+
+// Build style options from current options
+function buildStyleOptions(options: typeof currentOptions.value) {
+  const result: Record<string, unknown> = {
+    seed: 'editorUser',
+    glassesProbability: 0,
+  };
+  if (options.backgroundColor) result.backgroundColor = options.backgroundColor;
+  if (options.hair) result.hairVariant = options.hair;
+  if (options.eyes) result.eyesVariant = options.eyes;
+  if (options.nose) result.noseVariant = options.nose;
+  if (options.mouth) result.mouthVariant = options.mouth;
+
+  return result;
+}
+
+// Main avatar style options
+const mainStyleOptions = computed(() =>
+  buildStyleOptions(currentOptions.value),
+);
+
+// Panel items based on active tab
+const panelItems = computed(() => {
+  const tab = tabs[activeTab.value].toLowerCase();
+
+  if (tab === 'background') {
+    return bgColors.map((color) => ({
+      id: color,
+      options: buildStyleOptions({
+        ...currentOptions.value,
+        backgroundColor: color,
+      }),
+      selected: currentOptions.value.backgroundColor === color,
+    }));
+  }
+
+  const key = tab as keyof typeof variants;
+  const variantList = variants[key] || [];
+
+  return variantList.map((variant) => ({
+    id: variant,
+    options: buildStyleOptions({ ...currentOptions.value, [key]: variant }),
+    selected: currentOptions.value[key] === variant,
+  }));
+});
+
+// Handle item selection
+function selectItem(id: string) {
+  const tab = tabs[activeTab.value].toLowerCase();
+
+  if (tab === 'background') {
+    currentOptions.value.backgroundColor = id;
+  } else {
+    const key = tab as keyof typeof currentOptions.value;
+    currentOptions.value[key] = currentOptions.value[key] === id ? '' : id;
+  }
+}
+
+const features = [
+  {
+    icon: MousePointerClick,
+    title: 'No Coding Required',
+    description: 'Click to customize hair, eyes, accessories, and more.',
+  },
+  {
+    icon: Palette,
+    title: 'Endless Combinations',
+    description: 'Mix and match colors and styles to create your unique look.',
+  },
+  {
+    icon: Download,
+    title: 'Download as PNG',
+    description: 'Save your avatar and use it anywhere you like.',
+  },
+];
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-editor-gradient"></div>
+      <div class="app-editor-dots"></div>
+    </template>
+    <UiContainer class="app-editor-container">
+      <div class="app-editor-preview">
+        <UiWindow title="DiceBear Editor">
+          <!-- Main avatar preview -->
+          <div
+            class="app-editor-canvas"
+            :style="{ backgroundColor: canvasBackground }"
+          >
+            <div
+              class="app-editor-avatar-preview"
+              :style="{ backgroundColor: `#${currentOptions.backgroundColor}` }"
+            >
+              <UiAvatar
+                style-name="lorelei"
+                :style-options="mainStyleOptions"
+                alt="Avatar Preview"
+              />
+            </div>
+          </div>
+
+          <!-- Bottom panel with tabs and options -->
+          <div class="app-editor-panel">
+            <div class="app-editor-panel-tabs">
+              <button
+                v-for="(tab, index) in tabs"
+                :key="tab"
+                :class="[
+                  'app-editor-panel-tab',
+                  { active: index === activeTab },
+                ]"
+                @click="activeTab = index"
+              >
+                {{ tab }}
+              </button>
+            </div>
+            <div class="app-editor-panel-grid">
+              <button
+                v-for="(item, index) in panelItems"
+                :key="`${activeTab}-${item.id}`"
+                :class="[
+                  'app-editor-panel-avatar',
+                  { selected: item.selected },
+                ]"
+                :style="{ animationDelay: `${index * 0.05}s` }"
+                @click="selectItem(item.id)"
+              >
+                <UiAvatar
+                  style-name="lorelei"
+                  :style-options="item.options"
+                  :alt="`Variant ${index + 1}`"
+                />
+              </button>
+            </div>
+          </div>
+        </UiWindow>
+      </div>
+
+      <div class="app-editor-content">
+        <UiHeadline class="app-editor-title-text"
+          >Avatar Maker <strong>Without Code</strong></UiHeadline
+        >
+        <UiDescription class="app-editor-description">
+          No developer? No problem! Our avatar maker lets anyone create custom
+          profile pictures without writing a single line of code. Just pick,
+          click, and download.
+        </UiDescription>
+
+        <div class="app-editor-features">
+          <div
+            v-for="(feature, index) in features"
+            :key="index"
+            class="app-editor-feature"
+            :style="{ animationDelay: `${index * 0.1}s` }"
+          >
+            <UiIconBox size="md">
+              <component :is="feature.icon" />
+            </UiIconBox>
+            <div class="app-editor-feature-text">
+              <h4 class="app-editor-feature-title">{{ feature.title }}</h4>
+              <p class="app-editor-feature-description">
+                {{ feature.description }}
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div class="app-editor-actions">
+          <Button
+            as="a"
+            href="https://editor.dicebear.com"
+            target="_blank"
+            rel="noopener"
+            size="large"
+            severity="contrast"
+          >
+            <Brush :size="20" />
+            Open Editor
+            <ArrowRight :size="20" />
+          </Button>
+        </div>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-editor {
+  &-gradient {
+    background: radial-gradient(
+      ellipse 60% 60% at 100% 50%,
+      color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+      transparent
+    );
+  }
+
+  &-dots {
+    background-image: radial-gradient(
+      circle,
+      var(--vp-c-text-3) 1px,
+      transparent 1px
+    );
+    background-size: 24px 24px;
+    background-repeat: repeat !important;
+    opacity: 0.12;
+    mask-image: radial-gradient(ellipse 50% 50% at 0% 50%, black, transparent);
+    -webkit-mask-image: radial-gradient(
+      ellipse 50% 50% at 0% 50%,
+      black,
+      transparent
+    );
+  }
+
+  &-container {
+    display: grid;
+    grid-template-columns: 1.2fr 1fr;
+    gap: 80px;
+    align-items: center;
+    opacity: 0;
+    transform: translateY(40px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-preview {
+    min-width: 0;
+  }
+
+  /* Canvas */
+  &-canvas {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 32px;
+    min-height: 200px;
+    transition: background-color var(--duration-mid) ease;
+  }
+
+  &-avatar-preview {
+    width: 140px;
+    height: 140px;
+    background: #ffd5dc;
+    border-radius: var(--vp-radius-xl);
+    overflow: hidden;
+    box-shadow: var(--vp-shadow-3);
+    transition: background-color var(--duration-mid) ease;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  /* Bottom panel */
+  &-panel {
+    background: var(--vp-c-bg);
+    border-top: 1px solid var(--vp-c-border);
+    padding: 16px;
+
+    &-tabs {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 16px;
+      overflow-x: auto;
+      padding-bottom: 4px;
+    }
+
+    &-tab {
+      padding: 8px 14px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--vp-c-text-2);
+      white-space: nowrap;
+      border-radius: var(--vp-radius-xs);
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      transition: all var(--duration-fast) ease;
+
+      &:hover {
+        color: var(--vp-c-text-1);
+        background: var(--vp-c-bg-soft);
+      }
+
+      &.active {
+        color: var(--vp-c-brand-1);
+        background: var(--vp-c-brand-soft);
+        font-weight: 600;
+      }
+    }
+
+    &-grid {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 10px;
+    }
+
+    &-avatar {
+      aspect-ratio: 1;
+      border-radius: var(--vp-radius-sm);
+      overflow: hidden;
+      opacity: 0;
+      transform: scale(0.9);
+      border: none;
+      padding: 0;
+      cursor: pointer;
+      background: transparent;
+      transition:
+        transform var(--duration-fast) ease,
+        box-shadow var(--duration-fast) ease;
+
+      &:hover {
+        transform: scale(1.05);
+      }
+
+      &.selected {
+        box-shadow: 0 0 0 3px var(--vp-c-brand-1);
+
+        &:hover {
+          transform: scale(1);
+        }
+      }
+
+      .visible & {
+        animation: app-editor-avatar-pop 0.4s var(--ease-smooth) forwards;
+      }
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+
+  /* Content */
+  &-content {
+    min-width: 0;
+  }
+
+  &-description {
+    margin: 0 0 36px 0;
+    max-width: none;
+  }
+
+  &-features {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-bottom: 36px;
+  }
+
+  &-feature {
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+    opacity: 0;
+    transform: translateX(20px);
+
+    .visible & {
+      animation: app-editor-feature-slide 0.5s var(--ease-smooth) forwards;
+    }
+
+    &-text {
+      min-width: 0;
+    }
+
+    &-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--vp-c-text-1);
+      margin: 0 0 4px;
+    }
+
+    &-description {
+      font-size: 14px;
+      color: var(--vp-c-text-2);
+      margin: 0;
+      line-height: 1.5;
+    }
+  }
+
+  &-actions {
+    display: flex;
+    gap: 16px;
+  }
+}
+
+@keyframes app-editor-avatar-pop {
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes app-editor-feature-slide {
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@media (max-width: 1000px) {
+  .app-editor {
+    &-container {
+      grid-template-columns: 1fr;
+      gap: 48px;
+    }
+
+    &-preview {
+      order: 2;
+    }
+
+    &-content {
+      order: 1;
+    }
+  }
+}
+
+@media (max-width: 640px) {
+  .app-editor {
+    &-panel-grid {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
+    &-panel-tabs {
+      gap: 4px;
+    }
+
+    &-panel-tab {
+      padding: 6px 10px;
+      font-size: 12px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppFrameworks.vue b/apps/docs/.vitepress/theme/components/app/AppFrameworks.vue
new file mode 100644
index 0000000..071da46
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppFrameworks.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { siReact, siVuedotjs, siAngular, siSvelte } from 'simple-icons';
+import {
+  UiCard,
+  UiContainer,
+  UiSection,
+  UiSectionHeader,
+  UiIconBox,
+  UiIcon,
+} from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+const frameworks = [
+  {
+    name: 'React',
+    icon: siReact.path,
+    href: '/guides/use-the-library-with-react/',
+    color: `#${siReact.hex}`,
+  },
+  {
+    name: 'Vue',
+    icon: siVuedotjs.path,
+    href: '/guides/use-the-library-with-vue/',
+    color: `#${siVuedotjs.hex}`,
+  },
+  {
+    name: 'Angular',
+    icon: siAngular.path,
+    href: '/guides/use-the-library-with-angular/',
+    // Angular forbids its former (red) logo; black/white are its default
+    // variations. simple-icons already ships the current shield shape.
+    color: 'var(--logo-monochrome)',
+  },
+  {
+    name: 'Svelte',
+    icon: siSvelte.path,
+    href: '/guides/use-the-library-with-svelte/',
+    color: `#${siSvelte.hex}`,
+  },
+];
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-frameworks-dots"></div>
+      <div class="app-frameworks-gradient"></div>
+    </template>
+    <UiContainer class="app-frameworks-container">
+      <UiSectionHeader
+        description="Use DiceBear with React, Vue, Svelte, Angular and more. Simply use our HTTP-API as image source or install the JS-library."
+      >
+        <template #headline
+          >Works with Your <strong>Favorite</strong> Framework</template
+        >
+      </UiSectionHeader>
+
+      <div class="app-frameworks-grid">
+        <UiCard
+          v-for="(framework, index) in frameworks"
+          :key="framework.name"
+          :href="framework.href"
+          padding="lg"
+          class="app-frameworks-item"
+          :style="{
+            '--framework-color': framework.color,
+            '--ui-card-hover-border-color': framework.color,
+            animationDelay: `${index * 0.1}s`,
+          }"
+        >
+          <UiIconBox size="lg" :color="framework.color">
+            <UiIcon :path="framework.icon" />
+          </UiIconBox>
+          <span class="app-frameworks-name">{{ framework.name }}</span>
+        </UiCard>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-frameworks {
+  &-dots {
+    background-image: radial-gradient(
+      circle,
+      var(--vp-c-text-3) 1px,
+      transparent 1px
+    );
+    background-size: 32px 32px;
+    background-repeat: repeat !important;
+    opacity: 0.2;
+    mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, black, transparent);
+    -webkit-mask-image: radial-gradient(
+      ellipse 70% 50% at 50% 50%,
+      black,
+      transparent
+    );
+  }
+
+  &-gradient {
+    background: radial-gradient(
+      ellipse 80% 60% at 50% 0%,
+      color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent),
+      transparent
+    );
+  }
+
+  &-container {
+    text-align: center;
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-grid {
+    display: flex;
+    justify-content: center;
+    gap: 32px;
+    flex-wrap: wrap;
+  }
+
+  &-item {
+    min-width: 150px;
+    opacity: 0;
+    transform: translateY(20px);
+
+    :deep(.ui-card-body) {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .visible & {
+      animation: reveal-up var(--duration-mid) var(--ease-spring) forwards;
+    }
+  }
+
+  &-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppHero.vue b/apps/docs/.vitepress/theme/components/app/AppHero.vue
new file mode 100644
index 0000000..1a91634
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppHero.vue
@@ -0,0 +1,178 @@
+<script setup lang="ts">
+import AppHeroContent from './AppHeroContent.vue';
+import AppHeroSwarm from './AppHeroSwarm.vue';
+import { useVisibility } from '../../composables/useVisibility';
+
+// Only used to pause the avatar-cluster bob when the hero scrolls out of view.
+const isVisible = useVisibility('.app-hero', { once: false, threshold: 0.1 });
+</script>
+
+<template>
+  <section class="app-hero" :class="{ 'app-hero--paused': !isVisible }">
+    <div class="app-hero-bg ui-bg-grid"></div>
+    <div class="app-hero-glow"></div>
+
+    <div class="app-hero-grid">
+      <AppHeroContent />
+      <AppHeroSwarm />
+    </div>
+  </section>
+</template>
+
+<style lang="scss">
+:root {
+  --app-hero-glow: radial-gradient(
+    ellipse 60% 50% at 50% -10%,
+    var(--vp-c-brand-soft),
+    transparent 70%
+  );
+}
+
+.app-hero {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - var(--vp-nav-height, 64px));
+  padding: 80px 24px;
+  overflow: hidden;
+
+  &--paused {
+    .app-hero-swarm-tile {
+      /* Pause only the bob (second animation). SSR renders --paused until the
+       * IntersectionObserver fires after hydration. If the fade were paused
+       * too, the tiles would stay at opacity 0 until all JS has loaded, which
+       * delays LCP by seconds on slow connections. */
+      animation-play-state: running, paused;
+    }
+  }
+
+  &-bg {
+    z-index: 0;
+  }
+
+  &-glow {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    pointer-events: none;
+    background: var(--app-hero-glow);
+  }
+
+  &-grid {
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    max-width: 1180px;
+    display: grid;
+    grid-template-columns: 1.1fr 1fr;
+    gap: 64px;
+    align-items: center;
+  }
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    text-align: left;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth);
+  }
+
+  &-title {
+    margin: 0 0 24px;
+    line-height: 1.02;
+    letter-spacing: -0.04em;
+    text-wrap: balance;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.1s both;
+
+    &-line {
+      display: block;
+      font-size: clamp(42px, 4.8vw, 66px);
+      font-weight: 800;
+      color: var(--vp-c-text-1);
+    }
+
+    /* The single brand-blue accent word (no gradient, no animation). */
+    &-accent {
+      color: var(--vp-c-brand-2);
+    }
+  }
+
+  &-description {
+    font-size: 20px;
+    color: var(--vp-c-text-2);
+    line-height: 1.6;
+    margin: 0 0 40px;
+    max-width: 540px;
+    text-wrap: pretty;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.2s both;
+  }
+
+  /* Accent underline: solid brand colour, matching the headline accent word. */
+  &-underline {
+    background-image: linear-gradient(var(--vp-c-brand-2), var(--vp-c-brand-2));
+    background-repeat: no-repeat;
+    background-position: 0 100%;
+    background-size: 100% 2px;
+    padding-bottom: 1px;
+    white-space: nowrap;
+  }
+
+  &-actions {
+    display: flex;
+    justify-content: flex-start;
+    gap: 16px;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.3s both;
+  }
+}
+
+@media (max-width: 960px) {
+  .app-hero {
+    min-height: auto;
+    padding: 96px 24px 80px;
+
+    &-grid {
+      grid-template-columns: 1fr;
+      gap: 48px;
+    }
+
+    &-content {
+      align-items: center;
+      text-align: center;
+    }
+
+    &-description {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    &-actions {
+      justify-content: center;
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .app-hero {
+    padding: 80px 16px 64px;
+
+    &-title-line {
+      font-size: clamp(34px, 9vw, 50px);
+    }
+
+    &-description {
+      font-size: 17px;
+    }
+
+    &-actions {
+      flex-direction: column;
+      align-items: center;
+
+      .app-hero-action-btn {
+        width: 100%;
+        max-width: 280px;
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppHeroAsideUserList.vue b/apps/docs/.vitepress/theme/components/app/AppHeroAsideUserList.vue
new file mode 100644
index 0000000..ba3ffec
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppHeroAsideUserList.vue
@@ -0,0 +1,223 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { UiAvatar } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const listRef = ref<HTMLElement>();
+const isVisible = useVisibility(listRef, { once: false, threshold: 0.1 });
+
+const avatarStyles = ['thumbs', 'initials', 'shapes', 'lorelei', 'pixel-art'];
+const styleA = ref(avatarStyles[0]);
+const styleB = ref(avatarStyles[1]);
+const activeLayer = ref<'a' | 'b'>('a');
+let styleCounter = 0;
+
+let interval: ReturnType<typeof setInterval> | null = null;
+
+function tick() {
+  styleCounter++;
+  const nextStyle = avatarStyles[styleCounter % avatarStyles.length];
+
+  if (activeLayer.value === 'a') {
+    styleB.value = nextStyle;
+    activeLayer.value = 'b';
+  } else {
+    styleA.value = nextStyle;
+    activeLayer.value = 'a';
+  }
+}
+
+watch(isVisible, (visible) => {
+  if (visible && !interval) {
+    interval = setInterval(tick, 3000);
+  } else if (!visible && interval) {
+    clearInterval(interval);
+    interval = null;
+  }
+});
+
+onMounted(() => {
+  if (isVisible.value) {
+    interval = setInterval(tick, 3000);
+  }
+});
+
+onUnmounted(() => {
+  if (interval) clearInterval(interval);
+});
+
+const users = [
+  { name: 'Iris W.', position: 'Product Designer', online: true },
+  { name: 'Leon B.', position: 'Frontend Dev', online: true },
+  { name: 'Cara M.', position: 'Team Lead', online: true },
+  { name: 'Finn H.', position: 'Backend Dev', online: false },
+  { name: 'Yuki S.', position: 'UX Researcher', online: false },
+];
+</script>
+
+<template>
+  <div ref="listRef" class="app-hero-aside-user-list">
+    <div
+      v-for="(user, index) in users"
+      :key="user.name"
+      class="app-hero-aside-user-list-card"
+      :style="{ animationDelay: `${index * 0.12}s` }"
+    >
+      <div class="app-hero-aside-user-list-avatar">
+        <UiAvatar
+          class="app-hero-aside-user-list-layer"
+          :class="{
+            'app-hero-aside-user-list-layer-active': activeLayer === 'a',
+          }"
+          :style-name="styleA"
+          :style-options="{ seed: user.name, size: 80 }"
+          :alt="user.name"
+        />
+        <UiAvatar
+          class="app-hero-aside-user-list-layer"
+          :class="{
+            'app-hero-aside-user-list-layer-active': activeLayer === 'b',
+          }"
+          :style-name="styleB"
+          :style-options="{ seed: user.name, size: 80 }"
+          :alt="user.name"
+        />
+      </div>
+      <div class="app-hero-aside-user-list-info">
+        <span class="app-hero-aside-user-list-name">{{ user.name }}</span>
+        <span class="app-hero-aside-user-list-position">{{
+          user.position
+        }}</span>
+      </div>
+      <span
+        class="app-hero-aside-user-list-status"
+        :class="
+          user.online
+            ? 'app-hero-aside-user-list-status-online'
+            : 'app-hero-aside-user-list-status-offline'
+        "
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-hero-aside-user-list {
+  position: relative;
+  width: 100%;
+  max-width: 340px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  transform: perspective(800px) rotateY(-8deg) rotateX(4deg);
+  transform-style: preserve-3d;
+
+  &-card {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    border-radius: var(--vp-radius-md);
+    background: linear-gradient(
+      135deg,
+      rgba(255, 255, 255, 0.85) 0%,
+      rgba(255, 255, 255, 0.7) 100%
+    );
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    box-shadow:
+      0 4px 16px rgba(0, 0, 0, 0.06),
+      0 1px 3px rgba(0, 0, 0, 0.04),
+      inset 0 1px 0 rgba(255, 255, 255, 0.5);
+    opacity: 0;
+
+    .visible & {
+      animation: reveal-up 0.5s var(--ease-smooth) forwards;
+    }
+  }
+
+  &-avatar {
+    position: relative;
+    width: 48px;
+    height: 48px;
+    border-radius: var(--vp-radius-sm);
+    overflow: hidden;
+    flex-shrink: 0;
+  }
+
+  &-layer {
+    position: absolute;
+    inset: 0;
+    width: 48px !important;
+    height: 48px !important;
+    border-radius: var(--vp-radius-sm);
+    opacity: 0;
+    transition: opacity var(--duration-slow) ease;
+
+    &-active {
+      opacity: 1;
+    }
+  }
+
+  &-info {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    flex: 1;
+    min-width: 0;
+  }
+
+  &-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+    line-height: 1.4;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-position {
+    font-size: 12px;
+    line-height: 1.4;
+    color: var(--vp-c-text-2);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-status {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+
+    &-online {
+      background: #22c55e;
+      box-shadow: 0 0 6px rgba(34, 197, 94, 0.4);
+    }
+
+    &-offline {
+      background: var(--vp-c-text-3);
+    }
+  }
+}
+
+.dark .app-hero-aside-user-list-card {
+  background: linear-gradient(
+    135deg,
+    rgba(40, 40, 45, 0.92) 0%,
+    rgba(35, 35, 40, 0.88) 100%
+  );
+  border-color: rgba(255, 255, 255, 0.1);
+  box-shadow:
+    0 4px 16px rgba(0, 0, 0, 0.25),
+    0 1px 3px rgba(0, 0, 0, 0.15),
+    inset 0 1px 0 rgba(255, 255, 255, 0.06);
+}
+@media (max-width: 768px) {
+  .app-hero-aside-user-list {
+    max-width: 320px;
+    margin: 0 auto;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppHeroContent.vue b/apps/docs/.vitepress/theme/components/app/AppHeroContent.vue
new file mode 100644
index 0000000..6c3bc79
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppHeroContent.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { PawPrint, ArrowRight } from '@lucide/vue';
+import Button from 'primevue/button';
+</script>
+
+<template>
+  <div class="app-hero-content">
+    <h1 class="app-hero-title">
+      <span class="app-hero-title-line">Pick a seed.</span>
+      <span class="app-hero-title-line"
+        >Get an <span class="app-hero-title-accent">avatar</span>.</span
+      >
+    </h1>
+
+    <p class="app-hero-description">
+      DiceBear is a privacy-focused, open source avatar library with
+      <span class="app-hero-underline">35+&nbsp;avatar&nbsp;styles</span>
+      crafted by talented artists. Generate deterministic profile pictures via
+      API, JS&nbsp;library, PHP&nbsp;library, Python&nbsp;library,
+      Rust&nbsp;library, Go&nbsp;library, Dart&nbsp;library &amp; CLI.
+    </p>
+
+    <div class="app-hero-actions">
+      <Button
+        as="a"
+        href="/playground/"
+        size="large"
+        severity="contrast"
+        class="app-hero-action-btn"
+      >
+        <PawPrint :size="20" />
+        Try Playground
+      </Button>
+      <Button
+        as="a"
+        href="/introduction/"
+        size="large"
+        severity="secondary"
+        variant="outlined"
+        class="app-hero-action-btn"
+      >
+        Get Started
+        <ArrowRight :size="20" />
+      </Button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/app/AppHeroSwarm.vue b/apps/docs/.vitepress/theme/components/app/AppHeroSwarm.vue
new file mode 100644
index 0000000..78198a2
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppHeroSwarm.vue
@@ -0,0 +1,256 @@
+<script setup lang="ts">
+import { withBase } from 'vitepress';
+import { PALETTE, type Pastel } from '@theme/utils/palette';
+
+interface Tile {
+  styleName: string;
+  seed: string;
+  background: Pastel;
+  size: number;
+  delay: number;
+}
+
+const tiles: Tile[] = [
+  {
+    styleName: 'lorelei',
+    seed: 'Felix',
+    background: PALETTE.rose,
+    size: 256,
+    delay: 0,
+  },
+  {
+    styleName: 'lorelei',
+    seed: 'Aneka',
+    background: PALETTE.amber,
+    size: 160,
+    delay: -1.2,
+  },
+  {
+    styleName: 'bottts',
+    seed: 'Pixel',
+    background: PALETTE.cyan,
+    size: 128,
+    delay: -2.1,
+  },
+  {
+    styleName: 'adventurer',
+    seed: 'Milo',
+    background: PALETTE.blue,
+    size: 160,
+    delay: -0.6,
+  },
+  {
+    styleName: 'notionists',
+    seed: 'Luna',
+    background: PALETTE.green,
+    size: 128,
+    delay: -3.0,
+  },
+  {
+    styleName: 'thumbs',
+    seed: 'Sage',
+    background: PALETTE.lime,
+    size: 128,
+    delay: -1.6,
+  },
+];
+
+// The swarm sits in the LCP area, so its avatars are pre-generated as
+// same-origin static files (scripts/generate-hero-avatars.mjs) instead of
+// being fetched from api.dicebear.com, since an external origin costs extra
+// DNS/TLS round trips before the largest above-the-fold images can paint.
+function url(tile: Tile): string {
+  return withBase(
+    `/avatars/hero/${tile.styleName}-${tile.seed.toLowerCase()}.svg`,
+  );
+}
+</script>
+
+<template>
+  <div class="app-hero-swarm">
+    <div
+      v-for="(tile, index) in tiles"
+      :key="`${tile.styleName}-${tile.seed}`"
+      :class="['app-hero-swarm-tile', `app-hero-swarm-tile--${index}`]"
+      :style="{
+        '--tile-bg': `#${tile.background}`,
+        '--tile-delay': `${tile.delay}s`,
+      }"
+    >
+      <img
+        :src="url(tile)"
+        alt=""
+        :width="tile.size"
+        :height="tile.size"
+        :fetchpriority="index === 0 ? 'high' : 'auto'"
+        decoding="async"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-hero-swarm {
+  position: relative;
+  width: 100%;
+  height: 460px;
+  display: grid;
+  place-items: center;
+  pointer-events: none;
+}
+
+.app-hero-swarm-tile {
+  position: absolute;
+  width: var(--tile-w);
+  height: var(--tile-w);
+  top: var(--tile-top, auto);
+  bottom: var(--tile-bottom, auto);
+  left: var(--tile-left, auto);
+  right: var(--tile-right, auto);
+  transform: var(--tile-translate, none) rotate(var(--tile-rotate, 0deg));
+  border-radius: 28px;
+  overflow: hidden;
+  background: var(--tile-bg);
+  box-shadow:
+    var(--vp-shadow-3),
+    0 0 0 1px var(--vp-c-divider);
+  animation:
+    app-hero-swarm-fade var(--duration-reveal) var(--ease-smooth)
+      var(--tile-fade-delay, 0s) both,
+    app-hero-swarm-bob 6s ease-in-out var(--tile-delay, 0s) infinite;
+  will-change: translate;
+  contain: layout paint;
+
+  img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+  }
+
+  &--0 {
+    --tile-w: 220px;
+    --tile-left: 50%;
+    --tile-top: 50%;
+    --tile-translate: translate(-50%, -50%);
+    --tile-rotate: -3deg;
+    --tile-fade-delay: 0.2s;
+    z-index: 3;
+  }
+
+  &--1 {
+    --tile-w: 130px;
+    --tile-left: 4%;
+    --tile-top: 8%;
+    --tile-rotate: -8deg;
+    --tile-fade-delay: 0.35s;
+  }
+
+  &--2 {
+    --tile-w: 110px;
+    --tile-right: 8%;
+    --tile-top: 4%;
+    --tile-rotate: 6deg;
+    --tile-fade-delay: 0.45s;
+  }
+
+  &--3 {
+    --tile-w: 140px;
+    --tile-right: 0;
+    --tile-bottom: 8%;
+    --tile-rotate: 4deg;
+    --tile-fade-delay: 0.55s;
+  }
+
+  &--4 {
+    --tile-w: 100px;
+    --tile-left: 2%;
+    --tile-bottom: 14%;
+    --tile-rotate: -5deg;
+    --tile-fade-delay: 0.65s;
+  }
+
+  &--5 {
+    --tile-w: 92px;
+    --tile-left: 24%;
+    --tile-bottom: 0;
+    --tile-rotate: 8deg;
+    --tile-fade-delay: 0.75s;
+  }
+}
+
+@keyframes app-hero-swarm-bob {
+  0%,
+  100% {
+    translate: 0 0;
+  }
+  50% {
+    translate: 0 -5px;
+  }
+}
+
+@keyframes app-hero-swarm-fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@media (max-width: 960px) {
+  .app-hero-swarm {
+    height: 360px;
+    max-width: 460px;
+    margin: 0 auto;
+  }
+
+  .app-hero-swarm-tile {
+    &--0 {
+      --tile-w: 180px;
+    }
+    &--1 {
+      --tile-w: 104px;
+    }
+    &--2 {
+      --tile-w: 88px;
+    }
+    &--3 {
+      --tile-w: 112px;
+    }
+    &--4 {
+      --tile-w: 80px;
+    }
+    &--5 {
+      --tile-w: 76px;
+    }
+  }
+}
+
+@media (max-width: 540px) {
+  .app-hero-swarm {
+    height: 300px;
+  }
+
+  .app-hero-swarm-tile {
+    &--0 {
+      --tile-w: 150px;
+    }
+    &--1 {
+      --tile-w: 86px;
+    }
+    &--2 {
+      --tile-w: 74px;
+    }
+    &--3 {
+      --tile-w: 94px;
+    }
+    &--4 {
+      --tile-w: 68px;
+    }
+    &--5 {
+      --tile-w: 64px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppHighlights.vue b/apps/docs/.vitepress/theme/components/app/AppHighlights.vue
new file mode 100644
index 0000000..526dda4
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppHighlights.vue
@@ -0,0 +1,226 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import {
+  UiContainer,
+  UiSection,
+  UiSectionHeader,
+  UiIconBox,
+  UiCard,
+  UiIcon,
+} from '../ui';
+import {
+  Target,
+  Palette,
+  Shapes,
+  Globe,
+  Library,
+  Terminal,
+  SlidersHorizontal,
+} from '@lucide/vue';
+import { siGithub, siFigma } from 'simple-icons';
+import { useVisibility } from '../../composables/useVisibility';
+
+withDefaults(
+  defineProps<{
+    headline?: string;
+    description?: string;
+  }>(),
+  {
+    headline: 'Built for Developers, Loved by Users',
+    description:
+      'Everything you need to create beautiful, unique avatars for your applications.',
+  },
+);
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+const highlights = [
+  // Row 1: the avatars themselves
+  {
+    icon: Target,
+    title: 'Deterministic Avatars',
+    description:
+      'Same seed always generates the same avatar. Perfect for user profiles and consistent identities.',
+    color: '#1689cc',
+  },
+  {
+    icon: Palette,
+    title: '35+ Avatar Styles',
+    description:
+      'Carefully crafted styles from talented artists. Characters, abstract, pixel art, and more.',
+    color: '#a855f7',
+  },
+  {
+    icon: Shapes,
+    title: 'Scalable SVG',
+    description:
+      'Pure SVG output stays razor-sharp at any size, from tiny favicons to full-screen, and weighs just a few kilobytes.',
+    color: '#06b6d4',
+  },
+  // Row 2: how you generate them
+  {
+    icon: Globe,
+    title: 'Free Avatar API',
+    description:
+      'Our profile picture API handles millions of daily requests. Global CDN delivers random user avatars in milliseconds.',
+    color: '#22c55e',
+  },
+  {
+    // One box for the language libraries (JS / PHP / Python / Rust / Go / Dart).
+    // Generic Library icon with no language logos, so the named languages stay
+    // pure nominative use with no trademark/logo-modification questions.
+    icon: Library,
+    title: 'Official Libraries',
+    description:
+      'JavaScript, PHP, Python, Rust, Go, and Dart share one identical API across every language. The same seed gives the same result, and no data leaves your servers.',
+    color: '#f59e0b',
+  },
+  {
+    icon: Terminal,
+    title: 'CLI',
+    description:
+      'Generate avatars directly from the command line. Perfect for batch processing and build pipelines.',
+    color: '#64748b',
+  },
+  // Row 3: design & trust
+  {
+    iconPath: siFigma.path,
+    title: 'Figma Plugin',
+    description:
+      'Design custom avatar styles in Figma and export them as ready-to-use DiceBear definitions, with no code required.',
+    color: 'var(--logo-monochrome)',
+  },
+  {
+    icon: SlidersHorizontal,
+    title: 'Fully Customizable',
+    description:
+      'Colors, accessories, backgrounds, and more. Fine-tune every detail to match your brand.',
+    color: '#ec4899',
+  },
+  {
+    iconPath: siGithub.path,
+    title: '100% Open Source',
+    description:
+      'MIT licensed core, transparent development. Contribute, fork, or self-host with confidence.',
+    color: 'var(--logo-monochrome)',
+  },
+];
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-highlights-gradient"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader class="app-highlights-header" :description="description">
+        <template #headline>
+          <slot name="headline">{{ headline }}</slot>
+        </template>
+      </UiSectionHeader>
+
+      <div class="app-highlights-grid">
+        <UiCard
+          v-for="(highlight, index) in highlights"
+          :key="index"
+          padding="xl"
+          class="app-highlights-card"
+          :style="{
+            '--accent-color': highlight.color,
+            animationDelay: `${index * 0.1}s`,
+          }"
+        >
+          <UiIconBox
+            size="lg"
+            :color="highlight.color"
+            class="app-highlights-icon-wrapper"
+          >
+            <UiIcon v-if="highlight.iconPath" :path="highlight.iconPath" />
+            <component v-else :is="highlight.icon" />
+          </UiIconBox>
+          <h3 class="app-highlights-title">{{ highlight.title }}</h3>
+          <p class="app-highlights-description">{{ highlight.description }}</p>
+        </UiCard>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-highlights {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 50% 50% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 50% at 50% 100%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      );
+  }
+
+  &-header {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-card {
+    opacity: 0;
+    transform: translateY(30px);
+
+    .visible & {
+      animation: reveal-up var(--duration-mid) var(--ease-spring) forwards;
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+  }
+
+  &-icon-wrapper {
+    margin-bottom: 24px;
+  }
+
+  &-title {
+    font-size: 18px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+    margin: 0 0 8px;
+  }
+
+  &-description {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    margin: 0;
+    line-height: 1.6;
+  }
+}
+@media (max-width: 1000px) {
+  .app-highlights {
+    &-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+}
+
+@media (max-width: 640px) {
+  .app-highlights {
+    &-grid {
+      grid-template-columns: 1fr;
+      gap: 16px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppIntegration.vue b/apps/docs/.vitepress/theme/components/app/AppIntegration.vue
new file mode 100644
index 0000000..ca3c957
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppIntegration.vue
@@ -0,0 +1,424 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Globe, Library, Terminal, ArrowRight } from '@lucide/vue';
+import Button from 'primevue/button';
+import Tabs from 'primevue/tabs';
+import TabList from 'primevue/tablist';
+import Tab from 'primevue/tab';
+import TabPanels from 'primevue/tabpanels';
+import TabPanel from 'primevue/tabpanel';
+import {
+  UiContainer,
+  UiSection,
+  UiSectionHeader,
+  UiCard,
+  UiIconBox,
+  UiCode,
+} from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+const libraryTab = ref('js');
+
+const plainCode = {
+  js: `import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const svg = new Avatar(style, {
+  seed: 'Mia',
+}).toString();`,
+  php: `<?php
+use Composer\\InstalledVersions;
+use DiceBear\\Style;
+use DiceBear\\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(
+  file_get_contents($basePath . '/src/lorelei.json')
+);
+
+$svg = (string) new Avatar($style, [
+  'seed' => 'Mia',
+]);`,
+  python: `from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("lorelei.json").read_text("utf-8")
+)
+
+svg = Avatar(style, {"seed": "Mia"}).to_string()`,
+  rust: `use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::LORELEI)?;
+let svg = Avatar::new(&style, json!({ "seed": "Mia" }))?.to_svg();`,
+  go: `import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.Lorelei))
+avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Mia"})
+svg := avatar.SVG()`,
+  dart: `import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/lorelei.dart';
+
+final style = Style.parse(lorelei);
+final svg = Avatar(style, {'seed': 'Mia'}).svg;`,
+  api: `https://api.dicebear.com/10.x/lorelei/svg?seed=Mia`,
+  cli: `npx dicebear lorelei --seed "Mia" --format svg`,
+};
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-integration-dots"></div>
+      <div class="app-integration-gradient"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader
+        class="app-integration-header"
+        description="Choose the integration that works best for your project."
+      >
+        <template #headline>Integrate in <strong>Minutes</strong></template>
+      </UiSectionHeader>
+
+      <!-- Language libraries - combined into one tabbed card -->
+      <div class="app-integration-libraries">
+        <div class="app-integration-item" :style="{ animationDelay: '0s' }">
+          <UiCard padding="xl" class="app-integration-card">
+            <div class="app-integration-card-header">
+              <UiIconBox size="lg" color="var(--vp-c-brand-1)">
+                <Library />
+              </UiIconBox>
+              <h3 class="app-integration-title">Libraries</h3>
+              <p class="app-integration-description">
+                Run DiceBear entirely in your own code, so no data leaves your
+                servers. JavaScript, PHP, Python, Rust, Go, and Dart share one
+                identical API.
+              </p>
+            </div>
+
+            <Tabs v-model:value="libraryTab" class="app-integration-tabs">
+              <TabList>
+                <Tab value="js">JavaScript</Tab>
+                <Tab value="php">PHP</Tab>
+                <Tab value="python">Python</Tab>
+                <Tab value="rust">Rust</Tab>
+                <Tab value="go">Go</Tab>
+                <Tab value="dart">Dart</Tab>
+              </TabList>
+              <TabPanels>
+                <TabPanel value="js" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.js"
+                    lang="js"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/js-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    JS Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+                <TabPanel value="php" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.php"
+                    lang="php"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/php-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    PHP Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+                <TabPanel value="python" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.python"
+                    lang="python"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/python-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    Python Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+                <TabPanel value="rust" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.rust"
+                    lang="rust"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/rust-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    Rust Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+                <TabPanel value="go" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.go"
+                    lang="go"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/go-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    Go Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+                <TabPanel value="dart" class="app-integration-tabpanel">
+                  <UiCode
+                    :code="plainCode.dart"
+                    lang="dart"
+                    scroll-to-bottom
+                    class="app-integration-code-block"
+                  />
+                  <Button
+                    as="a"
+                    href="/how-to-use/dart-library/"
+                    severity="secondary"
+                    variant="outlined"
+                    class="app-integration-link"
+                  >
+                    Dart Documentation
+                    <ArrowRight :size="18" />
+                  </Button>
+                </TabPanel>
+              </TabPanels>
+            </Tabs>
+          </UiCard>
+        </div>
+      </div>
+
+      <!-- HTTP API & CLI - Side by Side -->
+      <div class="app-integration-grid">
+        <div class="app-integration-item" :style="{ animationDelay: '0.3s' }">
+          <UiCard padding="xl" class="app-integration-card">
+            <div class="app-integration-card-header">
+              <UiIconBox size="lg" color="var(--vp-c-pink-2)">
+                <Globe />
+              </UiIconBox>
+              <h3 class="app-integration-title">Avatar API</h3>
+              <p class="app-integration-description">
+                Free avatar API for profile pictures. Handles millions of
+                requests daily via global CDN.
+              </p>
+            </div>
+
+            <UiCode :code="plainCode.api" class="app-integration-code-block" />
+
+            <Button
+              as="a"
+              href="/how-to-use/http-api/"
+              severity="secondary"
+              variant="outlined"
+              class="app-integration-link"
+            >
+              API Documentation
+              <ArrowRight :size="18" />
+            </Button>
+          </UiCard>
+        </div>
+
+        <div class="app-integration-item" :style="{ animationDelay: '0.45s' }">
+          <UiCard padding="xl" class="app-integration-card">
+            <div class="app-integration-card-header">
+              <UiIconBox size="lg" color="var(--vp-c-brand-1)">
+                <Terminal />
+              </UiIconBox>
+              <h3 class="app-integration-title">CLI</h3>
+              <p class="app-integration-description">
+                Generate avatars from the command line. Perfect for scripts and
+                automation.
+              </p>
+            </div>
+
+            <UiCode :code="plainCode.cli" class="app-integration-code-block" />
+
+            <Button
+              as="a"
+              href="/how-to-use/cli/"
+              severity="secondary"
+              variant="outlined"
+              class="app-integration-link"
+            >
+              CLI Documentation
+              <ArrowRight :size="18" />
+            </Button>
+          </UiCard>
+        </div>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-integration {
+  &-dots {
+    background-image: radial-gradient(
+      circle,
+      var(--vp-c-text-3) 1px,
+      transparent 1px
+    );
+    background-size: 32px 32px;
+    background-repeat: repeat !important;
+    opacity: 0.2;
+    mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, black, transparent);
+    -webkit-mask-image: radial-gradient(
+      ellipse 70% 50% at 50% 50%,
+      black,
+      transparent
+    );
+  }
+
+  &-gradient {
+    background: radial-gradient(
+      ellipse 80% 60% at 50% 0%,
+      color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent),
+      transparent
+    );
+  }
+
+  &-header {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-item {
+    opacity: 0;
+    transform: translateY(30px);
+
+    .visible & {
+      animation: reveal-up 0.6s var(--ease-smooth) forwards;
+    }
+  }
+
+  /* Combined libraries card (language libraries via tabs) */
+  &-libraries {
+    margin-bottom: 24px;
+  }
+
+  &-tabs {
+    // The card already supplies xl padding; drop the panel's own padding so
+    // the code block and doc link sit flush with the card edges, with a little
+    // breathing room under the tab bar.
+    --p-tabs-tabpanel-padding: 16px 0 0;
+  }
+
+  &-tabpanel {
+    display: flex;
+    flex-direction: column;
+  }
+
+  /* Grid for HTTP API & CLI */
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24px;
+
+    > * {
+      min-width: 0;
+    }
+  }
+
+  &-card {
+    height: 100%;
+
+    :deep(.ui-card-body) {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
+    &-header {
+      margin-bottom: 24px;
+    }
+  }
+
+  &-title {
+    font-size: 20px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+    margin: 16px 0 8px;
+  }
+
+  &-description {
+    font-size: 15px;
+    color: var(--vp-c-text-2);
+    margin: 0;
+    line-height: 1.6;
+  }
+
+  &-code-block {
+    flex: 1;
+    margin-bottom: 20px;
+    min-height: 48px;
+  }
+
+  &-link {
+    align-self: flex-start;
+  }
+}
+@media (max-width: 1000px) {
+  .app-integration {
+    &-grid {
+      grid-template-columns: 1fr;
+      max-width: 500px;
+      margin: 0 auto;
+    }
+  }
+}
+
+@media (max-width: 640px) {
+  .app-integration {
+    &-card {
+      --ui-card-padding: 24px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppOpenSource.vue b/apps/docs/.vitepress/theme/components/app/AppOpenSource.vue
new file mode 100644
index 0000000..3d959ce
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppOpenSource.vue
@@ -0,0 +1,302 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { Star, Heart } from '@lucide/vue';
+import { siGithub } from 'simple-icons';
+import { kebabCase } from 'change-case';
+import Prando from 'prando';
+import Button from 'primevue/button';
+import {
+  UiAvatar,
+  UiHeadline,
+  UiDescription,
+  UiContainer,
+  UiSection,
+  UiIcon,
+} from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+import { useAvatarStyleList } from '../../composables/avatar';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef);
+
+const avatarStyleList = useAvatarStyleList();
+
+// Generate scattered avatars around the star CTA
+const scatteredAvatars = computed(() => {
+  const prng = new Prando(555);
+  const avatars = [];
+  const seeds = [
+    'OpenSource',
+    'Community',
+    'Stars',
+    'Love',
+    'Code',
+    'Free',
+    'MIT',
+    'GitHub',
+  ];
+
+  for (let i = 0; i < 8; i++) {
+    const style = kebabCase(
+      avatarStyleList.value[i % avatarStyleList.value.length],
+    );
+    const angle = (i / 8) * Math.PI * 2;
+    const radius = 38 + prng.next() * 10;
+    avatars.push({
+      style,
+      seed: seeds[i],
+      x: 50 + Math.cos(angle) * radius,
+      y: 50 + Math.sin(angle) * radius,
+      size: 40 + prng.next() * 24,
+      delay: i * 0.15,
+      rotation: prng.next() * 20 - 10,
+    });
+  }
+  return avatars;
+});
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider center>
+    <template #background>
+      <div class="app-open-source-gradient"></div>
+      <!-- Scattered avatar decorations -->
+      <div
+        v-for="(avatar, index) in scatteredAvatars"
+        :key="index"
+        class="app-open-source-bg-avatar"
+        :style="{
+          left: `${avatar.x}%`,
+          top: `${avatar.y}%`,
+          width: `${avatar.size}px`,
+          height: `${avatar.size}px`,
+          '--rotation': `${avatar.rotation}deg`,
+          animationDelay: `${avatar.delay}s`,
+        }"
+      >
+        <UiAvatar
+          :style-name="avatar.style"
+          :style-options="{ seed: avatar.seed, size: 80 }"
+          :alt="avatar.style"
+        />
+      </div>
+    </template>
+    <UiContainer class="app-open-source-container">
+      <!-- Animated star icon -->
+      <div class="app-open-source-star-wrapper">
+        <div class="app-open-source-star-ring"></div>
+        <div
+          class="app-open-source-star-ring app-open-source-star-ring-2"
+        ></div>
+        <div class="app-open-source-star-icon">
+          <Star :size="36" />
+        </div>
+      </div>
+
+      <UiHeadline
+        >Free and <strong>Open Source</strong>.<br />Forever.</UiHeadline
+      >
+
+      <UiDescription class="app-open-source-description">
+        DiceBear is built in the open. Our core library is MIT licensed, and we
+        believe in transparent development. Join thousands of developers who
+        already love DiceBear.
+      </UiDescription>
+
+      <div class="app-open-source-actions">
+        <Button
+          as="a"
+          href="https://github.com/dicebear/dicebear"
+          target="_blank"
+          rel="noopener"
+          size="large"
+          severity="contrast"
+          class="app-open-source-star-btn"
+        >
+          <UiIcon :path="siGithub.path" :size="20" />
+          Star on GitHub
+        </Button>
+        <Button
+          as="a"
+          href="/guides/contribute-to-the-library/"
+          size="large"
+          severity="secondary"
+          variant="outlined"
+          class="app-open-source-contribute"
+        >
+          <Heart :size="20" />
+          Contribute
+        </Button>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss">
+:root {
+  --app-open-source-star-color: #f59e0b;
+  --app-open-source-ring-color: rgba(245, 158, 11, 0.15);
+}
+.dark {
+  --app-open-source-star-color: #fbbf24;
+  --app-open-source-ring-color: rgba(251, 191, 36, 0.12);
+}
+</style>
+
+<style lang="scss" scoped>
+.app-open-source {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 60% 60% at 50% 50%,
+        color-mix(in srgb, var(--app-open-source-star-color) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 80% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 4%, transparent),
+        transparent
+      );
+  }
+
+  &-bg-avatar {
+    position: absolute;
+    border-radius: var(--vp-radius-sm);
+    overflow: hidden;
+    opacity: 0;
+    pointer-events: none;
+
+    .visible & {
+      animation: app-open-source-avatar-float 0.6s var(--ease-spring) forwards;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  &-container {
+    opacity: 0;
+    transform: translateY(40px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  /* Star wrapper with animated rings */
+  &-star-wrapper {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 80px;
+    height: 80px;
+    margin-bottom: 32px;
+  }
+
+  &-star-ring {
+    position: absolute;
+    inset: 0;
+    border: 2px solid var(--app-open-source-ring-color);
+    border-radius: 50%;
+    animation: app-open-source-ring-pulse 3s ease-in-out infinite;
+
+    &-2 {
+      inset: -12px;
+      border-width: 1px;
+      animation-delay: -1.5s;
+    }
+  }
+
+  &-star-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    background: linear-gradient(
+      135deg,
+      var(--app-open-source-star-color),
+      #f97316
+    );
+    color: white;
+    box-shadow: 0 8px 24px
+      color-mix(in srgb, var(--app-open-source-star-color) 40%, transparent);
+    z-index: 1;
+    animation: app-open-source-star-bounce 2s ease-in-out infinite;
+
+    svg {
+      fill: currentColor;
+    }
+  }
+
+  &-description {
+    margin-bottom: 40px;
+    max-width: 600px;
+  }
+
+  &-actions {
+    display: flex;
+    justify-content: center;
+    gap: 16px;
+  }
+
+  &-heart-icon {
+    color: #f43f5e;
+  }
+}
+
+@keyframes app-open-source-ring-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.15);
+    opacity: 0.4;
+  }
+}
+
+@keyframes app-open-source-star-bounce {
+  0%,
+  100% {
+    transform: translateY(0) rotate(0deg);
+  }
+  25% {
+    transform: translateY(-4px) rotate(-3deg);
+  }
+  75% {
+    transform: translateY(2px) rotate(2deg);
+  }
+}
+
+@keyframes app-open-source-avatar-float {
+  from {
+    opacity: 0;
+    transform: scale(0.5) rotate(var(--rotation, 0deg));
+  }
+  to {
+    opacity: 0.08;
+    transform: scale(1) rotate(var(--rotation, 0deg));
+  }
+}
+
+@media (max-width: 768px) {
+  .app-open-source {
+    &-bg-avatar {
+      display: none;
+    }
+
+    &-actions {
+      flex-direction: column;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppOpenSourceCards.vue b/apps/docs/.vitepress/theme/components/app/AppOpenSourceCards.vue
new file mode 100644
index 0000000..a802109
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppOpenSourceCards.vue
@@ -0,0 +1,163 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Star, Heart, Scale, ArrowRight } from '@lucide/vue';
+import { siGithub } from 'simple-icons';
+import Button from 'primevue/button';
+import { UiContainer, UiSection, UiCard, UiIconBox, UiIcon } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-open-source-cards-gradient"></div>
+    </template>
+    <UiContainer>
+      <div class="app-open-source-cards-grid">
+        <UiCard padding="2xl" class="app-open-source-cards-opensource-card">
+          <UiIconBox size="lg" color="var(--vp-c-brand-1)">
+            <Star />
+          </UiIconBox>
+          <h3 class="app-open-source-cards-title">Open Source</h3>
+          <p class="app-open-source-cards-text">
+            We believe in open source. All our code is available on GitHub. Feel
+            free to contribute, fork, or simply use it with confidence.
+          </p>
+          <div class="app-open-source-cards-actions">
+            <Button
+              as="a"
+              href="https://github.com/dicebear/dicebear"
+              target="_blank"
+              rel="noopener"
+              severity="contrast"
+              class="app-open-source-cards-action-btn"
+            >
+              <UiIcon :path="siGithub.path" :size="20" />
+              Star on GitHub
+            </Button>
+            <Button
+              as="a"
+              href="/guides/contribute-to-the-library/"
+              severity="secondary"
+              variant="outlined"
+              class="app-open-source-cards-action-btn"
+            >
+              <Heart />
+              Contribute
+            </Button>
+          </div>
+        </UiCard>
+
+        <UiCard padding="2xl" class="app-open-source-cards-license-card">
+          <UiIconBox size="lg" color="var(--vp-c-pink-2)">
+            <Scale />
+          </UiIconBox>
+          <h3 class="app-open-source-cards-title">License</h3>
+          <p class="app-open-source-cards-text">
+            Our code is MIT licensed. The avatar styles are licensed under
+            different licenses chosen by the artists. Check out the overview for
+            details.
+          </p>
+          <div class="app-open-source-cards-actions">
+            <Button
+              as="a"
+              href="/licenses/"
+              severity="secondary"
+              variant="outlined"
+              class="app-open-source-cards-action-btn app-open-source-cards-license-btn"
+            >
+              License Overview
+              <ArrowRight :size="20" />
+            </Button>
+          </div>
+        </UiCard>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-open-source-cards {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 50% 80% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-yellow-1) 5%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 80% at 50% 100%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      );
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24px;
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-opensource-card,
+  &-license-card {
+    :deep(.ui-card-body) {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+  }
+
+  &-title {
+    font-size: 24px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+    margin: 20px 0 12px;
+  }
+
+  &-text {
+    font-size: 15px;
+    color: var(--vp-c-text-2);
+    line-height: 1.7;
+    margin: 0 0 32px;
+    flex: 1;
+  }
+
+  &-actions {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+  }
+}
+
+@media (max-width: 768px) {
+  .app-open-source-cards {
+    &-grid {
+      grid-template-columns: 1fr;
+    }
+
+    &-opensource-card,
+    &-license-card {
+      --ui-card-padding: 32px 24px;
+    }
+
+    &-actions {
+      flex-direction: column;
+    }
+
+    &-action-btn {
+      width: 100%;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppSeedDemo.vue b/apps/docs/.vitepress/theme/components/app/AppSeedDemo.vue
new file mode 100644
index 0000000..271dea1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppSeedDemo.vue
@@ -0,0 +1,393 @@
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue';
+import { useDebounceFn } from '@vueuse/core';
+import { kebabCase, camelCase, capitalCase } from 'change-case';
+import { track } from '@theme/utils/track';
+import {
+  UiHeadline,
+  UiDescription,
+  UiContainer,
+  UiSection,
+  UiWindow,
+} from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+import {
+  useAvatarStyleList,
+  useAvatarStyleMeta,
+} from '../../composables/avatar';
+import { formatLicenseName } from '../../utils/format';
+import { safeHttpUrl } from '../../utils/url';
+import AppSeedDemoCode from './AppSeedDemoCode.vue';
+import AppSeedDemoPreview from './AppSeedDemoPreview.vue';
+
+const DEFAULT_STYLE = 'lorelei';
+
+const RANDOM_SEEDS: readonly string[] = [
+  'Felix',
+  'Aneka',
+  'Milo',
+  'Luna',
+  'Sophie',
+];
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef);
+
+const avatarStyleList = useAvatarStyleList();
+const availableStyles = computed(() =>
+  avatarStyleList.value.map((s) => kebabCase(s)),
+);
+const currentStyle = ref<string>(DEFAULT_STYLE);
+const activeStyleName = computed(
+  () =>
+    avatarStyleList.value.find((s) => kebabCase(s) === currentStyle.value) ??
+    DEFAULT_STYLE,
+);
+const currentStyleCamel = computed(() => camelCase(activeStyleName.value));
+const currentStyleDisplay = computed(() => capitalCase(activeStyleName.value));
+const currentStyleLink = computed(() => `/styles/${currentStyle.value}/`);
+const avatarStyleMeta = useAvatarStyleMeta(activeStyleName);
+
+const seed = ref<string>(RANDOM_SEEDS[0]);
+
+// Never send the seed text itself, only that the user edited it. Debounced so
+// typing counts as one interaction.
+const trackSeedEdited = useDebounceFn(() => {
+  track('Home Demo: Seed Edited', { style: currentStyle.value });
+}, 700);
+
+function onSeedUpdate(value: string) {
+  seed.value = value;
+  trackSeedEdited();
+}
+
+function randomizeSeed() {
+  const currentIndex = RANDOM_SEEDS.indexOf(seed.value);
+  const nextIndex = (currentIndex + 1) % RANDOM_SEEDS.length;
+  seed.value = RANDOM_SEEDS[nextIndex];
+
+  track('Home Demo: Seed Randomized', { style: currentStyle.value });
+}
+
+watch(currentStyle, (style) => {
+  track('Home Demo: Style Selected', { style });
+});
+
+const sourceUrl = computed(() => safeHttpUrl(avatarStyleMeta.value?.source));
+const homepageUrl = computed(() =>
+  safeHttpUrl(avatarStyleMeta.value?.homepage),
+);
+const licenseUrl = computed(() =>
+  safeHttpUrl(avatarStyleMeta.value?.license?.url),
+);
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-seed-demo-glow"></div>
+    </template>
+
+    <UiContainer class="app-seed-demo-container">
+      <div class="app-seed-demo-header">
+        <UiHeadline class="app-seed-demo-title">
+          Same Seed, Same Avatar.<br />
+          <strong>Every Time.</strong>
+        </UiHeadline>
+        <UiDescription class="app-seed-demo-subtitle">
+          Use any string as a seed, such as usernames, emails, or IDs, and
+          DiceBear generates the identical avatar consistently across all
+          platforms.
+        </UiDescription>
+      </div>
+
+      <div class="app-seed-demo-window-wrapper">
+        <UiWindow title="Seed Explorer">
+          <div class="app-seed-demo-body">
+            <AppSeedDemoPreview
+              v-model:style-name="currentStyle"
+              :styles="availableStyles"
+              :model-value="seed"
+              @update:model-value="onSeedUpdate"
+              @randomize-seed="randomizeSeed"
+            />
+
+            <AppSeedDemoCode
+              :seed="seed"
+              :style="currentStyle"
+              :style-camel="currentStyleCamel"
+            />
+          </div>
+        </UiWindow>
+
+        <p class="app-seed-demo-license">
+          <a :href="currentStyleLink">{{ currentStyleDisplay }}</a>
+          <template v-if="avatarStyleMeta?.creator !== 'DiceBear'">
+            <template
+              v-if="
+                avatarStyleMeta?.license?.name !== 'MIT' &&
+                avatarStyleMeta?.title
+              "
+            >
+              is a remix of
+            </template>
+            <template v-else> is based on </template>
+            <a
+              v-if="sourceUrl"
+              :href="sourceUrl"
+              target="_blank"
+              rel="noopener noreferrer"
+              >{{ avatarStyleMeta?.title ?? 'Design' }}</a
+            >
+            <template v-else>{{ avatarStyleMeta?.title ?? 'Design' }}</template>
+          </template>
+          by
+          <a
+            v-if="homepageUrl"
+            :href="homepageUrl"
+            target="_blank"
+            rel="noopener noreferrer"
+            >{{ avatarStyleMeta?.creator }}</a
+          >
+          <template v-else>{{ avatarStyleMeta?.creator }}</template
+          >, licensed under
+          <a
+            v-if="licenseUrl"
+            :href="licenseUrl"
+            target="_blank"
+            rel="noopener noreferrer"
+            >{{ formatLicenseName(avatarStyleMeta?.license?.name) }}</a
+          >
+          <template v-else>{{
+            formatLicenseName(avatarStyleMeta?.license?.name)
+          }}</template
+          >.
+        </p>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss">
+:root {
+  --app-seed-demo-avatar-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
+}
+.dark {
+  --app-seed-demo-avatar-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
+}
+
+.app-seed-demo {
+  &-glow {
+    background:
+      radial-gradient(
+        ellipse 60% 60% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 10%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 40% at 20% 80%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 40% at 80% 60%,
+        color-mix(in srgb, var(--vp-c-brand-1) 5%, transparent),
+        transparent
+      );
+  }
+
+  &-container {
+    opacity: 0;
+    transform: translateY(40px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-header {
+    text-align: center;
+    margin-bottom: 48px;
+  }
+
+  &-title {
+    --hl-display: block;
+  }
+
+  &-subtitle {
+    max-width: 540px;
+  }
+
+  &-license {
+    margin-top: 20px;
+    font-size: 13px;
+    color: var(--vp-c-text-3);
+    text-align: center;
+
+    a {
+      color: color-mix(in srgb, var(--vp-c-text-2) 50%, var(--vp-c-text-3));
+      font-weight: 400;
+      text-decoration: underline;
+      text-decoration-style: dotted;
+      text-decoration-color: var(--vp-c-border);
+      transition: color var(--duration-fast) ease;
+
+      &:hover {
+        color: var(--vp-c-brand-1);
+      }
+    }
+  }
+
+  &-control {
+    width: 220px;
+  }
+
+  &-seed-field {
+    .p-inputtext {
+      width: 100%;
+    }
+  }
+
+  &-dice-icon {
+    cursor: pointer;
+    color: var(--vp-c-text-3);
+    transition: color var(--duration-fast) ease;
+    outline: none;
+    user-select: none;
+    -webkit-user-select: none;
+
+    svg {
+      transition: transform var(--duration-mid) var(--ease-spring);
+    }
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+
+      svg {
+        transform: rotate(90deg);
+      }
+    }
+
+    &:active svg {
+      transform: rotate(180deg) scale(0.9);
+    }
+
+    &:focus-visible {
+      color: var(--vp-c-brand-1);
+    }
+  }
+
+  &-body {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    min-height: 420px;
+  }
+
+  &-showcase {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 40px 24px 40px;
+    gap: 10px;
+    background: radial-gradient(
+      ellipse 70% 60% at 50% 40%,
+      color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+      transparent
+    );
+  }
+
+  &-avatar-stage {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-avatar-glow {
+    position: absolute;
+    width: 180px;
+    height: 180px;
+    border-radius: 50%;
+    background: radial-gradient(
+      circle,
+      color-mix(in srgb, var(--vp-c-brand-1) 15%, transparent),
+      transparent 70%
+    );
+    animation: app-seed-demo-glow-pulse 3s ease-in-out infinite;
+  }
+
+  &-avatar-main {
+    width: 148px;
+    height: 148px;
+    border-radius: var(--vp-radius-xl);
+    margin-bottom: 24px;
+    position: relative;
+    z-index: 1;
+    box-shadow: var(--app-seed-demo-avatar-shadow);
+    transition: transform var(--duration-mid) var(--ease-smooth);
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+}
+
+@keyframes app-seed-demo-glow-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  50% {
+    transform: scale(1.15);
+    opacity: 1;
+  }
+}
+
+@media (max-width: 768px) {
+  .app-seed-demo {
+    &-body {
+      grid-template-columns: 1fr;
+    }
+
+    &-showcase {
+      padding: 32px 16px 24px;
+    }
+
+    &-avatar-main {
+      width: 88px;
+      height: 88px;
+      border-radius: var(--vp-radius-md);
+    }
+
+    &-avatar-glow {
+      width: 110px;
+      height: 110px;
+    }
+  }
+}
+
+@media (max-width: 480px) {
+  .app-seed-demo {
+    &-showcase {
+      padding: 24px 12px 20px;
+      gap: 16px;
+    }
+
+    &-avatar-main {
+      width: 80px;
+      height: 80px;
+      border-radius: var(--vp-radius-md);
+    }
+
+    &-avatar-glow {
+      width: 100px;
+      height: 100px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppSeedDemoCode.vue b/apps/docs/.vitepress/theme/components/app/AppSeedDemoCode.vue
new file mode 100644
index 0000000..f020aed
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppSeedDemoCode.vue
@@ -0,0 +1,281 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { PawPrint } from '@lucide/vue';
+import Button from 'primevue/button';
+import Select from 'primevue/select';
+import { UiCode } from '../ui';
+import { escapeJsString, escapeShellArg } from '../../utils/escape';
+import { formatDartValue } from '@theme/utils/code-examples';
+
+type CodeExample =
+  | 'api'
+  | 'js'
+  | 'php'
+  | 'python'
+  | 'rust'
+  | 'go'
+  | 'dart'
+  | 'cli';
+
+const props = defineProps<{
+  seed: string;
+  style: string;
+  styleCamel: string;
+}>();
+
+const activeExample = ref<CodeExample>('api');
+const exampleOptions: { label: string; value: CodeExample }[] = [
+  { label: 'HTTP API', value: 'api' },
+  { label: 'JS Library', value: 'js' },
+  { label: 'PHP Library', value: 'php' },
+  { label: 'Python Library', value: 'python' },
+  { label: 'Rust Library', value: 'rust' },
+  { label: 'Go Library', value: 'go' },
+  { label: 'Dart Library', value: 'dart' },
+  { label: 'CLI', value: 'cli' },
+];
+
+const apiExample = computed(
+  () =>
+    `https://api.dicebear.com/10.x/${props.style}/svg?seed=${encodeURIComponent(props.seed)}`,
+);
+
+const jsExample = computed(
+  () =>
+    `import { Style, Avatar } from '@dicebear/core';
+import definition from '@dicebear/styles/${props.style}.json' with { type: 'json' };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, {
+  seed: '${escapeJsString(props.seed)}'
+});`,
+);
+
+const phpExample = computed(
+  () =>
+    `<?php
+
+use Composer\\InstalledVersions;
+use DiceBear\\Style;
+use DiceBear\\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/${props.style}.json'));
+
+$avatar = new Avatar($style, [
+  'seed' => '${escapeJsString(props.seed)}'
+]);`,
+);
+
+const pythonExample = computed(
+  () =>
+    `from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("${props.style}.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, {
+    "seed": "${escapeJsString(props.seed)}"
+})`,
+);
+
+const rustExample = computed(
+  () =>
+    `use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::${props.style.toUpperCase().replace(/-/g, '_')})?;
+let avatar = Avatar::new(&style, json!({
+    "seed": "${escapeJsString(props.seed)}"
+}))?;`,
+);
+
+const goExample = computed(() => {
+  // The Go styles module exports each style as a PascalCase variable
+  // (e.g. "big-ears" → BigEars).
+  const styleConst = props.style
+    .split('-')
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('');
+
+  return `import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.${styleConst}))
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed": "${escapeJsString(props.seed)}",
+})`;
+});
+
+const dartExample = computed(
+  () =>
+    // formatDartValue quotes the seed and escapes $, which escapeJsString
+    // leaves alone but Dart would treat as string interpolation.
+    `import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/${props.style.replace(/-/g, '_')}.dart';
+
+final style = Style.parse(${props.styleCamel});
+final avatar = Avatar(style, {
+  'seed': ${formatDartValue(props.seed)},
+});`,
+);
+
+const cliExample = computed(
+  () => `npx dicebear ${props.style} --seed '${escapeShellArg(props.seed)}'`,
+);
+
+const playgroundLink = '/playground/';
+</script>
+
+<template>
+  <div class="app-seed-demo-code">
+    <div class="app-seed-demo-code-wrapper">
+      <Select
+        v-model="activeExample"
+        :options="exampleOptions"
+        option-label="label"
+        option-value="value"
+        size="large"
+        fluid
+        aria-label="Code example"
+        class="app-seed-demo-code-select"
+      />
+
+      <div class="app-seed-demo-code-body">
+        <UiCode
+          :code="apiExample"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'api' }"
+        />
+        <UiCode
+          :code="jsExample"
+          lang="js"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'js' }"
+        />
+        <UiCode
+          :code="phpExample"
+          lang="php"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'php' }"
+        />
+        <UiCode
+          :code="pythonExample"
+          lang="python"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'python' }"
+        />
+        <UiCode
+          :code="rustExample"
+          lang="rust"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'rust' }"
+        />
+        <UiCode
+          :code="goExample"
+          lang="go"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'go' }"
+        />
+        <UiCode
+          :code="dartExample"
+          lang="dart"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'dart' }"
+        />
+        <UiCode
+          :code="cliExample"
+          scroll-to-bottom
+          class="app-seed-demo-code-block"
+          :class="{ active: activeExample === 'cli' }"
+        />
+      </div>
+    </div>
+
+    <div class="app-seed-demo-code-cta">
+      <Button
+        as="a"
+        :href="playgroundLink"
+        size="large"
+        severity="contrast"
+        class="app-seed-demo-code-cta-btn"
+      >
+        <PawPrint :size="20" />
+        Open Playground
+      </Button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-seed-demo-code {
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid var(--ui-window-divider-color);
+  min-width: 0;
+
+  // Align the code block surface with the example select above it
+  // (both sit on --vp-c-bg inside this editor window mockup).
+  --vp-code-block-bg: var(--vp-c-bg);
+
+  &-wrapper {
+    padding: 16px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    min-width: 0;
+  }
+
+  &-select {
+    // size="large" renders the label at 18px; keep the large, full-width
+    // control but bring its text in line with the other demo controls (16px).
+    :deep(.p-select-label) {
+      font-size: 16px;
+    }
+  }
+
+  &-body {
+    flex: 1;
+    display: grid;
+    min-width: 0;
+  }
+
+  &-block {
+    grid-area: 1 / 1;
+    visibility: hidden;
+
+    &.active {
+      visibility: visible;
+    }
+  }
+
+  &-cta {
+    padding: 0 16px 16px;
+
+    &-btn {
+      width: 100%;
+      justify-content: center;
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .app-seed-demo-code {
+    border-left: none;
+    border-top: 1px solid var(--ui-window-divider-color);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppSeedDemoPreview.vue b/apps/docs/.vitepress/theme/components/app/AppSeedDemoPreview.vue
new file mode 100644
index 0000000..0bdd23e
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppSeedDemoPreview.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Dice5 } from '@lucide/vue';
+import IconField from 'primevue/iconfield';
+import InputIcon from 'primevue/inputicon';
+import InputText from 'primevue/inputtext';
+import { UiAvatar, UiStyleSelect } from '../ui';
+
+defineProps<{
+  styles: string[];
+}>();
+
+const seed = defineModel<string>({ required: true });
+const styleName = defineModel<string>('styleName', { required: true });
+
+const emit = defineEmits<{
+  randomizeSeed: [];
+}>();
+
+const mainAvatarLink = computed(
+  () =>
+    `https://api.dicebear.com/10.x/${styleName.value}/svg?seed=${encodeURIComponent(seed.value)}`,
+);
+</script>
+
+<template>
+  <div class="app-seed-demo-showcase">
+    <div class="app-seed-demo-avatar-stage">
+      <div class="app-seed-demo-avatar-glow"></div>
+      <a :href="mainAvatarLink" target="_blank" rel="noopener">
+        <UiAvatar
+          :style-name="styleName"
+          :style-options="{ seed, size: 256 }"
+          alt="Avatar preview"
+          class="app-seed-demo-avatar-main"
+          mode="library"
+        />
+      </a>
+    </div>
+
+    <UiStyleSelect
+      v-model="styleName"
+      :styles="styles"
+      :seed="seed"
+      :value-avatar-size="20"
+      aria-label="Avatar style"
+      class="app-seed-demo-control"
+    />
+
+    <IconField class="app-seed-demo-control app-seed-demo-seed-field">
+      <InputText
+        id="app-seed-demo-seed"
+        v-model="seed"
+        placeholder="Seed"
+        aria-label="Seed"
+        spellcheck="false"
+        autocomplete="off"
+      />
+      <InputIcon
+        class="app-seed-demo-dice-icon"
+        role="button"
+        tabindex="0"
+        aria-label="Next seed"
+        title="Next seed"
+        @click="emit('randomizeSeed')"
+        @keydown.enter.prevent="emit('randomizeSeed')"
+        @keydown.space.prevent="emit('randomizeSeed')"
+      >
+        <Dice5 :size="16" />
+      </InputIcon>
+    </IconField>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/app/AppSmallHero.vue b/apps/docs/.vitepress/theme/components/app/AppSmallHero.vue
new file mode 100644
index 0000000..b911f2b
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppSmallHero.vue
@@ -0,0 +1,302 @@
+<script setup lang="ts">
+import { ref, useSlots, computed } from 'vue';
+import { PawPrint, ArrowRight } from '@lucide/vue';
+import Button from 'primevue/button';
+import { UiHeadline, UiDescription, UiContainer, UiSection } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+
+withDefaults(
+  defineProps<{
+    headline?: string;
+    description?: string;
+  }>(),
+  {
+    headline: 'Avatars That Stand Out',
+    description:
+      'DiceBear is an open source avatar library that lets you generate unique, deterministic profile pictures in no time. Whether you need geometric shapes, cute characters, or pixel art, our privacy-focused SVG avatar library gives you 35+ styles to choose from.',
+  },
+);
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.1 });
+
+const slots = useSlots();
+const hasAside = computed(() => !!slots.aside);
+const hasActions = computed(() => !!slots.actions);
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }">
+    <template #background>
+      <div class="app-small-hero-gradient"></div>
+    </template>
+    <UiContainer
+      class="app-small-hero-container"
+      :class="{ 'app-small-hero-container--has-aside': hasAside }"
+    >
+      <div :class="{ 'app-small-hero-layout': hasAside }">
+        <div>
+          <UiHeadline tag="h1">
+            <slot name="headline">{{ headline }}</slot>
+          </UiHeadline>
+          <UiDescription class="app-small-hero-description">
+            <slot name="description">{{ description }}</slot>
+          </UiDescription>
+
+          <div v-if="hasActions" class="app-small-hero-actions">
+            <slot name="actions" />
+          </div>
+          <div v-else class="app-small-hero-actions">
+            <Button
+              as="a"
+              href="/playground/"
+              size="large"
+              severity="contrast"
+              class="app-small-hero-action-btn"
+            >
+              <PawPrint :size="20" />
+              Try Playground
+            </Button>
+            <Button
+              as="a"
+              href="/styles/"
+              size="large"
+              severity="secondary"
+              variant="outlined"
+              class="app-small-hero-action-btn"
+            >
+              Browse Styles
+              <ArrowRight :size="20" />
+            </Button>
+          </div>
+
+          <slot name="below-actions" />
+        </div>
+
+        <div v-if="hasAside" class="app-small-hero-aside">
+          <slot name="aside" />
+        </div>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-small-hero {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 80% 50% at 50% -20%,
+        rgba(14, 165, 233, 0.12),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 60% 40% at 80% 50%,
+        rgba(124, 58, 237, 0.08),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 60% 40% at 20% 80%,
+        rgba(20, 184, 166, 0.06),
+        transparent
+      );
+
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      border-radius: 50%;
+      pointer-events: none;
+    }
+
+    &::before {
+      width: 400px;
+      height: 400px;
+      top: -10%;
+      right: -5%;
+      background: radial-gradient(
+        circle,
+        color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent) 0%,
+        transparent 70%
+      );
+      animation: shape-float 18s ease-in-out infinite;
+    }
+
+    &::after {
+      width: 300px;
+      height: 300px;
+      bottom: -5%;
+      left: -3%;
+      background: radial-gradient(
+        circle,
+        color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent) 0%,
+        transparent 70%
+      );
+      animation: shape-float 22s ease-in-out infinite reverse;
+    }
+  }
+
+  &-container {
+    text-align: center;
+    opacity: 0;
+    transform: translateY(30px);
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) both;
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    &--has-aside {
+      text-align: left;
+
+      .app-small-hero-description {
+        margin-inline: 0;
+      }
+
+      .app-small-hero-actions {
+        justify-content: flex-start;
+      }
+
+      .app-small-hero-avatars {
+        justify-content: flex-start;
+      }
+    }
+  }
+
+  &-layout {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    align-items: center;
+
+    > :first-child {
+      grid-column: 1 / 7;
+    }
+
+    > :last-child {
+      grid-column: 7 / 13;
+    }
+  }
+
+  &-aside {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  &-description {
+    margin-bottom: 40px;
+    max-width: 550px;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.1s both;
+  }
+
+  &-actions {
+    display: flex;
+    justify-content: center;
+    gap: 16px;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.2s both;
+  }
+
+  &-avatars {
+    display: flex;
+    justify-content: center;
+    gap: 16px;
+    flex-wrap: wrap;
+    animation: fade-up var(--duration-reveal) var(--ease-smooth) 0.3s both;
+  }
+
+  &-avatar {
+    width: 72px;
+    height: 72px;
+    border-radius: var(--vp-radius-md);
+    overflow: hidden;
+    opacity: 0;
+    transform: translateY(20px) scale(0.9);
+    transition: all var(--duration-mid) var(--ease-spring);
+
+    &::after {
+      display: none !important;
+    }
+
+    .visible & {
+      animation: app-small-hero-avatar-reveal 0.5s var(--ease-spring) forwards;
+    }
+
+    &:hover {
+      transform: translateY(-8px) scale(1.1);
+      box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.2);
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+}
+@keyframes app-small-hero-avatar-reveal {
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@media (max-width: 768px) {
+  .app-small-hero {
+    &-gradient {
+      &::before {
+        width: 200px;
+        height: 200px;
+      }
+
+      &::after {
+        width: 150px;
+        height: 150px;
+      }
+    }
+
+    &-layout {
+      grid-template-columns: 1fr;
+      gap: 48px;
+
+      > :first-child,
+      > :last-child {
+        grid-column: auto;
+      }
+    }
+
+    &-container--has-aside {
+      text-align: center;
+
+      .app-small-hero-description {
+        margin-inline: auto;
+      }
+
+      .app-small-hero-actions {
+        justify-content: center;
+      }
+
+      .app-small-hero-avatars {
+        justify-content: center;
+      }
+    }
+
+    &-actions {
+      flex-direction: column;
+      align-items: center;
+
+      .app-small-hero-action-btn {
+        width: 100%;
+        max-width: 280px;
+      }
+    }
+
+    &-avatar {
+      width: 56px;
+      height: 56px;
+      border-radius: var(--vp-radius-sm);
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStatsBanner.vue b/apps/docs/.vitepress/theme/components/app/AppStatsBanner.vue
new file mode 100644
index 0000000..736eef3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStatsBanner.vue
@@ -0,0 +1,159 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { ArrowRight, ChartNoAxesCombined } from '@lucide/vue';
+import Button from 'primevue/button';
+import { UiContainer, UiSection, UiSectionHeader } from '../ui';
+import AppStatsBannerCard from './AppStatsBannerCard.vue';
+import { useVisibility } from '../../composables/useVisibility';
+import { useApiStats, useApiStatsRaw } from '../../composables/useApiStats';
+import { formatNumberParts, formatBytesParts } from '../../utils/format';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+const apiStats = useApiStats();
+const apiStatsRaw = useApiStatsRaw();
+
+const monthLabel = computed(
+  () => apiStats.value?.monthLabel ?? 'the past month',
+);
+
+const requests = computed(() =>
+  apiStats.value
+    ? formatNumberParts(apiStats.value.monthlyRequests)
+    : { value: '1', unit: 'B' },
+);
+
+const traffic = computed(() =>
+  apiStats.value
+    ? formatBytesParts(apiStats.value.monthlyTraffic)
+    : { value: '3', unit: 'TB' },
+);
+
+const downloads = computed(() =>
+  apiStats.value
+    ? formatNumberParts(apiStats.value.monthlyNpmDownloads)
+    : { value: '500', unit: 'K' },
+);
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-stats-banner-gradient"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader
+        class="app-stats-banner-header"
+        description="Usage data from our HTTP-API and npm packages, updated weekly."
+      >
+        <template #headline
+          >Billions of avatars. <strong>One API.</strong></template
+        >
+      </UiSectionHeader>
+
+      <div class="app-stats-banner-grid">
+        <AppStatsBannerCard
+          href="/stats/"
+          title="API Requests"
+          :description="`Avatars generated via the HTTP-API in ${monthLabel}.`"
+          :value="requests.value"
+          :unit="requests.unit"
+          :daily="apiStatsRaw?.requests"
+        />
+        <AppStatsBannerCard
+          href="/stats/"
+          feature
+          title="Data Served"
+          :description="`Total traffic delivered through our global CDN in ${monthLabel}.`"
+          :value="traffic.value"
+          :unit="traffic.unit"
+          :daily="apiStatsRaw?.traffic"
+        />
+        <AppStatsBannerCard
+          href="/stats/"
+          title="npm Downloads"
+          :description="`Total downloads from the npm registry in ${monthLabel}.`"
+          :value="downloads.value"
+          :unit="downloads.unit"
+          :daily="apiStatsRaw?.downloads.npm"
+        />
+      </div>
+
+      <div class="app-stats-banner-action">
+        <Button
+          as="a"
+          href="/stats/"
+          size="large"
+          severity="secondary"
+          variant="outlined"
+        >
+          <ChartNoAxesCombined :size="20" />
+          View Full Statistics
+          <ArrowRight :size="18" />
+        </Button>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-stats-banner {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 50% 50% at 50% 0%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 50% 50% at 50% 100%,
+        color-mix(in srgb, var(--vp-c-brand-1) 5%, transparent),
+        transparent
+      );
+  }
+
+  &-header {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 18px;
+  }
+
+  &-action {
+    display: flex;
+    justify-content: center;
+    margin-top: 40px;
+    opacity: 0;
+    transform: translateY(20px);
+    transition: all var(--duration-reveal) var(--ease-smooth) 0.3s;
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+}
+
+@media (max-width: 1000px) {
+  .app-stats-banner-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 640px) {
+  .app-stats-banner-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStatsBannerCard.vue b/apps/docs/.vitepress/theme/components/app/AppStatsBannerCard.vue
new file mode 100644
index 0000000..d1e49d7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStatsBannerCard.vue
@@ -0,0 +1,285 @@
+<script setup lang="ts">
+import { computed, useId } from 'vue';
+import { UiCard } from '../ui';
+import {
+  aggregateMonthly,
+  formatMonthKey,
+  type MonthlyEntry,
+} from '../../composables/useApiStats';
+
+interface Chart {
+  line: string;
+  area: string;
+  points: Array<{ x: number; y: number }>;
+  labels: string[];
+}
+
+interface Trend {
+  pct: string;
+  prevMonth: string;
+}
+
+const HISTORY_MONTHS = 4;
+
+const props = defineProps<{
+  href: string;
+  feature?: boolean;
+  value: string;
+  unit: string;
+  title: string;
+  description: string;
+  daily?: Record<string, number>;
+}>();
+
+const fillId = useId();
+
+const history = computed<MonthlyEntry[]>(() => {
+  if (!props.daily) {
+    return [];
+  }
+
+  return aggregateMonthly(props.daily).slice(0, -1).slice(-HISTORY_MONTHS);
+});
+
+// Anchored at 0 so a low month reads as "fewer", not as a phantom drop to zero.
+const chart = computed<Chart>(() => {
+  const empty: Chart = { line: '', area: '', points: [], labels: [] };
+  const h = history.value;
+
+  if (h.length < 2) {
+    return empty;
+  }
+
+  const max = Math.max(...h.map((m) => m.total)) || 1;
+  const stepX = 200 / (h.length - 1);
+  const points = h.map((m, i) => ({
+    x: i * stepX,
+    y: 50 - (m.total / max) * 36,
+  }));
+  const line = points
+    .map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x.toFixed(1)},${p.y.toFixed(1)}`)
+    .join(' ');
+  const last = points[points.length - 1];
+  const area = `${line} L${last.x.toFixed(1)},60 L0,60 Z`;
+
+  return {
+    line,
+    area,
+    points,
+    labels: h.map((m) =>
+      formatMonthKey(m.key, { month: 'short' }).toUpperCase(),
+    ),
+  };
+});
+
+// Positive-only by design: the pill hides on missing data or non-positive change.
+const trend = computed<Trend | null>(() => {
+  const h = history.value;
+
+  if (h.length < 2) {
+    return null;
+  }
+
+  const last = h[h.length - 1];
+  const prev = h[h.length - 2];
+
+  if (prev.total === 0 || last.total <= prev.total) {
+    return null;
+  }
+
+  return {
+    pct: (((last.total - prev.total) / prev.total) * 100).toFixed(1),
+    prevMonth: formatMonthKey(prev.key, { month: 'long' }),
+  };
+});
+</script>
+
+<template>
+  <UiCard
+    padding="xl"
+    :href="href"
+    :class="['st-card', feature && 'st-card-feature']"
+  >
+    <div class="st-stat">
+      {{ value }}<span class="st-unit">{{ unit }}</span>
+    </div>
+    <div class="st-meta">
+      <strong>{{ title }}</strong>
+      <span>{{ description }}</span>
+    </div>
+    <div class="st-trend">
+      <span v-if="trend" class="st-trend-pill">
+        ↑ {{ trend.pct }}% vs {{ trend.prevMonth }}
+      </span>
+      <div v-if="chart.points.length" class="st-chart">
+        <svg viewBox="0 0 200 60" preserveAspectRatio="none" aria-hidden="true">
+          <defs>
+            <linearGradient :id="fillId" x1="0" y1="0" x2="0" y2="1">
+              <stop
+                offset="0"
+                stop-color="var(--vp-c-brand-1)"
+                stop-opacity=".25"
+              />
+              <stop
+                offset="1"
+                stop-color="var(--vp-c-brand-1)"
+                stop-opacity="0"
+              />
+            </linearGradient>
+          </defs>
+          <path :d="chart.area" :fill="`url(#${fillId})`" />
+          <path
+            :d="chart.line"
+            fill="none"
+            stroke="var(--vp-c-brand-1)"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <div class="st-chart-dots">
+          <span
+            v-for="(p, i) in chart.points"
+            :key="i"
+            :style="{
+              left: `${(p.x / 200) * 100}%`,
+              top: `${(p.y / 60) * 100}%`,
+            }"
+          />
+        </div>
+        <div class="st-chart-labels">
+          <span v-for="label in chart.labels" :key="label">{{ label }}</span>
+        </div>
+      </div>
+    </div>
+  </UiCard>
+</template>
+
+<style lang="scss" scoped>
+.st-card {
+  min-height: 320px;
+
+  :deep(.ui-card-body) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  // Use compound selector to beat UiCard's `.ui-card` rule in cascade
+  // (both selectors otherwise have identical specificity).
+  &.st-card-feature {
+    background: linear-gradient(
+      160deg,
+      color-mix(in srgb, var(--vp-c-brand-1) 8%, transparent),
+      var(--vp-c-bg-elv) 50%
+    );
+    border-color: color-mix(in srgb, var(--vp-c-brand-1) 40%, transparent);
+  }
+}
+
+.st-stat {
+  font-size: 84px;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.045em;
+  color: var(--vp-c-text-1);
+  font-variant-numeric: tabular-nums;
+}
+
+.st-unit {
+  font-size: 44px;
+  font-weight: 700;
+  color: var(--vp-c-brand-1);
+  margin-left: 4px;
+  letter-spacing: -0.02em;
+}
+
+.st-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  strong {
+    font-size: 17px;
+    font-weight: 800;
+    letter-spacing: -0.015em;
+    color: var(--vp-c-text-1);
+  }
+
+  span {
+    font-size: 13.5px;
+    line-height: 1.5;
+    color: var(--vp-c-text-2);
+    max-width: 260px;
+  }
+}
+
+.st-trend {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.st-trend-pill {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  background: color-mix(in srgb, var(--vp-c-green-1) 16%, transparent);
+  color: var(--vp-c-green-1);
+}
+
+.st-chart {
+  position: relative;
+  height: 80px;
+
+  svg {
+    width: 100%;
+    height: 60px;
+    display: block;
+  }
+}
+
+.st-chart-dots {
+  position: absolute;
+  inset: 0 0 20px 0;
+  pointer-events: none;
+
+  span {
+    position: absolute;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--vp-c-brand-1);
+    transform: translate(-50%, -50%);
+    box-shadow: 0 0 0 2px var(--vp-c-bg-elv);
+  }
+}
+
+.st-chart-labels {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 6px;
+  font-family: var(--vp-font-family-mono);
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  color: var(--vp-c-text-3);
+}
+
+@media (max-width: 640px) {
+  .st-stat {
+    font-size: 64px;
+  }
+
+  .st-unit {
+    font-size: 34px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStatsChart.vue b/apps/docs/.vitepress/theme/components/app/AppStatsChart.vue
new file mode 100644
index 0000000..c31906b
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStatsChart.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Line } from 'vue-chartjs';
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Filler,
+  Tooltip,
+} from 'chart.js';
+import { useChartTheme } from '../../composables/useChartTheme';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Filler,
+  Tooltip,
+);
+
+const props = defineProps<{
+  labels: string[];
+  values: number[];
+  color: string;
+  formatValue: (value: number) => string;
+}>();
+
+const { chartKey, tooltipConfig, gridColor, tickColor } = useChartTheme();
+
+const chartData = computed(() => ({
+  labels: props.labels,
+  datasets: [
+    {
+      data: props.values,
+      borderColor: props.color,
+      backgroundColor: props.color + '18',
+      borderWidth: 2,
+      fill: true,
+      tension: 0.3,
+      pointRadius: 0,
+      pointHitRadius: 10,
+      pointHoverRadius: 4,
+      pointHoverBackgroundColor: props.color,
+    },
+  ],
+}));
+
+const chartOptions = computed(() => ({
+  responsive: true,
+  maintainAspectRatio: false,
+  interaction: {
+    intersect: false,
+    mode: 'index' as const,
+  },
+  plugins: {
+    legend: {
+      display: false,
+    },
+    tooltip: {
+      ...tooltipConfig(),
+      displayColors: false,
+      callbacks: {
+        label: (ctx: any) => props.formatValue(ctx.parsed.y),
+      },
+    },
+  },
+  scales: {
+    x: {
+      grid: {
+        display: false,
+      },
+      ticks: {
+        color: tickColor(),
+        maxRotation: 0,
+        autoSkip: true,
+        maxTicksLimit: 8,
+        font: { size: 12 },
+      },
+      border: {
+        display: false,
+      },
+    },
+    y: {
+      grid: {
+        color: gridColor(),
+      },
+      ticks: {
+        color: tickColor(),
+        callback: (value: any) => props.formatValue(value),
+        font: { size: 12 },
+      },
+      border: {
+        display: false,
+      },
+    },
+  },
+}));
+</script>
+
+<template>
+  <div class="app-stats-chart">
+    <Line :key="chartKey" :data="chartData" :options="chartOptions" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-stats-chart {
+  height: 300px;
+  position: relative;
+}
+
+@media (max-width: 640px) {
+  .app-stats-chart {
+    height: 220px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStatsGlobe.vue b/apps/docs/.vitepress/theme/components/app/AppStatsGlobe.vue
new file mode 100644
index 0000000..61c92eb
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStatsGlobe.vue
@@ -0,0 +1,569 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { useData } from 'vitepress';
+import { useVisibility } from '@theme/composables/useVisibility';
+import {
+  buildLandPoints,
+  createPreloadBuffer,
+  type PreloadBuffer,
+} from '@theme/utils/globeLandPoints';
+
+const props = defineProps<{
+  rate: number;
+}>();
+
+const { isDark } = useData();
+const containerRef = ref<HTMLDivElement>();
+const globeRef = ref<HTMLDivElement>();
+const isVisible = useVisibility(globeRef, { once: false, threshold: 0.1 });
+let globe: any = null;
+let eventInterval: ReturnType<typeof setInterval> | null = null;
+let resizeObserver: ResizeObserver | null = null;
+let rotationFrame: number | null = null;
+
+const apiBase = 'https://api.dicebear.com/10.x';
+const avatarStyles = [
+  'thumbs',
+  'shapes',
+  'lorelei',
+  'pixel-art',
+  'adventurer',
+  'bottts',
+  'avataaars',
+  'notionists',
+];
+
+interface GlobeEvent {
+  id: number;
+  lat: number;
+  lng: number;
+  url: string;
+}
+
+let countriesGeoJson: any = null;
+
+let events: GlobeEvent[] = [];
+let eventId = 0;
+const elementMap = new Map<number, HTMLElement>();
+const pendingTimeouts: ReturnType<typeof setTimeout>[] = [];
+
+let landPoints: [number, number][] = [];
+let preloadBuffer: PreloadBuffer | null = null;
+
+function generateAvatarUrl() {
+  const style = avatarStyles[Math.floor(Math.random() * avatarStyles.length)];
+  const seed = Math.random().toString(36).slice(2, 8);
+  return `${apiBase}/${style}/svg?seed=${seed}&size=64`;
+}
+
+const MIN_DISTANCE_DEG = 12;
+
+function pickLandPoint(): [number, number] {
+  // Try to find a point far enough from active events
+  for (let attempt = 0; attempt < 30; attempt++) {
+    const pt = landPoints[Math.floor(Math.random() * landPoints.length)];
+    let tooClose = false;
+    for (const e of events) {
+      if (
+        Math.abs(pt[0] - e.lat) < MIN_DISTANCE_DEG &&
+        Math.abs(pt[1] - e.lng) < MIN_DISTANCE_DEG
+      ) {
+        tooClose = true;
+        break;
+      }
+    }
+    if (!tooClose) return pt;
+  }
+  // Fallback: pick any random land point with slight offset
+  const base = landPoints[Math.floor(Math.random() * landPoints.length)];
+  return [
+    base[0] + (Math.random() - 0.5) * 10,
+    base[1] + (Math.random() - 0.5) * 10,
+  ];
+}
+
+function syncGlobe() {
+  if (globe) globe.htmlElementsData([...events]);
+}
+
+function addEvent() {
+  const city = pickLandPoint();
+  const url = preloadBuffer
+    ? preloadBuffer.getPreloadedUrl()
+    : generateAvatarUrl();
+
+  const ev: GlobeEvent = {
+    id: eventId++,
+    lat: city[0],
+    lng: city[1],
+    url,
+  };
+  events.push(ev);
+  syncGlobe();
+
+  const t1 = setTimeout(() => {
+    const el = elementMap.get(ev.id);
+    if (el) el.classList.add('app-stats-globe-bubble--leaving');
+
+    const t2 = setTimeout(() => {
+      events = events.filter((e) => e !== ev);
+      elementMap.delete(ev.id);
+      syncGlobe();
+    }, 600);
+    pendingTimeouts.push(t2);
+  }, 8000);
+  pendingTimeouts.push(t1);
+}
+
+function createAvatarElement(d: any) {
+  const outer = document.createElement('div');
+  outer.className = 'app-stats-globe-marker';
+  outer.dataset.lat = String(d.lat);
+  outer.dataset.lng = String(d.lng);
+
+  const inner = document.createElement('div');
+  inner.className = 'app-stats-globe-bubble';
+
+  const ring = document.createElement('span');
+  ring.className = 'app-stats-globe-bubble-ring';
+
+  const disc = document.createElement('span');
+  disc.className = 'app-stats-globe-bubble-disc';
+
+  const img = document.createElement('img');
+  img.src = d.url;
+  img.alt = '';
+  img.className = 'app-stats-globe-bubble-img';
+  disc.appendChild(img);
+
+  inner.appendChild(ring);
+  inner.appendChild(disc);
+  outer.appendChild(inner);
+  elementMap.set(d.id, inner);
+
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      inner.classList.add('app-stats-globe-bubble--visible');
+    });
+  });
+
+  return outer;
+}
+
+// Three.js imports cached after first init
+let threeModule: any = null;
+
+async function initGlobe() {
+  if (!containerRef.value) return;
+
+  const { default: Globe } = await import('globe.gl');
+  threeModule = await import('three');
+
+  const container = containerRef.value;
+  const width = container.clientWidth;
+  const height = container.clientHeight;
+  const dark = isDark.value;
+
+  globe = new Globe(container, {
+    rendererConfig: { antialias: true, alpha: true },
+  })
+    .width(width)
+    .height(height)
+    .backgroundColor('rgba(0,0,0,0)')
+    .showAtmosphere(true)
+    .atmosphereColor(
+      dark ? 'rgba(56, 189, 248, 0.2)' : 'rgba(2, 132, 199, 0.1)',
+    )
+    .atmosphereAltitude(0.14)
+    .globeImageUrl(null as any)
+    .htmlElementsData([...events])
+    .htmlElement((d: any) => createAvatarElement(d))
+    .htmlLat((d: any) => d.lat)
+    .htmlLng((d: any) => d.lng)
+    .htmlAltitude(0.015)
+    .htmlTransitionDuration(0)
+    .htmlElementVisibilityModifier((el: HTMLElement, isVisible: boolean) => {
+      const inner = el.firstElementChild as HTMLElement;
+      if (!inner) return;
+      if (isVisible) {
+        inner.classList.remove('app-stats-globe-bubble--hidden');
+        // Scale based on angular distance to camera center
+        const lat = Number(el.dataset.lat);
+        const lng = Number(el.dataset.lng);
+        const pov = globe.pointOfView();
+        const toRad = Math.PI / 180;
+        const dLat = (lat - pov.lat) * toRad;
+        const dLng = (lng - pov.lng) * toRad;
+        const a =
+          Math.sin(dLat / 2) ** 2 +
+          Math.cos(lat * toRad) *
+            Math.cos(pov.lat * toRad) *
+            Math.sin(dLng / 2) ** 2;
+        const angDist = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+        // 0 = center → scale 1.0, PI/2 = edge → scale 0.55
+        const scale = 0.55 + 0.45 * Math.max(0, 1 - angDist / (Math.PI / 2));
+        inner.style.setProperty('--bubble-scale', scale.toFixed(2));
+      } else {
+        inner.classList.add('app-stats-globe-bubble--hidden');
+      }
+    })
+    .enablePointerInteraction(false);
+
+  // Land polygons
+  if (!countriesGeoJson) {
+    try {
+      const res = await fetch('/ne_110m_land.geojson');
+      countriesGeoJson = await res.json();
+    } catch {
+      /* ignore */
+    }
+  }
+
+  if (landPoints.length === 0) {
+    landPoints = buildLandPoints(countriesGeoJson);
+  }
+
+  if (countriesGeoJson) {
+    globe
+      .hexPolygonsData(countriesGeoJson.features)
+      .hexPolygonResolution(3)
+      .hexPolygonMargin(0.35)
+      .hexPolygonUseDots(true)
+      .hexPolygonColor(
+        dark ? 'rgba(56, 189, 248, 0.65)' : 'rgba(2, 132, 199, 0.28)',
+      )
+      .hexPolygonAltitude(0.006);
+  }
+
+  // Apply material + lights for current theme
+  applyTheme();
+
+  // Camera
+  globe.pointOfView({ lat: 30, lng: 20, altitude: 1.8 });
+
+  const controls = globe.controls();
+  controls.autoRotate = false;
+  controls.enableZoom = false;
+  controls.enablePan = false;
+  controls.enableRotate = false;
+
+  globe.renderer().domElement.style.cursor = 'default';
+
+  const scene = globe.scene();
+  if (scene) scene.background = null;
+
+  resizeObserver = new ResizeObserver(() => {
+    if (!globe || !containerRef.value) return;
+    const w = containerRef.value.clientWidth;
+    const h = containerRef.value.clientHeight;
+    globe.width(w).height(h);
+  });
+  resizeObserver.observe(container);
+}
+
+function applyTheme() {
+  if (!globe || !threeModule) return;
+  const dark = isDark.value;
+  const { MeshPhongMaterial, Color, AmbientLight, DirectionalLight } =
+    threeModule;
+
+  // Update atmosphere
+  globe.atmosphereColor(
+    dark ? 'rgba(56, 189, 248, 0.2)' : 'rgba(2, 132, 199, 0.1)',
+  );
+
+  // Update hex polygon colors: pass string directly, no per-polygon closure needed
+  globe.hexPolygonColor(
+    dark ? 'rgba(56, 189, 248, 0.65)' : 'rgba(2, 132, 199, 0.28)',
+  );
+
+  // Dispose old material before creating a new one to free GPU resources
+  const oldMat = globe.globeMaterial();
+  if (oldMat && typeof oldMat.dispose === 'function') oldMat.dispose();
+
+  const globeMat = new MeshPhongMaterial({
+    color: new Color(dark ? '#2a3050' : '#e4ecf6'),
+    shininess: dark ? 20 : 25,
+    specular: new Color(dark ? '#446688' : '#d0e0f0'),
+    emissive: new Color(dark ? '#283248' : '#d4e2f0'),
+    emissiveIntensity: dark ? 0.6 : 0.35,
+    transparent: true,
+    opacity: dark ? 0.88 : 0.95,
+  });
+  globe.globeMaterial(globeMat);
+
+  // Dispose old lights before creating new ones
+  const oldLights = globe.lights();
+  if (oldLights) oldLights.forEach((l: any) => l.dispose?.());
+
+  const ambient = new AmbientLight(
+    dark ? 0xffffff : 0xf0f4fa,
+    dark ? 1.6 : 1.4,
+  );
+  const dir = new DirectionalLight(
+    dark ? 0x6699cc : 0xf4f8ff,
+    dark ? 1.0 : 0.5,
+  );
+  dir.position.set(5, 3, 5);
+  globe.lights([ambient, dir]);
+}
+
+function startEvents() {
+  if (eventInterval) return;
+  if (landPoints.length === 0) {
+    console.warn(
+      '[AppStatsGlobe] No land points available, skipping avatar events.',
+    );
+    return;
+  }
+  for (let i = 0; i < 8; i++) {
+    pendingTimeouts.push(setTimeout(addEvent, i * 250));
+  }
+  eventInterval = setInterval(addEvent, 800);
+}
+
+function stopEvents() {
+  if (eventInterval) {
+    clearInterval(eventInterval);
+    eventInterval = null;
+  }
+  pendingTimeouts.forEach(clearTimeout);
+  pendingTimeouts.length = 0;
+}
+
+function startRotation() {
+  if (rotationFrame !== null || !globe) return;
+  const pov = globe.pointOfView();
+  let rotLng = pov.lng;
+  const ROT_SPEED = 0.05;
+  const TILT = 15;
+  const BASE_LAT = 35;
+  const TILT_FREQ = 1.3;
+
+  function animateRotation() {
+    rotLng += ROT_SPEED;
+    const lat =
+      BASE_LAT + TILT * Math.sin((rotLng * TILT_FREQ * Math.PI) / 180);
+    globe.pointOfView({ lat, lng: rotLng % 360, altitude: 1.8 }, 0);
+    rotationFrame = requestAnimationFrame(animateRotation);
+  }
+  rotationFrame = requestAnimationFrame(animateRotation);
+}
+
+function stopRotation() {
+  if (rotationFrame !== null) {
+    cancelAnimationFrame(rotationFrame);
+    rotationFrame = null;
+  }
+}
+
+onMounted(async () => {
+  preloadBuffer = createPreloadBuffer(generateAvatarUrl);
+  await initGlobe();
+
+  if (isVisible.value) {
+    startEvents();
+    startRotation();
+  }
+});
+
+watch(isVisible, (visible) => {
+  if (visible) {
+    startEvents();
+    startRotation();
+  } else {
+    stopEvents();
+    stopRotation();
+  }
+});
+
+watch(isDark, () => {
+  applyTheme();
+});
+
+onUnmounted(() => {
+  stopEvents();
+  stopRotation();
+  events = [];
+  eventId = 0;
+  elementMap.clear();
+  preloadBuffer = null;
+  if (globe) {
+    globe._destructor();
+    globe = null;
+  }
+  if (resizeObserver) {
+    resizeObserver.disconnect();
+    resizeObserver = null;
+  }
+});
+
+const formattedRate = (r: number) => {
+  if (r >= 1000) return `~${(r / 1000).toFixed(1)}k`;
+  return `~${r.toFixed(0)}`;
+};
+</script>
+
+<template>
+  <div ref="globeRef" class="app-stats-globe">
+    <div ref="containerRef" class="app-stats-globe-wrap">
+      <div class="app-stats-globe-ring" />
+    </div>
+    <p class="app-stats-globe-caption">
+      {{ formattedRate(props.rate) }} avatars generated every second, worldwide
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-stats-globe {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+
+  &-wrap {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 1;
+    pointer-events: none;
+    overflow: hidden;
+
+    :deep(canvas) {
+      width: 100% !important;
+      height: 100% !important;
+    }
+  }
+
+  &-ring {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 54.5%;
+    aspect-ratio: 1;
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+    border: 1.5px solid rgba(2, 132, 199, 0.2);
+    pointer-events: none;
+    z-index: 1;
+
+    .dark & {
+      border-color: rgba(56, 189, 248, 0.3);
+    }
+  }
+
+  &-caption {
+    font-size: 13px;
+    color: var(--vp-c-text-3);
+    text-align: center;
+    line-height: 1.4;
+    margin: 0;
+  }
+}
+
+@media (max-width: 768px) {
+  .app-stats-globe {
+    &-wrap {
+      max-width: 320px;
+      margin-inline: auto;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.app-stats-globe-bubble {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transform: scale(0);
+  transition:
+    opacity var(--duration-slow) var(--ease-spring),
+    transform var(--duration-slow) var(--ease-spring);
+
+  &--visible {
+    opacity: 1;
+    transform: scale(var(--bubble-scale, 1));
+  }
+
+  &--hidden {
+    opacity: 0 !important;
+    transition: opacity 0.15s ease !important;
+  }
+
+  &--leaving {
+    opacity: 0 !important;
+    transform: scale(0.3) !important;
+    transition:
+      opacity var(--duration-slow) ease,
+      transform var(--duration-slow) ease !important;
+  }
+
+  &-ring {
+    position: absolute;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    border: 2px solid var(--vp-c-brand-1);
+    opacity: 0;
+    animation: app-stats-globe-ping 1.4s cubic-bezier(0, 0, 0.2, 1) forwards;
+  }
+
+  &-disc {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    background: #ffffff;
+    border: 2px solid rgba(255, 255, 255, 0.95);
+    box-shadow:
+      0 2px 12px rgba(0, 0, 0, 0.12),
+      0 0 0 1px rgba(0, 0, 0, 0.04);
+    overflow: hidden;
+  }
+
+  &-img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    display: block;
+  }
+}
+
+.dark .app-stats-globe-bubble-disc {
+  background: #1a1c2a;
+  border-color: rgba(56, 189, 248, 0.2);
+  box-shadow:
+    0 2px 12px rgba(0, 0, 0, 0.5),
+    0 0 0 1px rgba(56, 189, 248, 0.1);
+}
+
+@keyframes app-stats-globe-ping {
+  0% {
+    opacity: 0.6;
+    transform: scale(0.5);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(2.2);
+  }
+}
+
+@media (max-width: 768px) {
+  .app-stats-globe-bubble {
+    &-disc {
+      width: 30px;
+      height: 30px;
+    }
+
+    &-ring {
+      width: 36px;
+      height: 36px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStatsMultiLineChart.vue b/apps/docs/.vitepress/theme/components/app/AppStatsMultiLineChart.vue
new file mode 100644
index 0000000..ce28b7d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStatsMultiLineChart.vue
@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Line } from 'vue-chartjs';
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Tooltip,
+  Legend,
+} from 'chart.js';
+import { useChartTheme } from '../../composables/useChartTheme';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Tooltip,
+  Legend,
+);
+
+const props = defineProps<{
+  labels: string[];
+  series: Array<{ name: string; values: number[] }>;
+  formatValue: (value: number) => string;
+}>();
+
+// Generate one distinct colour per series so the palette never repeats, even
+// with all 36+ styles. Golden-angle hue spacing (137.5°) keeps adjacent lines
+// far apart on the colour wheel; starting near the brand-blue hue keeps the
+// first (top) series on-brand. Alternating lightness adds extra separation.
+const palette = computed(() =>
+  props.series.map((_, i) => {
+    const hue = (i * 137.508 + 205) % 360;
+    const lightness = i % 2 === 0 ? 58 : 46;
+    return `hsl(${hue.toFixed(1)} 65% ${lightness}%)`;
+  }),
+);
+
+const { chartKey, tooltipConfig, gridColor, tickColor } = useChartTheme();
+
+const chartData = computed(() => ({
+  labels: props.labels,
+  datasets: props.series.map((s, i) => {
+    const color = palette.value[i];
+
+    return {
+      label: s.name,
+      data: s.values,
+      borderColor: color,
+      backgroundColor: color,
+      borderWidth: 2,
+      fill: false,
+      tension: 0.3,
+      pointRadius: 0,
+      pointHitRadius: 10,
+      pointHoverRadius: 4,
+      pointHoverBackgroundColor: color,
+    };
+  }),
+}));
+
+const chartOptions = computed(() => ({
+  responsive: true,
+  maintainAspectRatio: false,
+  interaction: {
+    intersect: false,
+    mode: 'index' as const,
+  },
+  plugins: {
+    legend: {
+      display: true,
+      position: 'bottom' as const,
+      labels: {
+        color: tickColor(),
+        boxWidth: 12,
+        boxHeight: 12,
+        padding: 12,
+        font: { size: 12 },
+      },
+    },
+    tooltip: {
+      ...tooltipConfig(),
+      callbacks: {
+        label: (ctx: any) =>
+          `${ctx.dataset.label}: ${props.formatValue(ctx.parsed.y)}`,
+      },
+    },
+  },
+  scales: {
+    x: {
+      grid: {
+        display: false,
+      },
+      ticks: {
+        color: tickColor(),
+        maxRotation: 0,
+        autoSkip: true,
+        maxTicksLimit: 8,
+        font: { size: 12 },
+      },
+      border: {
+        display: false,
+      },
+    },
+    y: {
+      grid: {
+        color: gridColor(),
+      },
+      ticks: {
+        color: tickColor(),
+        callback: (value: any) => props.formatValue(value),
+        font: { size: 12 },
+      },
+      border: {
+        display: false,
+      },
+    },
+  },
+}));
+</script>
+
+<template>
+  <div class="app-stats-multi-line-chart">
+    <Line :key="chartKey" :data="chartData" :options="chartOptions" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.app-stats-multi-line-chart {
+  height: 360px;
+  position: relative;
+}
+
+@media (max-width: 640px) {
+  .app-stats-multi-line-chart {
+    height: 280px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppStyleShowcase.vue b/apps/docs/.vitepress/theme/components/app/AppStyleShowcase.vue
new file mode 100644
index 0000000..5075a75
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppStyleShowcase.vue
@@ -0,0 +1,440 @@
+<script setup lang="ts">
+import { ref, computed, onMounted, onUnmounted, watch } from 'vue';
+import { kebabCase } from 'change-case';
+import Prando from 'prando';
+import { ArrowRight, ArrowLeft, Shapes } from '@lucide/vue';
+import Button from 'primevue/button';
+import { UiAvatar, UiContainer, UiSection, UiSectionHeader } from '../ui';
+import { useVisibility } from '../../composables/useVisibility';
+import { useAvatarStyleList } from '../../composables/avatar';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { once: false, threshold: 0.1 });
+const avatarStyleList = useAvatarStyleList();
+
+const SHOWCASE_SEEDS = [
+  'Felix',
+  'Aneka',
+  'Milo',
+  'Luna',
+  'Max',
+  'Sophie',
+  'Leo',
+  'Emma',
+  'Noah',
+  'Aria',
+  'Zoe',
+  'Oscar',
+];
+
+const showcaseAvatars = computed(() => {
+  const prng = new Prando(42);
+
+  return avatarStyleList.value.map((style) => ({
+    style: kebabCase(style),
+    seed: SHOWCASE_SEEDS[prng.nextInt(0, SHOWCASE_SEEDS.length - 1)],
+  }));
+});
+
+const doubledAvatars = computed(() => [
+  ...showcaseAvatars.value,
+  ...showcaseAvatars.value,
+]);
+
+const ITEM_WIDTH = 140;
+const SCROLL_DURATION_MS = 400;
+
+const totalWidth = computed(() => showcaseAvatars.value.length * ITEM_WIDTH);
+
+const trackRef = ref<HTMLElement>();
+let scrollPosition = 0;
+let animationFrame: number | null = null;
+let isPaused = false;
+
+// Smooth scroll animation state
+let isManualScrolling = false;
+let scrollStartPosition = 0;
+let scrollTargetPosition = 0;
+let scrollStartTime = 0;
+
+function easeOutCubic(t: number): number {
+  return 1 - Math.pow(1 - t, 3);
+}
+
+function updateTrackTransform() {
+  if (trackRef.value) {
+    trackRef.value.style.transform = `translateX(-${scrollPosition}px)`;
+  }
+}
+
+function animate(timestamp: number) {
+  if (!isVisible.value) {
+    animationFrame = null;
+    return;
+  }
+
+  if (isManualScrolling) {
+    const elapsed = timestamp - scrollStartTime;
+    const progress = Math.min(elapsed / SCROLL_DURATION_MS, 1);
+    const easedProgress = easeOutCubic(progress);
+
+    scrollPosition =
+      scrollStartPosition +
+      (scrollTargetPosition - scrollStartPosition) * easedProgress;
+
+    if (progress >= 1) {
+      isManualScrolling = false;
+      // Normalize position after manual scroll
+      if (scrollPosition >= totalWidth.value) {
+        scrollPosition = scrollPosition % totalWidth.value;
+      }
+      if (scrollPosition < 0) {
+        scrollPosition = totalWidth.value + (scrollPosition % totalWidth.value);
+      }
+    }
+  } else if (!isPaused) {
+    scrollPosition += 0.5;
+    if (scrollPosition >= totalWidth.value) {
+      scrollPosition = 0;
+    }
+  }
+  updateTrackTransform();
+  animationFrame = requestAnimationFrame(animate);
+}
+
+function startAnimation() {
+  if (animationFrame === null && isVisible.value) {
+    animationFrame = requestAnimationFrame(animate);
+  }
+}
+
+function pauseAnimation() {
+  isPaused = true;
+}
+
+function resumeAnimation() {
+  isPaused = false;
+}
+
+function smoothScroll(delta: number) {
+  scrollStartPosition = scrollPosition;
+  scrollTargetPosition = scrollPosition + delta;
+  scrollStartTime = performance.now();
+  isManualScrolling = true;
+}
+
+function scrollLeft() {
+  smoothScroll(-300);
+}
+
+function scrollRight() {
+  smoothScroll(300);
+}
+
+watch(isVisible, (visible) => {
+  if (visible) {
+    startAnimation();
+  }
+});
+
+onMounted(() => {
+  if (isVisible.value) {
+    startAnimation();
+  }
+});
+
+onUnmounted(() => {
+  if (animationFrame !== null) {
+    cancelAnimationFrame(animationFrame);
+  }
+});
+</script>
+
+<template>
+  <UiSection
+    ref="sectionRef"
+    :class="{ visible: isVisible }"
+    no-padding
+    divider
+  >
+    <template #background>
+      <div class="app-style-showcase-gradient"></div>
+    </template>
+    <UiContainer class="app-style-showcase-header">
+      <UiSectionHeader
+        description="From cute characters to abstract patterns, pixel art to professional illustrations. Our avatar library features styles crafted by talented artists and designers."
+      >
+        <template #headline><strong>35+</strong> Unique Avatar Styles</template>
+      </UiSectionHeader>
+    </UiContainer>
+
+    <div class="app-style-showcase-outer">
+      <button
+        class="app-style-showcase-scroll-btn app-style-showcase-scroll-btn-left"
+        @click="scrollLeft"
+        aria-label="Scroll left"
+      >
+        <ArrowLeft />
+      </button>
+
+      <div class="app-style-showcase-wrapper">
+        <div
+          class="app-style-showcase-scroll"
+          @mouseenter="pauseAnimation"
+          @mouseleave="resumeAnimation"
+          @touchstart="pauseAnimation"
+          @touchend="resumeAnimation"
+        >
+          <div ref="trackRef" class="app-style-showcase-track">
+            <a
+              v-for="(avatar, index) in doubledAvatars"
+              :key="`${avatar.style}-${index}`"
+              :href="`/styles/${avatar.style}/`"
+              class="app-style-showcase-item"
+            >
+              <div class="app-style-showcase-avatar">
+                <UiAvatar
+                  :style-name="avatar.style"
+                  :style-options="{ seed: avatar.seed, size: 120 }"
+                  :alt="`${avatar.style} style`"
+                />
+                <div class="app-style-showcase-avatar-glow"></div>
+              </div>
+              <span class="app-style-showcase-label">{{ avatar.style }}</span>
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <button
+        class="app-style-showcase-scroll-btn app-style-showcase-scroll-btn-right"
+        @click="scrollRight"
+        aria-label="Scroll right"
+      >
+        <ArrowRight />
+      </button>
+    </div>
+
+    <UiContainer class="app-style-showcase-cta">
+      <Button as="a" href="/styles/" size="large" severity="contrast">
+        <Shapes :size="20" />
+        Browse All Styles
+        <ArrowRight :size="20" />
+      </Button>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-style-showcase {
+  &-gradient {
+    background:
+      radial-gradient(
+        ellipse 60% 80% at 0% 50%,
+        color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+        transparent
+      ),
+      radial-gradient(
+        ellipse 60% 80% at 100% 50%,
+        color-mix(in srgb, var(--vp-c-indigo-1) 5%, transparent),
+        transparent
+      );
+  }
+
+  &-header {
+    padding: 0 24px;
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-outer {
+    position: relative;
+    padding: 0 60px;
+  }
+
+  &-wrapper {
+    overflow-x: clip;
+    overflow-y: visible;
+    mask-image: linear-gradient(
+      90deg,
+      transparent,
+      black 8%,
+      black 92%,
+      transparent
+    );
+    -webkit-mask-image: linear-gradient(
+      90deg,
+      transparent,
+      black 8%,
+      black 92%,
+      transparent
+    );
+  }
+
+  &-scroll-btn {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--vp-c-bg);
+    border: 2px solid var(--vp-c-border);
+    border-radius: 50%;
+    cursor: pointer;
+    z-index: 10;
+    transition: all var(--duration-fast) var(--ease-smooth);
+    box-shadow: var(--vp-shadow-2);
+
+    &:hover {
+      border-color: var(--vp-c-brand-1);
+      background: var(--vp-c-brand-soft);
+
+      svg {
+        color: var(--vp-c-brand-1);
+      }
+    }
+
+    svg {
+      width: 20px;
+      height: 20px;
+      color: var(--vp-c-text-2);
+      transition: color var(--duration-fast) ease;
+    }
+
+    &-left {
+      left: 24px;
+    }
+
+    &-right {
+      right: 24px;
+    }
+  }
+
+  &-scroll {
+    overflow: visible;
+    padding: 30px 0;
+    margin: -30px 0;
+  }
+
+  &-track {
+    display: flex;
+    gap: 24px;
+    width: max-content;
+    will-change: transform;
+    transform: translateZ(0);
+  }
+
+  &-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    text-decoration: none;
+    transition: transform var(--duration-mid) var(--ease-spring);
+
+    &:hover {
+      transform: translateY(-4px) scale(1.02);
+
+      .app-style-showcase-avatar {
+        box-shadow:
+          var(--vp-shadow-5),
+          0 0 40px -10px var(--vp-c-brand-1);
+      }
+
+      .app-style-showcase-avatar-glow {
+        opacity: 1;
+      }
+
+      .app-style-showcase-label {
+        color: var(--vp-c-brand-1);
+      }
+    }
+
+    &::after {
+      display: none !important;
+    }
+  }
+
+  &-avatar {
+    width: 116px;
+    height: 116px;
+    border-radius: var(--vp-radius-xl);
+    overflow: hidden;
+    background: var(--vp-c-bg-soft);
+    box-shadow: var(--vp-shadow-3);
+    transition: all var(--duration-mid) var(--ease-smooth);
+    position: relative;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    &-glow {
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+        135deg,
+        transparent 40%,
+        rgba(2, 132, 199, 0.2)
+      );
+      opacity: 0;
+      transition: opacity var(--duration-mid) ease;
+    }
+  }
+
+  &-label {
+    font-size: 13px;
+    color: var(--vp-c-text-3);
+    font-weight: 500;
+    max-width: 116px;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: color var(--duration-mid) ease;
+  }
+
+  &-cta {
+    text-align: center;
+    margin-top: 40px;
+  }
+}
+
+@media (max-width: 768px) {
+  .app-style-showcase {
+    &-outer {
+      padding: 0;
+    }
+
+    &-scroll-btn {
+      display: none;
+    }
+
+    &-avatar {
+      width: 88px;
+      height: 88px;
+      border-radius: var(--vp-radius-md);
+    }
+
+    &-track {
+      gap: 16px;
+    }
+
+    &-label {
+      max-width: 88px;
+      font-size: 11px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppUseCases.vue b/apps/docs/.vitepress/theme/components/app/AppUseCases.vue
new file mode 100644
index 0000000..2b63cbc
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppUseCases.vue
@@ -0,0 +1,599 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { UiContainer, UiSection, UiSectionHeader } from '../ui';
+import AppUseCasesCard from './AppUseCasesCard.vue';
+import { getAvatarApiUrl } from '@theme/utils/avatar/api';
+import { PALETTE, type Pastel } from '@theme/utils/palette';
+import { useVisibility } from '../../composables/useVisibility';
+
+const sectionRef = ref();
+const isVisible = useVisibility(sectionRef, { threshold: 0.15 });
+
+function avatar(
+  styleName: string,
+  seed: string,
+  size: number,
+  background?: Pastel,
+): string {
+  return getAvatarApiUrl(styleName, {
+    seed,
+    size,
+    ...(background ? { backgroundColor: background } : {}),
+  });
+}
+</script>
+
+<template>
+  <UiSection ref="sectionRef" :class="{ visible: isVisible }" divider>
+    <template #background>
+      <div class="app-use-cases-gradient-top"></div>
+      <div class="app-use-cases-gradient-bottom"></div>
+    </template>
+    <UiContainer>
+      <UiSectionHeader
+        class="app-use-cases-header"
+        description="From two-person side projects to global platforms, DiceBear powers the avatar layer wherever identity needs a face."
+      >
+        <template #headline
+          >Built for <strong>every</strong> application.</template
+        >
+      </UiSectionHeader>
+
+      <div class="app-use-cases-grid">
+        <AppUseCasesCard
+          title="User Profiles"
+          description="Give every user a unique avatar from day one. No upload, no Gravatar fallback, no awkward grey silhouette."
+        >
+          <div class="uc-stack">
+            <img
+              :src="avatar('lorelei', 'Mia', 96, PALETTE.rose)"
+              alt=""
+              width="80"
+              height="80"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('notionists', 'Bee', 96, PALETTE.amber)"
+              alt=""
+              width="80"
+              height="80"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('adventurer', 'Theo', 96, PALETTE.cyan)"
+              alt=""
+              width="80"
+              height="80"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('personas', 'Sage', 96, PALETTE.peach)"
+              alt=""
+              width="80"
+              height="80"
+              loading="lazy"
+              decoding="async"
+            />
+          </div>
+        </AppUseCasesCard>
+
+        <AppUseCasesCard
+          title="Chat Applications"
+          description="Instantly recognisable participants. Deterministic from a user ID, so the same person looks the same on every device."
+        >
+          <div class="uc-bubbles">
+            <div class="uc-bubble uc-bubble-light uc-bubble-pink">
+              <img
+                :src="avatar('fun-emoji', 'Hi', 48, PALETTE.pink)"
+                alt=""
+                width="24"
+                height="24"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Hey 👋</span>
+            </div>
+            <div class="uc-bubble uc-bubble-dark">
+              <span>How's the launch?</span>
+              <img
+                :src="avatar('lorelei', 'Otis', 48, PALETTE.amber)"
+                alt=""
+                width="24"
+                height="24"
+                loading="lazy"
+                decoding="async"
+              />
+            </div>
+            <div class="uc-bubble uc-bubble-light uc-bubble-green">
+              <img
+                :src="avatar('big-smile', 'Ari', 48, PALETTE.green)"
+                alt=""
+                width="24"
+                height="24"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Going great!</span>
+            </div>
+          </div>
+        </AppUseCasesCard>
+
+        <AppUseCasesCard
+          title="Gaming"
+          description="Generate millions of unique player identities, NPCs and bots. The same seed gives the same character every session."
+        >
+          <div class="uc-roster">
+            <div class="uc-player">
+              <img
+                :src="avatar('bottts', 'Zap', 160)"
+                alt=""
+                width="160"
+                height="160"
+                loading="lazy"
+                decoding="async"
+              />
+              <span class="uc-rank">LV 47</span>
+            </div>
+            <div class="uc-player">
+              <img
+                :src="avatar('pixel-art', 'Nyx', 160)"
+                alt=""
+                width="160"
+                height="160"
+                loading="lazy"
+                decoding="async"
+              />
+              <span class="uc-rank">LV 32</span>
+            </div>
+            <div class="uc-player">
+              <img
+                :src="avatar('bottts-neutral', 'Rex', 160)"
+                alt=""
+                width="160"
+                height="160"
+                loading="lazy"
+                decoding="async"
+              />
+              <span class="uc-rank">LV 88</span>
+            </div>
+          </div>
+        </AppUseCasesCard>
+
+        <AppUseCasesCard
+          title="Forums &amp; Communities"
+          description="Distinct identities help build community trust. New users feel welcome with a face from the very first post."
+        >
+          <div class="uc-thread">
+            <div class="uc-post">
+              <img
+                :src="avatar('notionists', 'Posy', 56, PALETTE.lime)"
+                alt=""
+                width="28"
+                height="28"
+                loading="lazy"
+                decoding="async"
+              />
+              <div>
+                <strong>posy</strong>
+                <em>Anyone tried the new beta?</em>
+              </div>
+            </div>
+            <div class="uc-post">
+              <img
+                :src="avatar('lorelei', 'Ren', 56, PALETTE.cyan)"
+                alt=""
+                width="28"
+                height="28"
+                loading="lazy"
+                decoding="async"
+              />
+              <div>
+                <strong>ren</strong>
+                <em>Yep, runs 2× faster.</em>
+              </div>
+            </div>
+            <div class="uc-post">
+              <img
+                :src="avatar('open-peeps', 'Ivo', 56, PALETTE.amber)"
+                alt=""
+                width="28"
+                height="28"
+                loading="lazy"
+                decoding="async"
+              />
+              <div>
+                <strong>ivo</strong>
+                <em>Submitted a PR for the bug.</em>
+              </div>
+            </div>
+          </div>
+        </AppUseCasesCard>
+
+        <AppUseCasesCard
+          title="Team Tools"
+          description="Visual distinction for team members in collaborative apps. In cursors, mentions, and sidebars, every face stays consistent."
+        >
+          <div class="uc-team">
+            <div class="uc-pill">
+              <img
+                :src="avatar('personas', 'Lex', 52)"
+                alt=""
+                width="26"
+                height="26"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Lex Hart</span>
+              <em>Design</em>
+            </div>
+            <div class="uc-pill">
+              <img
+                :src="avatar('personas', 'Mae', 52)"
+                alt=""
+                width="26"
+                height="26"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Mae Park</span>
+              <em>Engineering</em>
+            </div>
+            <div class="uc-pill">
+              <img
+                :src="avatar('personas', 'Sam', 52)"
+                alt=""
+                width="26"
+                height="26"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Sam Ito</span>
+              <em>Product</em>
+            </div>
+            <div class="uc-pill">
+              <img
+                :src="avatar('personas', 'Avery', 52)"
+                alt=""
+                width="26"
+                height="26"
+                loading="lazy"
+                decoding="async"
+              />
+              <span>Avery Lin</span>
+              <em>Marketing</em>
+            </div>
+          </div>
+        </AppUseCasesCard>
+
+        <AppUseCasesCard
+          title="Placeholder Images"
+          description="Beautiful default profile pictures while users set up their account, and a graceful fallback when uploads fail."
+        >
+          <div class="uc-grid-mini">
+            <img
+              :src="avatar('shapes', 'A', 160, PALETTE.rose)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('shapes', 'B', 160, PALETTE.amber)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('shapes', 'C', 160, PALETTE.green)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('shapes', 'D', 160, PALETTE.cyan)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('shapes', 'E', 160, PALETTE.blue)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+            <img
+              :src="avatar('shapes', 'F', 160, PALETTE.peach)"
+              alt=""
+              width="160"
+              height="160"
+              loading="lazy"
+              decoding="async"
+            />
+          </div>
+        </AppUseCasesCard>
+      </div>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.app-use-cases {
+  &-gradient-top {
+    top: 0;
+    bottom: auto;
+    height: 50%;
+    background: radial-gradient(
+      ellipse 100% 100% at 20% 0%,
+      color-mix(in srgb, var(--vp-c-brand-1) 7%, transparent),
+      transparent
+    );
+  }
+
+  &-gradient-bottom {
+    top: auto;
+    bottom: 0;
+    height: 50%;
+    background: radial-gradient(
+      ellipse 100% 100% at 80% 100%,
+      color-mix(in srgb, var(--vp-c-brand-1) 6%, transparent),
+      transparent
+    );
+  }
+
+  &-header {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: all var(--duration-reveal) var(--ease-smooth);
+
+    .visible & {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 18px;
+  }
+}
+
+.uc-stack {
+  position: relative;
+  height: 100px;
+  margin-top: 4px;
+
+  img {
+    position: absolute;
+    width: 80px;
+    height: 80px;
+    border-radius: 22px;
+    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.1);
+    transition: transform var(--duration-mid) ease;
+
+    &:nth-child(1) {
+      left: 0;
+      top: 6px;
+      transform: rotate(-7deg);
+    }
+    &:nth-child(2) {
+      left: 60px;
+      top: 0;
+      transform: rotate(3deg);
+    }
+    &:nth-child(3) {
+      left: 120px;
+      top: 8px;
+      transform: rotate(-3deg);
+    }
+    &:nth-child(4) {
+      left: 180px;
+      top: 2px;
+      transform: rotate(6deg);
+    }
+  }
+
+  .uc-card:hover & img:nth-child(1) {
+    transform: rotate(-12deg) translateY(-4px);
+  }
+
+  .uc-card:hover & img:nth-child(4) {
+    transform: rotate(11deg) translateY(-4px);
+  }
+}
+
+.uc-bubbles {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.uc-bubble {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px 8px 8px;
+  border-radius: 18px;
+  max-width: 80%;
+  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06);
+
+  &-pink,
+  &-green {
+    align-self: flex-start;
+    color: #18181b;
+  }
+
+  &-pink {
+    background: #ffe4f1;
+  }
+  &-green {
+    background: #dcfce7;
+  }
+
+  &-dark {
+    align-self: flex-end;
+    padding: 8px 8px 8px 12px;
+    background: #18181b;
+    color: #fafafa;
+  }
+
+  :global(.dark .uc-bubble-dark) {
+    background: #fafafa;
+    color: #18181b;
+  }
+
+  img {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  span {
+    font-size: 12.5px;
+    font-weight: 600;
+  }
+}
+
+.uc-roster {
+  display: flex;
+  gap: 10px;
+}
+
+.uc-player {
+  position: relative;
+  flex: 1;
+  aspect-ratio: 1;
+  border-radius: 18px;
+  overflow: hidden;
+  background: linear-gradient(180deg, #1e293b, #0f172a);
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.uc-rank {
+  position: absolute;
+  left: 6px;
+  bottom: 6px;
+  background: #facc15;
+  color: #422006;
+  font-family: var(--vp-font-family-mono);
+  font-size: 10px;
+  font-weight: 800;
+  padding: 3px 6px;
+  border-radius: 5px;
+  letter-spacing: 0.3px;
+}
+
+.uc-thread {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.uc-post {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  background: var(--vp-c-bg-soft);
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 14px;
+
+  img {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  strong {
+    display: block;
+    font-size: 12.5px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+  }
+
+  em {
+    font-size: 11.5px;
+    font-style: normal;
+    color: var(--vp-c-text-2);
+  }
+}
+
+.uc-team {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.uc-pill {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 12px 7px 7px;
+  background: var(--vp-c-bg-soft);
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 999px;
+
+  img {
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+  }
+
+  span {
+    font-size: 13px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+  }
+
+  em {
+    margin-left: auto;
+    font-style: normal;
+    font-size: 11px;
+    color: var(--vp-c-text-2);
+    font-family: var(--vp-font-family-mono);
+  }
+}
+
+.uc-grid-mini {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 6px;
+
+  img {
+    width: 100%;
+    aspect-ratio: 1;
+    border-radius: 10px;
+  }
+}
+
+@media (max-width: 900px) {
+  .app-use-cases-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 600px) {
+  .app-use-cases-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/app/AppUseCasesCard.vue b/apps/docs/.vitepress/theme/components/app/AppUseCasesCard.vue
new file mode 100644
index 0000000..2917448
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/app/AppUseCasesCard.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { UiCard } from '../ui';
+
+defineProps<{
+  title: string;
+  description: string;
+}>();
+</script>
+
+<template>
+  <UiCard padding="xl" class="uc-card">
+    <div class="uc-card-visual">
+      <slot />
+    </div>
+    <h3 class="uc-card-title">{{ title }}</h3>
+    <p class="uc-card-text">{{ description }}</p>
+  </UiCard>
+</template>
+
+<style lang="scss" scoped>
+.uc-card {
+  min-height: 340px;
+
+  :deep(.ui-card-body) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-visual {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 0;
+    margin-bottom: 24px;
+
+    > * {
+      width: 100%;
+    }
+  }
+
+  &-title {
+    font-size: 22px;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    color: var(--vp-c-text-1);
+    margin: 0 0 8px;
+  }
+
+  &-text {
+    font-size: 14.5px;
+    line-height: 1.5;
+    color: var(--vp-c-text-2);
+    margin: 0;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/docs/DocsComparisonTable.vue b/apps/docs/.vitepress/theme/components/docs/DocsComparisonTable.vue
new file mode 100644
index 0000000..2c826bc
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/docs/DocsComparisonTable.vue
@@ -0,0 +1,221 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import { Check, X } from '@lucide/vue';
+import type { ThemeOptions } from '@theme/types';
+import {
+  buildComparisonRows,
+  comparisonServices,
+} from '@theme/config/comparison';
+
+const { theme } = useData<ThemeOptions>();
+
+const rows = buildComparisonRows({
+  stars: theme.value.githubStars ?? {},
+  styleCount: Object.keys(theme.value.avatarStyles ?? {}).length,
+});
+</script>
+
+<template>
+  <div class="docs-comparison">
+    <div class="docs-comparison-wrapper">
+      <table class="docs-comparison-table">
+        <thead>
+          <tr>
+            <th class="docs-comparison-feature-col">Feature</th>
+            <th
+              v-for="(service, index) in comparisonServices"
+              :key="service.key"
+              :class="{ 'docs-comparison-highlight-col': index === 0 }"
+            >
+              <a
+                :href="service.url"
+                target="_blank"
+                rel="noopener"
+                class="docs-comparison-service-link"
+                >{{ service.name }}</a
+              >
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(row, rowIndex) in rows" :key="rowIndex">
+            <td class="docs-comparison-feature-col">{{ row.feature }}</td>
+            <td
+              v-for="(service, colIndex) in comparisonServices"
+              :key="service.key"
+              :class="{ 'docs-comparison-highlight-col': colIndex === 0 }"
+            >
+              <span
+                v-if="row.values[service.key] === 'yes'"
+                class="docs-comparison-cell-yes"
+              >
+                <Check :size="18" />
+              </span>
+              <span
+                v-else-if="row.values[service.key] === 'free'"
+                class="docs-comparison-cell-free"
+              >
+                Free
+              </span>
+              <span
+                v-else-if="row.values[service.key] === 'paid'"
+                class="docs-comparison-cell-paid"
+              >
+                Paid
+              </span>
+              <span
+                v-else-if="row.values[service.key] === 'no'"
+                class="docs-comparison-cell-no"
+              >
+                <X :size="18" />
+              </span>
+              <span v-else class="docs-comparison-cell-text">{{
+                row.values[service.key]
+              }}</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.docs-comparison {
+  margin: 24px 0;
+  border: 1px solid var(--vp-c-border);
+  border-radius: var(--vp-radius-md, 12px);
+  overflow: hidden;
+}
+
+.docs-comparison-wrapper {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+// This table renders inside `.vp-doc` content, which ships its own table
+// styling (block display, full borders, zebra rows). The extra
+// `.docs-comparison` prefix lifts specificity above those rules so the custom
+// look survives without `!important`.
+.docs-comparison .docs-comparison-table {
+  display: table;
+  width: 100%;
+  min-width: 700px;
+  margin: 0;
+  border-collapse: collapse;
+  font-size: 14px;
+}
+
+.docs-comparison .docs-comparison-table th,
+.docs-comparison .docs-comparison-table td {
+  padding: 12px 16px;
+  text-align: center;
+  border: none;
+  border-bottom: 1px solid var(--vp-c-border);
+  white-space: nowrap;
+}
+
+.docs-comparison .docs-comparison-table tr {
+  background: transparent;
+  border-top: none;
+}
+
+.docs-comparison .docs-comparison-table thead th {
+  font-weight: 700;
+  font-size: 13px;
+  color: var(--vp-c-text-2);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.docs-comparison .docs-comparison-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.docs-comparison .docs-comparison-table thead .docs-comparison-highlight-col {
+  color: var(--vp-c-brand-1);
+}
+
+.docs-comparison .docs-comparison-table .docs-comparison-feature-col {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+  min-width: 160px;
+  text-align: left;
+  font-weight: 600;
+  color: var(--vp-c-text-1);
+  background: var(--vp-c-bg);
+}
+
+.docs-comparison .docs-comparison-table .docs-comparison-highlight-col {
+  background: color-mix(in srgb, var(--vp-c-brand-1) 5%, transparent);
+  font-weight: 600;
+}
+
+.docs-comparison-service-link {
+  color: inherit;
+  text-decoration: none;
+  transition: color var(--duration-fast) ease;
+}
+
+.docs-comparison-service-link::after {
+  display: none !important;
+}
+
+.docs-comparison-service-link:hover {
+  color: var(--vp-c-brand-1);
+}
+
+.docs-comparison-cell-yes {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: var(--vp-c-green-soft);
+  color: var(--vp-c-green-1);
+}
+
+.docs-comparison-cell-free {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  padding: 0 12px;
+  border-radius: var(--vp-radius-sm);
+  background: var(--vp-c-green-soft);
+  color: var(--vp-c-green-1);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.docs-comparison-cell-paid {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  padding: 0 12px;
+  border-radius: var(--vp-radius-sm);
+  background: color-mix(in srgb, var(--vp-c-text-3) 10%, transparent);
+  color: var(--vp-c-text-2);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.docs-comparison-cell-no {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--vp-c-text-3) 15%, transparent);
+  color: var(--vp-c-text-3);
+}
+
+.docs-comparison-cell-text {
+  font-size: 13px;
+  color: var(--vp-c-text-2);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/docs/DocsGrid.vue b/apps/docs/.vitepress/theme/components/docs/DocsGrid.vue
new file mode 100644
index 0000000..de74a5c
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/docs/DocsGrid.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import { UiCard } from '../ui';
+
+withDefaults(
+  defineProps<{
+    items: Array<{ title: string; description: string; badge?: string }>;
+    columns?: 2 | 3;
+  }>(),
+  {
+    columns: 3,
+  },
+);
+</script>
+
+<template>
+  <div class="docs-grid" :class="`docs-grid-cols-${columns}`">
+    <UiCard v-for="item in items" :key="item.title" class="docs-grid-card">
+      <div class="docs-grid-header">
+        <span class="docs-grid-title">{{ item.title }}</span>
+        <Badge v-if="item.badge" type="tip">{{ item.badge }}</Badge>
+      </div>
+      <p class="docs-grid-desc">{{ item.description }}</p>
+    </UiCard>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.docs-grid {
+  display: grid;
+  gap: 12px;
+  margin: 24px 0;
+
+  &-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  &-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  @media (max-width: 768px) {
+    &-cols-3 {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+  @media (max-width: 640px) {
+    &-cols-2,
+    &-cols-3 {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  &-card {
+    :deep(.ui-card-body) {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  &-title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+  }
+
+  &-desc {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    margin: 0;
+    line-height: 1.7;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/docs/DocsHighlights.vue b/apps/docs/.vitepress/theme/components/docs/DocsHighlights.vue
new file mode 100644
index 0000000..fa297e3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/docs/DocsHighlights.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import type { Component } from 'vue';
+import { UiCard, UiIconBox } from '../ui';
+
+defineProps<{
+  highlights: Array<{
+    icon: Component;
+    title: string;
+    description: string;
+    color: string;
+    link?: string;
+  }>;
+}>();
+</script>
+
+<template>
+  <div class="docs-highlights">
+    <UiCard
+      v-for="highlight in highlights"
+      :key="highlight.title"
+      :href="highlight.link"
+      padding="xl"
+      class="docs-highlights-card"
+    >
+      <UiIconBox
+        size="md"
+        :color="highlight.color"
+        class="docs-highlights-icon"
+      >
+        <component :is="highlight.icon" />
+      </UiIconBox>
+      <h3 class="docs-highlights-title">{{ highlight.title }}</h3>
+      <p class="docs-highlights-desc">{{ highlight.description }}</p>
+    </UiCard>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.docs-highlights {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+  margin: 24px 0;
+
+  @media (max-width: 640px) {
+    grid-template-columns: 1fr;
+  }
+
+  @media (max-width: 640px) {
+    &-card {
+      --ui-card-padding: 24px;
+    }
+  }
+
+  &-icon {
+    margin-bottom: 16px;
+  }
+
+  &-title {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+    margin: 0 0 8px;
+    border: none;
+    padding: 0;
+  }
+
+  &-desc {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    margin: 0;
+    line-height: 1.7;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/docs/DocsStyleGrid.vue b/apps/docs/.vitepress/theme/components/docs/DocsStyleGrid.vue
new file mode 100644
index 0000000..e60d6cb
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/docs/DocsStyleGrid.vue
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import { UiAvatar } from '../ui';
+import { ArrowRight } from '@lucide/vue';
+
+withDefaults(
+  defineProps<{
+    styles: Array<{
+      name: string;
+      styleName: string;
+      link: string;
+      bestFor: string;
+    }>;
+    seeds?: string[];
+    avatarSize?: number;
+    allStylesLink?: string;
+    allStylesLabel?: string;
+  }>(),
+  {
+    seeds: () => ['Felix', 'Emma', 'Leo', 'Mia'],
+    avatarSize: 48,
+    allStylesLink: '/styles/',
+    allStylesLabel: 'Browse all 35+ avatar styles',
+  },
+);
+</script>
+
+<template>
+  <div class="docs-style-grid">
+    <a
+      v-for="style in styles"
+      :key="style.styleName"
+      :href="style.link"
+      class="docs-style-grid-card"
+    >
+      <div class="docs-style-grid-avatars">
+        <UiAvatar
+          v-for="seed in seeds"
+          :key="seed"
+          :size="avatarSize"
+          :style-name="style.styleName"
+          :style-options="{ seed, size: avatarSize, borderRadius: 50 }"
+          :alt="style.name"
+        />
+      </div>
+      <div class="docs-style-grid-info">
+        <span class="docs-style-grid-name">
+          {{ style.name }}
+          <ArrowRight :size="14" class="docs-style-grid-arrow" />
+        </span>
+        <span class="docs-style-grid-desc">{{ style.bestFor }}</span>
+      </div>
+    </a>
+  </div>
+
+  <a :href="allStylesLink" class="docs-style-grid-all">
+    <span>{{ allStylesLabel }}</span>
+    <ArrowRight :size="16" />
+  </a>
+</template>
+
+<style lang="scss" scoped>
+.docs-style-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 12px;
+  margin: 24px 0;
+
+  &-card {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 16px;
+    border: 1px solid var(--vp-c-divider);
+    border-radius: var(--vp-radius-sm);
+    text-decoration: none;
+    transition:
+      border-color 0.2s ease,
+      box-shadow 0.2s ease;
+
+    &:hover {
+      border-color: var(--vp-c-brand-1);
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+
+      .docs-style-grid-arrow {
+        transform: translateX(3px);
+      }
+    }
+
+    &::after {
+      display: none !important;
+    }
+  }
+
+  &-avatars {
+    display: flex;
+    gap: 8px;
+  }
+
+  &-info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  &-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  &-arrow {
+    color: var(--vp-c-brand-1);
+    transition: transform var(--duration-fast) ease;
+  }
+
+  &-desc {
+    font-size: 13px;
+    color: var(--vp-c-text-2);
+    line-height: 1.5;
+  }
+
+  &-all {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    margin-top: 4px;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--vp-c-brand-1);
+    text-decoration: none;
+    transition: gap var(--duration-fast) ease;
+
+    &:hover {
+      gap: 10px;
+    }
+
+    &::after {
+      display: none !important;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/guides/UniqueAvatarsTable.vue b/apps/docs/.vitepress/theme/components/guides/UniqueAvatarsTable.vue
new file mode 100644
index 0000000..28b0cb8
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/guides/UniqueAvatarsTable.vue
@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useData } from 'vitepress';
+import { capitalCase } from 'change-case';
+import { ThemeOptions } from '@theme/types';
+
+const { theme } = useData<ThemeOptions>();
+
+type SortColumn = 'title' | 'value';
+type SortDirection = 'asc' | 'desc';
+
+const sortColumn = ref<SortColumn>('title');
+const sortDirection = ref<SortDirection>('asc');
+
+const rows = computed(() => {
+  const entries = Object.entries(theme.value.avatarUniqueCounts).map(
+    ([key, entry]) => ({
+      key,
+      title: capitalCase(key),
+      display: entry.display,
+      log10: entry.log10,
+    }),
+  );
+
+  const direction = sortDirection.value === 'asc' ? 1 : -1;
+
+  return entries.toSorted((a, b) => {
+    if (sortColumn.value === 'value') {
+      return (a.log10 - b.log10) * direction;
+    }
+
+    return a.title.localeCompare(b.title) * direction;
+  });
+});
+
+function toggleSort(column: SortColumn): void {
+  if (sortColumn.value === column) {
+    sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc';
+
+    return;
+  }
+
+  sortColumn.value = column;
+  sortDirection.value = 'asc';
+}
+
+function sortIndicator(column: SortColumn): string {
+  if (sortColumn.value !== column) {
+    return '';
+  }
+
+  return sortDirection.value === 'asc' ? ' ↑' : ' ↓';
+}
+</script>
+
+<template>
+  <table>
+    <thead>
+      <tr>
+        <th
+          :aria-sort="
+            sortColumn === 'title'
+              ? sortDirection === 'asc'
+                ? 'ascending'
+                : 'descending'
+              : 'none'
+          "
+          class="sortable"
+          @click="toggleSort('title')"
+        >
+          Style{{ sortIndicator('title') }}
+        </th>
+        <th
+          :aria-sort="
+            sortColumn === 'value'
+              ? sortDirection === 'asc'
+                ? 'ascending'
+                : 'descending'
+              : 'none'
+          "
+          class="sortable numeric"
+          @click="toggleSort('value')"
+        >
+          Unique Avatars{{ sortIndicator('value') }}
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="row in rows" :key="row.key">
+        <td>{{ row.title }}</td>
+        <td class="numeric">{{ row.display }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<style scoped>
+.numeric {
+  text-align: right;
+}
+
+.sortable {
+  cursor: pointer;
+  user-select: none;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutClientOnly.vue b/apps/docs/.vitepress/theme/components/layout/LayoutClientOnly.vue
new file mode 100644
index 0000000..833f4c1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutClientOnly.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+
+const show = ref(false);
+
+onMounted(() => {
+  show.value = true;
+});
+</script>
+
+<template>
+  <slot v-if="show" />
+  <slot v-else name="fallback" />
+</template>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutFooter.vue b/apps/docs/.vitepress/theme/components/layout/LayoutFooter.vue
new file mode 100644
index 0000000..5c3875b
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutFooter.vue
@@ -0,0 +1,317 @@
+<script setup lang="ts">
+import { useLayout } from 'vitepress/theme-without-fonts';
+import LayoutFooterBrand from './LayoutFooterBrand.vue';
+import LayoutFooterLinks from './LayoutFooterLinks.vue';
+import LayoutFooterSponsor from './LayoutFooterSponsor.vue';
+import LayoutFooterCredits from './LayoutFooterCredits.vue';
+
+const { hasSidebar } = useLayout();
+</script>
+
+<template>
+  <footer
+    class="layout-footer"
+    :class="{ 'layout-footer-has-sidebar': hasSidebar }"
+  >
+    <div class="layout-footer-divider"></div>
+
+    <div class="layout-footer-main">
+      <div class="layout-footer-container">
+        <LayoutFooterBrand />
+        <LayoutFooterLinks />
+      </div>
+    </div>
+
+    <LayoutFooterSponsor />
+    <LayoutFooterCredits />
+  </footer>
+</template>
+
+<style lang="scss">
+:root {
+  --layout-footer-logo-light-display: inline-block;
+  --layout-footer-logo-dark-display: none;
+  --layout-footer-sponsor-logo-light-display: none;
+  --layout-footer-sponsor-logo-dark-display: inline-block;
+}
+.dark {
+  --layout-footer-logo-light-display: none;
+  --layout-footer-logo-dark-display: inline-block;
+  --layout-footer-sponsor-logo-light-display: inline-block;
+  --layout-footer-sponsor-logo-dark-display: none;
+}
+
+.layout-footer {
+  position: relative;
+  background: var(--vp-c-bg);
+
+  &-divider {
+    height: 1px;
+    max-width: 800px;
+    margin: 0 auto;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      var(--vp-c-divider),
+      transparent
+    );
+  }
+
+  &-container {
+    max-width: 1440px;
+    margin: 0 auto;
+    padding: 0 32px;
+
+    @media (min-width: 960px) {
+      .layout-footer-has-sidebar & {
+        padding-left: calc(var(--vp-sidebar-width) + 32px);
+      }
+    }
+  }
+
+  &-main {
+    padding: 64px 0 48px;
+
+    .layout-footer-container {
+      display: flex;
+      gap: 64px;
+    }
+  }
+
+  &-brand {
+    flex-shrink: 0;
+    max-width: 260px;
+  }
+
+  &-logo {
+    display: inline-block;
+    margin-bottom: 16px;
+
+    img {
+      /* The width/height attributes only provide the aspect ratio for
+       * pre-load layout; without width: auto they would also act as a
+       * presentational hint and fix the width at the intrinsic 183px. */
+      height: 24px;
+      width: auto;
+    }
+
+    &-light {
+      display: var(--layout-footer-logo-light-display);
+    }
+
+    &-dark {
+      display: var(--layout-footer-logo-dark-display);
+    }
+  }
+
+  &-tagline {
+    font-size: 14px;
+    line-height: 1.6;
+    color: var(--vp-c-text-2);
+    margin: 0 0 20px;
+  }
+
+  &-social {
+    display: flex;
+    gap: 4px;
+
+    &-link {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 38px;
+      height: 38px;
+      border-radius: var(--vp-radius-sm);
+      color: var(--vp-c-text-2);
+      transition: all var(--duration-mid) var(--ease-spring);
+
+      &:hover {
+        color: var(--vp-c-brand-1);
+        background: var(--vp-c-brand-soft);
+        transform: translateY(-2px);
+      }
+
+      svg {
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+
+  &-links {
+    display: flex;
+    gap: 64px;
+    flex: 1;
+    justify-content: flex-end;
+  }
+
+  &-column {
+    &-title {
+      font-size: 13px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: var(--vp-c-text-1);
+      margin: 0 0 16px;
+    }
+
+    &-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+  }
+
+  &-link {
+    font-size: 14px;
+    color: var(--vp-c-text-2);
+    text-decoration: none;
+    transition: color var(--duration-fast) ease;
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+    }
+
+    &::after {
+      display: none !important;
+    }
+  }
+
+  &-sponsor {
+    padding: 14px 0;
+    border-top: 1px solid var(--vp-c-divider);
+
+    .layout-footer-container {
+      display: flex;
+      justify-content: center;
+    }
+
+    &-inner {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 6px;
+    }
+
+    &-logo {
+      display: inline-flex;
+      align-items: center;
+      line-height: 0;
+
+      &::after {
+        display: none !important;
+      }
+
+      img {
+        height: 52px;
+        width: auto;
+      }
+
+      &-light {
+        display: var(--layout-footer-sponsor-logo-light-display);
+      }
+
+      &-dark {
+        display: var(--layout-footer-sponsor-logo-dark-display);
+      }
+    }
+
+    &-meta {
+      font-size: 11px;
+      color: var(--vp-c-text-3);
+    }
+  }
+
+  &-bottom {
+    padding: 24px 0;
+    border-top: 1px solid var(--vp-c-divider);
+
+    &-inner {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+  }
+
+  &-attributions {
+    margin: 0;
+    font-size: 12px;
+    color: var(--vp-c-text-3);
+    line-height: 1.7;
+  }
+
+  &-attribution-link {
+    color: var(--vp-c-text-2);
+    text-decoration: none;
+    border-bottom: 1px dashed var(--vp-c-text-3);
+    transition: all var(--duration-fast) ease;
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+      border-bottom-color: var(--vp-c-brand-1);
+    }
+
+    &::after {
+      display: none !important;
+    }
+  }
+
+  @media (min-width: 960px) {
+    &-has-sidebar .layout-footer-main .layout-footer-container {
+      flex-direction: column;
+      gap: 40px;
+    }
+
+    &-has-sidebar .layout-footer-brand {
+      max-width: 100%;
+    }
+
+    &-has-sidebar .layout-footer-links {
+      justify-content: flex-start;
+      gap: 40px;
+    }
+  }
+
+  @media (min-width: 1340px) {
+    &-has-sidebar .layout-footer-main .layout-footer-container {
+      flex-direction: row;
+      gap: 64px;
+    }
+
+    &-has-sidebar .layout-footer-brand {
+      max-width: 260px;
+    }
+
+    &-has-sidebar .layout-footer-links {
+      justify-content: flex-end;
+      gap: 64px;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .layout-footer-main .layout-footer-container {
+      flex-direction: column;
+      gap: 40px;
+    }
+
+    .layout-footer-brand {
+      max-width: 100%;
+    }
+
+    .layout-footer-links {
+      justify-content: flex-start;
+      gap: 40px;
+    }
+  }
+
+  @media (max-width: 480px) {
+    .layout-footer-links {
+      flex-direction: column;
+      gap: 32px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutFooterBrand.vue b/apps/docs/.vitepress/theme/components/layout/LayoutFooterBrand.vue
new file mode 100644
index 0000000..e80542e
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutFooterBrand.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { withBase } from 'vitepress';
+import { siGithub, siFigma } from 'simple-icons';
+import { UiIcon } from '../ui';
+</script>
+
+<template>
+  <div class="layout-footer-brand">
+    <a href="/" class="layout-footer-logo">
+      <img
+        class="layout-footer-logo-light"
+        :src="withBase('/logo.svg')"
+        alt="DiceBear"
+        width="183"
+        height="32"
+      />
+      <img
+        class="layout-footer-logo-dark"
+        :src="withBase('/logo-dark.svg')"
+        alt="DiceBear"
+        width="183"
+        height="32"
+      />
+    </a>
+    <p class="layout-footer-tagline">
+      Open source SVG avatar library and avatar API for designers and
+      developers.
+    </p>
+
+    <div class="layout-footer-social">
+      <a
+        href="https://github.com/dicebear/dicebear"
+        target="_blank"
+        rel="me noopener"
+        aria-label="GitHub"
+        class="layout-footer-social-link"
+      >
+        <UiIcon :path="siGithub.path" />
+      </a>
+      <a
+        href="https://www.figma.com/@dicebear_com"
+        target="_blank"
+        rel="me noopener"
+        aria-label="Figma"
+        class="layout-footer-social-link"
+      >
+        <UiIcon :path="siFigma.path" />
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutFooterCredits.vue b/apps/docs/.vitepress/theme/components/layout/LayoutFooterCredits.vue
new file mode 100644
index 0000000..dee0d46
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutFooterCredits.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import { computed } from 'vue';
+import type { AvatarStyleMeta, ThemeOptions } from '@theme/types';
+import { safeHttpUrl } from '@theme/utils/url';
+
+const { theme } = useData<ThemeOptions>();
+
+const styles = computed(() => {
+  const result: AvatarStyleMeta[] = [];
+  const knownWork: string[] = [];
+
+  for (const val of Object.values(theme.value.avatarStyles)) {
+    if (
+      val.meta.creator === 'Florian Körner' ||
+      val.meta.creator === 'DiceBear'
+    ) {
+      continue;
+    }
+
+    if (val.meta.source) {
+      if (knownWork.includes(val.meta.source)) {
+        continue;
+      }
+
+      knownWork.push(val.meta.source);
+    }
+
+    result.push(val.meta);
+  }
+
+  return result;
+});
+</script>
+
+<template>
+  <div class="layout-footer-bottom">
+    <div class="layout-footer-container">
+      <div class="layout-footer-bottom-inner">
+        <p class="layout-footer-attributions">
+          <template v-for="style in styles" :key="style.source">
+            <a
+              v-if="safeHttpUrl(style.source)"
+              class="layout-footer-attribution-link"
+              :href="safeHttpUrl(style.source)"
+              target="_blank"
+              rel="noopener"
+              >{{ style.title }}</a
+            >
+            <template v-else>{{ style.title }}</template>
+            by {{ style.creator }} /
+            <a
+              v-if="safeHttpUrl(style.license?.url)"
+              class="layout-footer-attribution-link"
+              :href="safeHttpUrl(style.license?.url)"
+              target="_blank"
+              rel="noopener"
+              >{{ style.license?.name }}</a
+            >
+            <template v-else>{{ style.license?.name }}</template
+            >.
+          </template>
+          — All avatars are remixes of the original works.
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutFooterLinks.vue b/apps/docs/.vitepress/theme/components/layout/LayoutFooterLinks.vue
new file mode 100644
index 0000000..31509df
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutFooterLinks.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import {
+  productLinks,
+  resourceLinks,
+  legalLinks,
+} from '../../config/footer-links';
+
+const columns = [
+  { title: 'Explore', links: productLinks },
+  { title: 'Resources', links: resourceLinks },
+  { title: 'Legal', links: legalLinks },
+] as const;
+</script>
+
+<template>
+  <div class="layout-footer-links">
+    <div
+      v-for="column in columns"
+      :key="column.title"
+      class="layout-footer-column"
+    >
+      <h3 class="layout-footer-column-title">{{ column.title }}</h3>
+      <ul class="layout-footer-column-list">
+        <li v-for="link in column.links" :key="link.label">
+          <a
+            :href="link.href"
+            :target="link.external ? '_blank' : undefined"
+            :rel="link.external ? 'noopener noreferrer' : undefined"
+            class="layout-footer-link"
+          >
+            {{ link.label }}
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutFooterSponsor.vue b/apps/docs/.vitepress/theme/components/layout/LayoutFooterSponsor.vue
new file mode 100644
index 0000000..cdcf62c
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutFooterSponsor.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { withBase } from 'vitepress';
+</script>
+
+<template>
+  <div class="layout-footer-sponsor">
+    <div class="layout-footer-container">
+      <div class="layout-footer-sponsor-inner">
+        <a
+          href="https://bunny.net/"
+          target="_blank"
+          rel="noopener sponsored"
+          class="layout-footer-sponsor-logo"
+        >
+          <img
+            class="layout-footer-sponsor-logo-light"
+            :src="withBase('/sponsors/bunny-light.svg')"
+            alt="bunny.net"
+            width="149"
+            height="43"
+          />
+          <img
+            class="layout-footer-sponsor-logo-dark"
+            :src="withBase('/sponsors/bunny-dark.svg')"
+            alt="bunny.net"
+            width="149"
+            height="43"
+          />
+        </a>
+        <span class="layout-footer-sponsor-meta"
+          >CDN sponsored by bunny.net · Advertisement</span
+        >
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutNavActions.vue b/apps/docs/.vitepress/theme/components/layout/LayoutNavActions.vue
new file mode 100644
index 0000000..389f1a0
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutNavActions.vue
@@ -0,0 +1,173 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import { computed } from 'vue';
+import { Search, Sun, Moon } from '@lucide/vue';
+import { siGithub } from 'simple-icons';
+import UiIcon from '@theme/components/ui/UiIcon.vue';
+import type { ThemeOptions } from '@theme/types';
+
+const { isDark, theme } = useData<ThemeOptions>();
+
+const starCount = computed(() => {
+  return theme.value.githubStars?.['dicebear/dicebear'] ?? '';
+});
+
+function toggleTheme() {
+  isDark.value = !isDark.value;
+}
+
+function openSearch() {
+  window.dispatchEvent(
+    new KeyboardEvent('keydown', { key: 'k', metaKey: true }),
+  );
+}
+</script>
+
+<template>
+  <div class="layout-nav-actions">
+    <button
+      class="layout-nav-actions-search"
+      aria-label="Search"
+      @click="openSearch"
+    >
+      <Search :size="16" :stroke-width="2.5" />
+    </button>
+    <button
+      class="layout-nav-actions-theme"
+      :aria-label="isDark ? 'Switch to light mode' : 'Switch to dark mode'"
+      @click="toggleTheme"
+    >
+      <Sun v-show="isDark" :size="16" :stroke-width="2.5" />
+      <Moon v-show="!isDark" :size="16" :stroke-width="2.5" />
+    </button>
+    <a
+      href="https://github.com/dicebear/dicebear"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="layout-nav-actions-star"
+      aria-label="Star DiceBear on GitHub"
+    >
+      <UiIcon :path="siGithub.path" :size="16" />
+      <span class="layout-nav-actions-star-label">Star</span>
+      <span v-if="starCount" class="layout-nav-actions-star-count">{{
+        starCount
+      }}</span>
+    </a>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.layout-nav-actions {
+  --star-accent: #eab308;
+  --star-accent-soft: rgba(234, 179, 8, 0.12);
+  --star-accent-border: rgba(234, 179, 8, 0.4);
+  --star-accent-hover: rgba(234, 179, 8, 0.2);
+  --star-accent-text: #a16207;
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: 16px;
+}
+
+:root.dark .layout-nav-actions {
+  --star-accent: #facc15;
+  --star-accent-soft: rgba(250, 204, 21, 0.1);
+  --star-accent-border: rgba(250, 204, 21, 0.35);
+  --star-accent-hover: rgba(250, 204, 21, 0.16);
+  --star-accent-text: #facc15;
+}
+
+.layout-nav-actions-star {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 6px 12px;
+  border-radius: var(--vp-radius-xs);
+  border: 1px solid var(--star-accent-border);
+  background: var(--star-accent-soft);
+  color: var(--vp-c-text-1);
+  font-family: var(--vp-font-family-heading);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+  transition:
+    border-color var(--duration-fast) var(--ease-smooth),
+    background var(--duration-fast) var(--ease-smooth),
+    box-shadow var(--duration-fast) var(--ease-smooth);
+
+  &:hover {
+    border-color: var(--star-accent);
+    background: var(--star-accent-hover);
+    box-shadow: 0 0 0 3px var(--star-accent-soft);
+  }
+}
+
+.layout-nav-actions-star-label {
+  display: inline-block;
+}
+
+.layout-nav-actions-star-count {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 6px;
+  margin-left: 1px;
+  border-radius: var(--vp-radius-xs);
+  background: var(--star-accent-hover);
+  color: var(--star-accent-text);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+.layout-nav-actions-search,
+.layout-nav-actions-theme {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--vp-radius-xs);
+  border: 1px solid var(--p-form-field-border-color, var(--vp-c-divider));
+  background: var(--vp-c-bg);
+  color: var(--ui-c-text-muted);
+  cursor: pointer;
+  transition:
+    border-color var(--duration-fast) var(--ease-smooth),
+    color var(--duration-fast) var(--ease-smooth),
+    background var(--duration-fast) var(--ease-smooth),
+    box-shadow var(--duration-fast) var(--ease-smooth);
+
+  :deep(svg) {
+    pointer-events: none;
+  }
+
+  &:hover {
+    border-color: var(--vp-c-brand-1);
+    color: var(--vp-c-brand-1);
+    background: var(--vp-c-brand-soft);
+    box-shadow: 0 0 0 3px var(--vp-c-brand-soft);
+  }
+}
+
+/* Hide "Star" label on tighter desktop layouts where the full nav would overflow */
+@media (max-width: 959px) {
+  .layout-nav-actions-star-label {
+    display: none;
+  }
+}
+
+/* Below VitePress' nav breakpoint (768px) the desktop menu collapses into the
+   hamburger — align our own mobile-only rules with that same boundary. */
+@media (max-width: 767px) {
+  .layout-nav-actions-theme {
+    display: none;
+  }
+
+  .layout-nav-actions {
+    margin-left: 8px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/layout/LayoutVPLocalNav.vue b/apps/docs/.vitepress/theme/components/layout/LayoutVPLocalNav.vue
new file mode 100644
index 0000000..13b21b5
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/layout/LayoutVPLocalNav.vue
@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import { useLayout } from 'vitepress/theme-without-fonts';
+import VPIconAlignLeft from 'vitepress/dist/client/theme-default/components/icons/VPIconAlignLeft.vue';
+
+defineProps<{
+  open: boolean;
+}>();
+
+defineEmits<{
+  (e: 'open-menu'): void;
+}>();
+
+const { theme, frontmatter } = useData();
+const { hasSidebar } = useLayout();
+
+function scrollToTop() {
+  window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+}
+</script>
+
+<template>
+  <div v-if="hasSidebar" class="layout-vp-local-nav">
+    <button
+      class="layout-vp-local-nav-menu"
+      :aria-expanded="open"
+      aria-controls="VPSidebarNav"
+      @click="$emit('open-menu')"
+    >
+      <VPIconAlignLeft class="layout-vp-local-nav-menu-icon" />
+      <span class="layout-vp-local-nav-menu-text">
+        {{ frontmatter.sidebarMenuLabel || theme.sidebarMenuLabel || 'Menu' }}
+      </span>
+    </button>
+
+    <a class="layout-vp-local-nav-top-link" href="#" @click="scrollToTop">
+      {{ theme.returnToTopLabel || 'Return to top' }}
+    </a>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.layout-vp-local-nav {
+  position: sticky;
+  top: 0;
+  /*rtl:ignore*/
+  left: 0;
+  z-index: var(--vp-z-index-local-nav);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--vp-c-gutter);
+  padding-top: var(--vp-layout-top-height, 0px);
+  width: 100%;
+  background-color: var(--vp-local-nav-bg-color);
+  transition:
+    border-color 0.5s,
+    background-color 0.5s;
+
+  @media (min-width: 960px) {
+    display: none;
+  }
+
+  &-menu {
+    display: flex;
+    align-items: center;
+    padding: 12px 24px 11px;
+    line-height: 24px;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--vp-c-text-2);
+    transition: color var(--duration-slow);
+
+    &:hover {
+      color: var(--vp-c-text-1);
+      transition: color var(--duration-fast);
+    }
+
+    @media (min-width: 768px) {
+      padding: 0 32px;
+    }
+
+    &-icon {
+      margin-right: 8px;
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+  }
+
+  &-top-link {
+    display: block;
+    padding: 12px 24px 11px;
+    line-height: 24px;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--vp-c-text-2);
+    transition: color var(--duration-slow);
+
+    &:hover {
+      color: var(--vp-c-text-1);
+      transition: color var(--duration-fast);
+    }
+
+    @media (min-width: 768px) {
+      padding: 12px 32px 11px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/pages/PageHome.vue b/apps/docs/.vitepress/theme/components/pages/PageHome.vue
new file mode 100644
index 0000000..0d35df6
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/pages/PageHome.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import AppHero from '../app/AppHero.vue';
+import AppSeedDemo from '../app/AppSeedDemo.vue';
+import AppStyleShowcase from '../app/AppStyleShowcase.vue';
+import AppEditor from '../app/AppEditor.vue';
+import AppCreateStyle from '../app/AppCreateStyle.vue';
+import AppOpenSource from '../app/AppOpenSource.vue';
+import AppUseCases from '../app/AppUseCases.vue';
+import AppStatsBanner from '../app/AppStatsBanner.vue';
+</script>
+
+<template>
+  <AppHero />
+  <AppSeedDemo />
+  <AppStyleShowcase />
+  <AppUseCases />
+  <AppStatsBanner />
+  <AppEditor />
+  <AppCreateStyle />
+  <AppOpenSource />
+</template>
diff --git a/apps/docs/.vitepress/theme/components/pages/PageLicenses.vue b/apps/docs/.vitepress/theme/components/pages/PageLicenses.vue
new file mode 100644
index 0000000..4f1c9e9
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/pages/PageLicenses.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import type { ThemeOptions } from '@theme/types';
+import { kebabCase } from 'change-case';
+import { safeHttpUrl } from '@theme/utils/url';
+
+const { theme } = useData<ThemeOptions>();
+const styles = theme.value.avatarStyles;
+</script>
+
+<template>
+  <table v-for="(style, styleName) in styles" :key="styleName">
+    <colgroup>
+      <col width="20%" />
+      <col />
+    </colgroup>
+    <thead>
+      <tr>
+        <th colspan="2" align="left">
+          <a :href="`/styles/${kebabCase(styleName)}/`">{{ styleName }}</a>
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-if="style.meta.title">
+        <td>Title</td>
+        <td>{{ style.meta.title }}</td>
+      </tr>
+      <tr v-if="style.meta.creator">
+        <td>Creator</td>
+        <td>{{ style.meta.creator }}</td>
+      </tr>
+      <tr v-if="style.meta.source">
+        <td>Source</td>
+        <td>
+          <a
+            v-if="safeHttpUrl(style.meta.source)"
+            :href="safeHttpUrl(style.meta.source)"
+            target="_blank"
+            rel="noopener noreferrer"
+            >{{ style.meta.source }}</a
+          >
+          <template v-else>{{ style.meta.source }}</template>
+        </td>
+      </tr>
+      <tr v-if="style.meta.homepage">
+        <td>Homepage</td>
+        <td>
+          <a
+            v-if="safeHttpUrl(style.meta.homepage)"
+            :href="safeHttpUrl(style.meta.homepage)"
+            target="_blank"
+            rel="noopener noreferrer"
+            >{{ style.meta.homepage }}</a
+          >
+          <template v-else>{{ style.meta.homepage }}</template>
+        </td>
+      </tr>
+      <tr v-if="style.meta.license?.name">
+        <td>License Name</td>
+        <td>{{ style.meta.license?.name }}</td>
+      </tr>
+      <tr v-if="style.meta.license?.url">
+        <td>License URL</td>
+        <td>
+          <a
+            v-if="safeHttpUrl(style.meta.license?.url)"
+            :href="safeHttpUrl(style.meta.license?.url)"
+            target="_blank"
+            rel="noopener noreferrer"
+            >{{ style.meta.license?.url }}</a
+          >
+          <template v-else>{{ style.meta.license?.url }}</template>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/pages/PageStats.vue b/apps/docs/.vitepress/theme/components/pages/PageStats.vue
new file mode 100644
index 0000000..bfe889a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/pages/PageStats.vue
@@ -0,0 +1,566 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { UiSection, UiContainer, UiSectionHeader, UiCard } from '../ui';
+import AppSmallHero from '../app/AppSmallHero.vue';
+import AppStatsChart from '../app/AppStatsChart.vue';
+import AppStatsMultiLineChart from '../app/AppStatsMultiLineChart.vue';
+import AppStatsGlobe from '../app/AppStatsGlobe.vue';
+import {
+  useApiStatsRaw,
+  lastCompleteMonth,
+} from '../../composables/useApiStats';
+import { formatNumber, formatBytes } from '../../utils/format';
+
+const SECONDS_PER_DAY = 86400;
+const ROLLING_WINDOW_DAYS = 7;
+const TOP_STYLES = 10;
+
+const stats = useApiStatsRaw();
+
+function fmtDay(d: Date): string {
+  return d.toLocaleDateString('en', { month: 'short', day: 'numeric' });
+}
+
+function weekStartKey(dateStr: string): string {
+  const d = new Date(`${dateStr}T00:00:00Z`);
+  const dow = d.getUTCDay();
+  const offset = (dow + 6) % 7;
+
+  d.setUTCDate(d.getUTCDate() - offset);
+
+  return d.toISOString().slice(0, 10);
+}
+
+function fmtWeekRange(weekStartStr: string): string {
+  const start = new Date(weekStartStr);
+  const end = new Date(start.getTime() + 6 * SECONDS_PER_DAY * 1000);
+
+  if (start.getMonth() === end.getMonth()) {
+    return `${fmtDay(start)}–${end.getDate()}`;
+  }
+
+  return `${fmtDay(start)} – ${fmtDay(end)}`;
+}
+
+function completeWeeks(dayKeys: string[], weekOrder: string[]): string[] {
+  if (weekOrder.length === 0) {
+    return weekOrder;
+  }
+
+  const firstDow = new Date(`${dayKeys[0]}T00:00:00Z`).getUTCDay();
+  const lastDow = new Date(
+    `${dayKeys[dayKeys.length - 1]}T00:00:00Z`,
+  ).getUTCDay();
+  const start = firstDow !== 1 ? 1 : 0;
+  const end = lastDow !== 0 ? weekOrder.length - 1 : weekOrder.length;
+
+  return weekOrder.slice(start, end);
+}
+
+function aggregateWeekly(data: Record<string, number>): {
+  labels: string[];
+  values: number[];
+} {
+  const dayKeys = Object.keys(data).sort();
+
+  if (dayKeys.length === 0) {
+    return { labels: [], values: [] };
+  }
+
+  const sums: Record<string, number> = {};
+  const weekOrder: string[] = [];
+
+  for (const dayKey of dayKeys) {
+    const wk = weekStartKey(dayKey);
+
+    if (sums[wk] === undefined) {
+      sums[wk] = 0;
+      weekOrder.push(wk);
+    }
+
+    sums[wk] += data[dayKey];
+  }
+
+  const weeks = completeWeeks(dayKeys, weekOrder);
+
+  return {
+    labels: weeks.map((k) => fmtWeekRange(k)),
+    values: weeks.map((week) => sums[week]),
+  };
+}
+
+const requestsData = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  return aggregateWeekly(stats.value.requests);
+});
+
+const downloadsData = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  return aggregateWeekly(stats.value.downloads.npm);
+});
+
+function buildSeries(source: Record<string, [string, number][]>): {
+  labels: string[];
+  series: Array<{ name: string; values: number[] }>;
+} | null {
+  const dayKeys = Object.keys(source).sort();
+
+  if (dayKeys.length === 0) {
+    return null;
+  }
+
+  const sums: Record<string, Record<string, number>> = {};
+  const dayCount: Record<string, number> = {};
+  const weekOrder: string[] = [];
+
+  for (const dayKey of dayKeys) {
+    const wk = weekStartKey(dayKey);
+
+    if (!sums[wk]) {
+      sums[wk] = {};
+      dayCount[wk] = 0;
+      weekOrder.push(wk);
+    }
+
+    dayCount[wk] += 1;
+
+    for (const [name, value] of source[dayKey]) {
+      sums[wk][name] = (sums[wk][name] ?? 0) + value;
+    }
+  }
+
+  const weeks = completeWeeks(dayKeys, weekOrder);
+
+  if (weeks.length === 0) {
+    return null;
+  }
+
+  const totals: Record<string, number> = {};
+
+  for (const week of weeks) {
+    const count = dayCount[week] || 1;
+
+    for (const [name, sum] of Object.entries(sums[week])) {
+      totals[name] = (totals[name] ?? 0) + sum / count;
+    }
+  }
+
+  const ranked = Object.keys(totals).sort((a, b) => totals[b] - totals[a]);
+
+  if (ranked.length === 0) {
+    return null;
+  }
+
+  const labels = weeks.map((k) => fmtWeekRange(k));
+  const series = ranked.map((name) => ({
+    name,
+    values: weeks.map(
+      (week) => (sums[week][name] ?? 0) / (dayCount[week] || 1),
+    ),
+  }));
+
+  return { labels, series };
+}
+
+function formatPercent(value: number): string {
+  if (value === 0) {
+    return '0%';
+  }
+
+  if (value < 0.1) {
+    return '<0.1%';
+  }
+
+  return `${value.toFixed(1)}%`;
+}
+
+const stylesData = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  return buildSeries(stats.value.styles);
+});
+
+const versionsData = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  return buildSeries(stats.value.versions);
+});
+
+const formatsData = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  return buildSeries(stats.value.formats);
+});
+
+const showAllStyles = ref(false);
+const activeTab = ref<'api' | 'npm'>('api');
+
+const requestsPerSecond = computed(() => {
+  if (!stats.value) {
+    return 0;
+  }
+
+  const entries = Object.entries(stats.value.requests).sort(([a], [b]) =>
+    a.localeCompare(b),
+  );
+
+  if (entries.length < 2) {
+    return 0;
+  }
+
+  entries.pop();
+
+  const window = entries.slice(-ROLLING_WINDOW_DAYS);
+  const total = window.reduce((sum, [, v]) => sum + v, 0);
+  const avgDaily = total / window.length;
+
+  return avgDaily / SECONDS_PER_DAY;
+});
+
+const monthlyStats = computed(() => {
+  if (!stats.value) {
+    return null;
+  }
+
+  const requests = lastCompleteMonth(stats.value.requests);
+  const traffic = lastCompleteMonth(stats.value.traffic);
+  const downloads = lastCompleteMonth(stats.value.downloads.npm);
+
+  if (!requests) {
+    return null;
+  }
+
+  return {
+    label: requests.label,
+    requests: formatNumber(requests.total),
+    traffic: traffic ? formatBytes(traffic.total) : null,
+    downloads: downloads ? formatNumber(downloads.total) : null,
+  };
+});
+</script>
+
+<template>
+  <AppSmallHero>
+    <template #headline
+      >Billions of Avatars.<br /><strong>One API.</strong></template
+    >
+    <template #description
+      >Every avatar generated through our HTTP-API is tracked anonymously. This
+      page gives you a transparent look at real usage data. It is updated weekly
+      and broken down by requests, traffic, styles, and more.</template
+    >
+    <template #actions><!-- no actions --></template>
+    <template #below-actions>
+      <div v-if="monthlyStats" class="page-stats-hero-kpis">
+        <p class="page-stats-hero-kpis-label">
+          Statistics from {{ monthlyStats.label }}
+        </p>
+        <div class="page-stats-hero-kpis-row">
+          <div class="page-stats-hero-kpi">
+            <span class="page-stats-hero-kpi-value">{{
+              monthlyStats.requests
+            }}</span>
+            <span class="page-stats-hero-kpi-label">API Requests</span>
+          </div>
+          <div class="page-stats-hero-kpi-divider"></div>
+          <div v-if="monthlyStats.traffic" class="page-stats-hero-kpi">
+            <span class="page-stats-hero-kpi-value">{{
+              monthlyStats.traffic
+            }}</span>
+            <span class="page-stats-hero-kpi-label">Data Served</span>
+          </div>
+          <div
+            v-if="monthlyStats.downloads"
+            class="page-stats-hero-kpi-divider"
+          ></div>
+          <div v-if="monthlyStats.downloads" class="page-stats-hero-kpi">
+            <span class="page-stats-hero-kpi-value">{{
+              monthlyStats.downloads
+            }}</span>
+            <span class="page-stats-hero-kpi-label">npm Downloads</span>
+          </div>
+        </div>
+      </div>
+    </template>
+    <template #aside>
+      <ClientOnly>
+        <AppStatsGlobe :rate="requestsPerSecond" />
+      </ClientOnly>
+    </template>
+  </AppSmallHero>
+
+  <UiSection divider>
+    <UiContainer>
+      <UiSectionHeader
+        description="Weekly request and download volumes. Toggle between the HTTP API and npm packages."
+      >
+        <template #headline>Usage Over <strong>Time</strong></template>
+      </UiSectionHeader>
+
+      <div class="page-stats-tabs">
+        <button
+          :class="{ active: activeTab === 'api' }"
+          @click="activeTab = 'api'"
+        >
+          HTTP API
+        </button>
+        <button
+          :class="{ active: activeTab === 'npm' }"
+          @click="activeTab = 'npm'"
+        >
+          npm
+        </button>
+      </div>
+
+      <ClientOnly>
+        <UiCard
+          v-if="requestsData && activeTab === 'api'"
+          padding="xl"
+          class="page-stats-chart-card"
+        >
+          <h3 class="page-stats-chart-title">API Requests</h3>
+          <AppStatsChart
+            :labels="requestsData.labels"
+            :values="requestsData.values"
+            color="#0284c7"
+            :format-value="formatNumber"
+          />
+        </UiCard>
+
+        <UiCard
+          v-if="downloadsData && activeTab === 'npm'"
+          padding="xl"
+          class="page-stats-chart-card"
+        >
+          <h3 class="page-stats-chart-title">Package Downloads</h3>
+          <AppStatsChart
+            :labels="downloadsData.labels"
+            :values="downloadsData.values"
+            color="#cb3837"
+            :format-value="formatNumber"
+          />
+        </UiCard>
+      </ClientOnly>
+    </UiContainer>
+  </UiSection>
+
+  <UiSection divider>
+    <UiContainer>
+      <UiSectionHeader
+        description="Based on API request data. Shows which styles, versions, and output formats are used most."
+      >
+        <template #headline>Usage <strong>Details</strong></template>
+      </UiSectionHeader>
+
+      <ClientOnly>
+        <UiCard v-if="stylesData" padding="xl" class="page-stats-styles-card">
+          <h3 class="page-stats-chart-title">Popular Styles</h3>
+          <AppStatsMultiLineChart
+            :labels="stylesData.labels"
+            :series="
+              showAllStyles
+                ? stylesData.series
+                : stylesData.series.slice(0, TOP_STYLES)
+            "
+            :format-value="formatPercent"
+          />
+          <button
+            v-if="stylesData.series.length > TOP_STYLES"
+            class="page-stats-show-all"
+            @click="showAllStyles = !showAllStyles"
+          >
+            {{ showAllStyles ? `Show Top ${TOP_STYLES}` : 'Show All' }}
+          </button>
+        </UiCard>
+
+        <div class="page-stats-breakdown-grid">
+          <UiCard v-if="versionsData" padding="xl">
+            <h3 class="page-stats-chart-title">API Versions</h3>
+            <AppStatsMultiLineChart
+              :labels="versionsData.labels"
+              :series="versionsData.series"
+              :format-value="formatPercent"
+            />
+          </UiCard>
+
+          <UiCard v-if="formatsData" padding="xl">
+            <h3 class="page-stats-chart-title">Output Formats</h3>
+            <AppStatsMultiLineChart
+              :labels="formatsData.labels"
+              :series="formatsData.series"
+              :format-value="formatPercent"
+            />
+          </UiCard>
+        </div>
+      </ClientOnly>
+    </UiContainer>
+  </UiSection>
+</template>
+
+<style lang="scss" scoped>
+.page-stats-hero-kpis {
+  margin-top: 32px;
+
+  &-label {
+    font-size: 13px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--vp-c-text-3);
+    margin: 0 0 16px;
+  }
+
+  &-row {
+    display: flex;
+    align-items: center;
+    gap: 28px;
+  }
+}
+
+.page-stats-hero-kpi {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  &-value {
+    font-size: 28px;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    color: var(--vp-c-text-1);
+    font-variant-numeric: tabular-nums;
+  }
+
+  &-label {
+    font-size: 12px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--vp-c-text-3);
+  }
+
+  &-divider {
+    width: 1px;
+    height: 40px;
+    background: linear-gradient(
+      180deg,
+      transparent,
+      var(--vp-c-border),
+      transparent
+    );
+  }
+}
+
+.page-stats-tabs {
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+  margin-bottom: 32px;
+  background: var(--vp-c-bg-alt);
+  border-radius: var(--vp-radius-sm);
+  padding: 4px;
+  width: fit-content;
+  margin-inline: auto;
+
+  button {
+    padding: 8px 24px;
+    border: none;
+    background: transparent;
+    color: var(--vp-c-text-2);
+    font-size: 14px;
+    font-weight: 500;
+    border-radius: var(--vp-radius-xs);
+    cursor: pointer;
+    transition: all var(--duration-fast) var(--ease-smooth);
+
+    &.active {
+      background: var(--vp-c-bg-elv);
+      color: var(--vp-c-text-1);
+      box-shadow: var(--vp-shadow-1);
+    }
+
+    &:hover:not(.active) {
+      color: var(--vp-c-text-1);
+    }
+  }
+}
+
+.page-stats-chart-card {
+  overflow: hidden;
+}
+
+.page-stats-chart-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--vp-c-text-1);
+  margin-bottom: 24px;
+}
+
+.page-stats-show-all {
+  display: block;
+  margin: 16px auto 0;
+  padding: 6px 16px;
+  border: 1px solid var(--vp-c-border);
+  background: transparent;
+  color: var(--vp-c-text-2);
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: var(--vp-radius-xs);
+  cursor: pointer;
+  transition: all var(--duration-fast) var(--ease-smooth);
+
+  &:hover {
+    color: var(--vp-c-text-1);
+    border-color: var(--vp-c-text-2);
+  }
+}
+
+.page-stats-styles-card {
+  margin-bottom: 32px;
+}
+
+.page-stats-breakdown-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 32px;
+
+  > * {
+    min-width: 0;
+    overflow: hidden;
+  }
+}
+
+@media (max-width: 768px) {
+  .page-stats-hero-kpis {
+    text-align: center;
+
+    &-label {
+      text-align: center;
+    }
+
+    &-row {
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+  }
+
+  .page-stats-hero-kpi {
+    align-items: center;
+  }
+
+  .page-stats-breakdown-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/pages/PageWhyDiceBear.vue b/apps/docs/.vitepress/theme/components/pages/PageWhyDiceBear.vue
new file mode 100644
index 0000000..0f312da
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/pages/PageWhyDiceBear.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import AppSmallHero from '../app/AppSmallHero.vue';
+import AppHeroAsideUserList from '../app/AppHeroAsideUserList.vue';
+import AppHighlights from '../app/AppHighlights.vue';
+import AppIntegration from '../app/AppIntegration.vue';
+import AppCDN from '../app/AppCDN.vue';
+import AppComparison from '../app/AppComparison.vue';
+import AppOpenSourceCards from '../app/AppOpenSourceCards.vue';
+import AppFrameworks from '../app/AppFrameworks.vue';
+</script>
+
+<template>
+  <AppSmallHero>
+    <template #aside>
+      <AppHeroAsideUserList />
+    </template>
+  </AppSmallHero>
+  <AppHighlights>
+    <template #headline>Everything You <strong>Need</strong></template>
+  </AppHighlights>
+  <AppIntegration />
+  <AppFrameworks />
+  <AppCDN />
+  <AppComparison />
+  <AppOpenSourceCards />
+</template>
diff --git a/apps/docs/.vitepress/theme/components/playground/Playground.vue b/apps/docs/.vitepress/theme/components/playground/Playground.vue
new file mode 100644
index 0000000..29798ed
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/Playground.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import LayoutClientOnly from '@theme/components/layout/LayoutClientOnly.vue';
+import PlaygroundLoader from './PlaygroundLoader.vue';
+import PlaygroundContent from './PlaygroundContent.vue';
+</script>
+
+<template>
+  <LayoutClientOnly>
+    <template #default>
+      <PlaygroundContent />
+    </template>
+    <template #fallback>
+      <PlaygroundLoader />
+    </template>
+  </LayoutClientOnly>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundBatchDownload.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundBatchDownload.vue
new file mode 100644
index 0000000..cbf8af5
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundBatchDownload.vue
@@ -0,0 +1,533 @@
+<script setup lang="ts">
+import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue';
+import Button from 'primevue/button';
+import InputNumber from 'primevue/inputnumber';
+import SelectButton from 'primevue/selectbutton';
+import Textarea from 'primevue/textarea';
+import { Download, Shuffle } from '@lucide/vue';
+import JSZip from 'jszip';
+import { Avatar } from '@dicebear/core';
+import { UiAvatar, UiConfetti, UiLicenseAlert } from '@theme/components/ui';
+import useStore from '@theme/stores/playground';
+import { loadAvatarStyle } from '@theme/utils/avatar/style';
+import { triggerDownload } from '@theme/utils/download';
+
+const SEED_CAP = 500;
+const PREVIEW_LIMIT = 12;
+
+type Mode = 'paste' | 'random';
+
+const store = useStore();
+
+const mode = ref<Mode>('random');
+const modeOptions: { label: string; value: Mode }[] = [
+  { label: 'Random', value: 'random' },
+  { label: 'Paste', value: 'paste' },
+];
+const seedsInput = ref('');
+const randomCount = ref(12);
+const randomSeeds = ref<string[]>([]);
+
+function generateRandomSeeds(n: number): string[] {
+  const out: string[] = [];
+  for (let i = 0; i < n; i++) {
+    out.push(crypto.randomUUID().replaceAll('-', '').slice(0, 10));
+  }
+  return out;
+}
+
+function shuffleRandom() {
+  randomSeeds.value = generateRandomSeeds(randomCount.value);
+}
+
+shuffleRandom();
+
+watch(mode, (m) => {
+  if (m === 'random' && randomSeeds.value.length === 0) {
+    shuffleRandom();
+  }
+});
+
+watch(randomCount, (n) => {
+  if (mode.value === 'random' && Number.isFinite(n) && n > 0) {
+    randomSeeds.value = generateRandomSeeds(Math.min(n, SEED_CAP));
+  }
+});
+
+const seeds = computed<string[]>(() => {
+  if (mode.value === 'paste') {
+    return seedsInput.value
+      .split(/\r?\n/)
+      .map((line) => line.trim())
+      .filter((line) => line.length > 0);
+  }
+  return randomSeeds.value;
+});
+
+const seedCount = computed(() => seeds.value.length);
+const overCap = computed(() => seedCount.value > SEED_CAP);
+const previewSeeds = computed(() => seeds.value.slice(0, PREVIEW_LIMIT));
+
+const isGenerating = ref(false);
+const progress = ref({ done: 0, total: 0 });
+const errorMessage = ref('');
+const successState = ref(false);
+
+const canGenerate = computed(
+  () =>
+    !isGenerating.value &&
+    seedCount.value > 0 &&
+    !overCap.value &&
+    !!store.avatarStyleName,
+);
+
+const generateLabel = computed(() => {
+  if (isGenerating.value) {
+    return `Bundling ${progress.value.done} / ${progress.value.total}…`;
+  }
+  if (seedCount.value === 0) return 'Add seeds to begin';
+  return `Download ${seedCount.value} SVG${seedCount.value === 1 ? '' : 's'} as ZIP`;
+});
+
+const cleanStyleName = computed(() =>
+  store.avatarStyleName.replace(/^custom:/, ''),
+);
+
+const previewStyleOptions = computed(() => ({
+  ...store.avatarStyleOptionsWithoutDefaults,
+}));
+
+// Some ancestor (likely VitePress local search or a PrimeVue listener) is
+// suppressing the default Enter newline in capture phase. Manually insert
+// the newline so the textarea behaves normally regardless of who calls
+// preventDefault upstream.
+async function onTextareaEnter(event: KeyboardEvent) {
+  event.preventDefault();
+  event.stopPropagation();
+  const ta = event.target as HTMLTextAreaElement;
+  const start = ta.selectionStart;
+  const end = ta.selectionEnd;
+  seedsInput.value = ta.value.slice(0, start) + '\n' + ta.value.slice(end);
+  await nextTick();
+  ta.selectionStart = ta.selectionEnd = start + 1;
+  ta.scrollTop = ta.scrollHeight;
+}
+
+function safeName(seed: string, used: Set<string>): string {
+  // eslint-disable-next-line no-control-regex
+  const cleaned = seed.replace(/[/\\:*?"<>|\x00-\x1f]/g, '-').slice(0, 200);
+  const base = cleaned || 'avatar';
+  let name = `${base}.svg`;
+  let i = 2;
+  while (used.has(name)) name = `${base}-${i++}.svg`;
+  used.add(name);
+  return name;
+}
+
+let aborted = false;
+onBeforeUnmount(() => {
+  aborted = true;
+});
+
+async function generate() {
+  if (!canGenerate.value) return;
+
+  isGenerating.value = true;
+  errorMessage.value = '';
+  successState.value = false;
+  progress.value = { done: 0, total: seedCount.value };
+
+  try {
+    const style = await loadAvatarStyle(store.avatarStyleName);
+    if (aborted) return;
+
+    const zip = new JSZip();
+    const used = new Set<string>();
+    const baseOptions = { ...store.avatarStyleOptionsWithoutDefaults };
+
+    for (const seed of seeds.value) {
+      if (aborted) return;
+      const svg = new Avatar(style, { ...baseOptions, seed }).toString();
+      zip.file(safeName(seed, used), svg);
+      progress.value = {
+        done: progress.value.done + 1,
+        total: seedCount.value,
+      };
+      if (progress.value.done % 25 === 0) {
+        await new Promise((r) => setTimeout(r, 0));
+      }
+    }
+
+    const blob = await zip.generateAsync({ type: 'blob' });
+    if (aborted) return;
+
+    triggerDownload(blob, `${cleanStyleName.value}-avatars.zip`);
+    successState.value = true;
+  } catch (err) {
+    if (aborted) return;
+    errorMessage.value = err instanceof Error ? err.message : String(err);
+  } finally {
+    isGenerating.value = false;
+  }
+}
+
+function reset() {
+  successState.value = false;
+  errorMessage.value = '';
+  progress.value = { done: 0, total: 0 };
+}
+</script>
+
+<template>
+  <div class="pg-batch">
+    <template v-if="!successState">
+      <header class="pg-batch-top">
+        <SelectButton
+          v-model="mode"
+          :options="modeOptions"
+          option-label="label"
+          option-value="value"
+          :allow-empty="false"
+          size="small"
+          aria-label="Seed source"
+        />
+      </header>
+
+      <section class="pg-batch-section">
+        <div v-if="mode === 'random'" class="pg-batch-random">
+          <InputNumber
+            v-model="randomCount"
+            :min="1"
+            :max="SEED_CAP"
+            :step="1"
+            :show-buttons="true"
+            button-layout="horizontal"
+            :input-style="{ width: '5em', textAlign: 'center' }"
+            decrement-button-class="pg-batch-step-button"
+            increment-button-class="pg-batch-step-button"
+            aria-label="Number of random seeds"
+          >
+            <template #incrementicon>+</template>
+            <template #decrementicon>−</template>
+          </InputNumber>
+          <span class="pg-batch-random-suffix">
+            random seed{{ randomCount === 1 ? '' : 's' }}
+          </span>
+          <button
+            type="button"
+            class="pg-batch-shuffle"
+            @click="shuffleRandom"
+            aria-label="Regenerate random seeds"
+          >
+            <Shuffle :size="14" />
+            <span>Shuffle</span>
+          </button>
+        </div>
+
+        <div v-else class="pg-batch-paste">
+          <Textarea
+            id="pg-batch-seeds"
+            v-model="seedsInput"
+            :rows="6"
+            placeholder="One seed per line — a username, email, user ID, anything."
+            class="pg-batch-textarea"
+            spellcheck="false"
+            autocomplete="off"
+            fluid
+            @keydown.enter="onTextareaEnter"
+          />
+          <span class="pg-batch-counter" :class="{ 'is-over': overCap }">
+            {{ seedCount }} / {{ SEED_CAP }}
+          </span>
+        </div>
+
+        <p v-if="overCap" class="pg-batch-hint is-error">
+          That's more than the {{ SEED_CAP }}-seed cap. Trim the list and try
+          again.
+        </p>
+      </section>
+
+      <section
+        v-if="previewSeeds.length > 0"
+        class="pg-batch-section pg-batch-preview-section"
+      >
+        <header class="pg-batch-section-header">
+          <span class="pg-batch-eyebrow">Preview</span>
+          <span class="pg-batch-preview-count">
+            <span v-if="seedCount > PREVIEW_LIMIT">
+              first {{ previewSeeds.length }} of {{ seedCount }}
+            </span>
+            <span v-else>
+              all {{ seedCount }} avatar{{ seedCount === 1 ? '' : 's' }}
+            </span>
+          </span>
+        </header>
+
+        <ul class="pg-batch-preview-grid">
+          <li
+            v-for="seed in previewSeeds"
+            :key="seed"
+            class="pg-batch-preview-tile"
+          >
+            <div class="pg-batch-preview-tile-avatar">
+              <UiAvatar
+                :size="64"
+                :style-name="store.avatarStyleName"
+                :style-options="{ ...previewStyleOptions, seed }"
+                mode="library"
+              />
+            </div>
+            <code class="pg-batch-preview-tile-seed">{{ seed }}</code>
+          </li>
+        </ul>
+      </section>
+
+      <footer class="pg-batch-footer">
+        <Button
+          :label="generateLabel"
+          :disabled="!canGenerate"
+          :loading="isGenerating"
+          severity="contrast"
+          @click="generate"
+        >
+          <template #icon><Download :size="16" /></template>
+        </Button>
+        <p v-if="errorMessage" class="pg-batch-hint is-error">
+          {{ errorMessage }}
+        </p>
+      </footer>
+    </template>
+
+    <template v-else>
+      <div class="pg-batch-success">
+        <UiConfetti />
+        <div class="dialog-title">Your avatars will be downloaded! 🎉</div>
+        <div class="dialog-subtitle">
+          Please note the license below before using.
+        </div>
+        <div class="dialog-text">
+          <UiLicenseAlert :style-name="store.avatarStyleName" />
+        </div>
+        <div class="pg-batch-success-actions">
+          <Button
+            label="Download another batch"
+            severity="secondary"
+            variant="outlined"
+            @click="reset"
+          />
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.pg-batch {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.pg-batch-top {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.pg-batch-section {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+}
+
+.pg-batch-eyebrow {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  color: var(--ui-c-text-subtle);
+}
+
+.pg-batch-random {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.pg-batch-random-suffix {
+  font-size: 14px;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-batch-shuffle {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+  padding: 8px 14px;
+  background: transparent;
+  border: 1px dashed var(--vp-c-border);
+  border-radius: var(--vp-radius-xs);
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ui-c-text-muted);
+  cursor: pointer;
+  transition: all var(--duration-fast) var(--ease-smooth);
+
+  &:hover {
+    border-color: var(--vp-c-brand-1);
+    color: var(--vp-c-brand-1);
+    border-style: solid;
+  }
+
+  &:active svg {
+    transform: rotate(-20deg);
+  }
+
+  svg {
+    transition: transform var(--duration-fast) var(--ease-smooth);
+  }
+}
+
+.pg-batch-paste {
+  display: flex;
+  flex-direction: column;
+}
+
+.pg-batch-textarea {
+  font-family: var(--vp-font-family-mono);
+  font-size: 13px;
+  line-height: 1.55;
+  min-height: 160px;
+  resize: vertical;
+}
+
+.pg-batch-counter {
+  align-self: flex-end;
+  margin-top: 6px;
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  color: var(--ui-c-text-subtle);
+
+  &.is-over {
+    color: var(--vp-c-danger-1, #dc2626);
+    font-weight: 600;
+  }
+}
+
+.pg-batch-hint {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--ui-c-text-subtle);
+
+  &.is-error {
+    color: var(--vp-c-danger-1, #dc2626);
+  }
+}
+
+.pg-batch-preview-section {
+  padding-top: 12px;
+  border-top: 1px solid var(--vp-c-divider);
+}
+
+.pg-batch-preview-count {
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-batch-preview-grid {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
+  gap: 10px;
+}
+
+.pg-batch-preview-tile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 6px 8px;
+  margin: 0;
+  background: var(--vp-c-bg);
+  border: 1px solid var(--vp-c-divider);
+  border-radius: var(--vp-radius-sm);
+
+  &-avatar {
+    width: 64px;
+    height: 64px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background:
+      linear-gradient(45deg, var(--vp-c-bg-soft) 25%, transparent 25%) 0 0 / 8px
+        8px,
+      linear-gradient(-45deg, var(--vp-c-bg-soft) 25%, transparent 25%) 0 0 /
+        8px 8px,
+      var(--vp-c-bg);
+    border-radius: var(--vp-radius-xs);
+    overflow: hidden;
+  }
+
+  &-seed {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-family: var(--vp-font-family-mono);
+    font-size: 10px;
+    color: var(--ui-c-text-muted);
+    padding: 0;
+    background: transparent;
+  }
+}
+
+.pg-batch-footer {
+  padding-top: 12px;
+  border-top: 1px solid var(--vp-c-divider);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  :deep(.p-button) {
+    width: 100%;
+    justify-content: center;
+  }
+}
+
+.pg-batch-success {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  text-align: center;
+}
+
+.pg-batch-success-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  margin-top: 8px;
+}
+</style>
+
+<style lang="scss">
+html.dark {
+  .pg-batch-step-button {
+    background: var(--p-form-field-background);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonCopy.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonCopy.vue
new file mode 100644
index 0000000..5926585
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonCopy.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { Copy } from '@lucide/vue';
+import { ref } from 'vue';
+import copy from 'copy-to-clipboard';
+import { Avatar } from '@dicebear/core';
+import { loadAvatarStyle, clonePlain } from '@theme/utils/avatar/style';
+import { track, styleLabel } from '@theme/utils/track';
+import { UiAvatar, UiConfetti, UiDialog } from '../ui';
+import Button from 'primevue/button';
+import PlaygroundLicenseAlert from './PlaygroundLicenseAlert.vue';
+import { usePlaygroundDialog } from '@theme/composables/usePlaygroundDialog';
+import { DIALOG_PREVIEW_AVATAR_SIZE, DOWNLOAD_AVATAR_SIZE } from './constants';
+
+const props = defineProps<{
+  seed: string;
+}>();
+
+const { store, open, confettiKey, options, showDialog } = usePlaygroundDialog(
+  () => props.seed,
+);
+
+const text = ref('');
+
+async function onClick() {
+  const avatarStyle = await loadAvatarStyle(store.avatarStyleName);
+  const avatar = new Avatar(
+    avatarStyle,
+    clonePlain({
+      size: DOWNLOAD_AVATAR_SIZE,
+      ...options.value,
+    }),
+  );
+
+  const successful = copy(avatar.toString());
+
+  if (successful) {
+    track('Playground: Copy SVG', {
+      style: styleLabel(store.avatarStyleName),
+    });
+  }
+
+  text.value = successful
+    ? 'Your avatar was successfully copied! 🎉'
+    : 'Your avatar could not be copied. 😞';
+
+  showDialog();
+}
+</script>
+
+<template>
+  <Button label="Copy SVG" severity="secondary" @click="onClick">
+    <template #icon>
+      <Copy :size="15" />
+    </template>
+  </Button>
+
+  <UiDialog v-model:open="open">
+    <UiConfetti :key="confettiKey" />
+    <div class="dialog-preview">
+      <UiAvatar
+        :style-name="store.avatarStyleName"
+        :style-options="options"
+        :size="DIALOG_PREVIEW_AVATAR_SIZE"
+        mode="library"
+      />
+    </div>
+    <h2 class="dialog-title">{{ text }}</h2>
+    <div class="dialog-subtitle">
+      Please note the license below before using.
+    </div>
+    <div class="dialog-text">
+      <PlaygroundLicenseAlert />
+    </div>
+  </UiDialog>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonDownload.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonDownload.vue
new file mode 100644
index 0000000..08619f3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonDownload.vue
@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Archive, Download } from '@lucide/vue';
+import { Avatar } from '@dicebear/core';
+import { getAvatarApiUrl } from '@theme/utils/avatar/api';
+import { loadAvatarStyle, clonePlain } from '@theme/utils/avatar/style';
+import { triggerDownload } from '@theme/utils/download';
+import { track, styleLabel } from '@theme/utils/track';
+import { UiAvatar, UiConfetti, UiDialog } from '../ui';
+import PlaygroundLicenseAlert from './PlaygroundLicenseAlert.vue';
+import PlaygroundBatchDownload from './PlaygroundBatchDownload.vue';
+import { usePlaygroundDialog } from '@theme/composables/usePlaygroundDialog';
+import Button from 'primevue/button';
+import Menu from 'primevue/menu';
+import { DIALOG_PREVIEW_AVATAR_SIZE, DOWNLOAD_AVATAR_SIZE } from './constants';
+
+const props = defineProps<{
+  seed: string;
+}>();
+
+const { store, open, confettiKey, options, showDialog } = usePlaygroundDialog(
+  () => props.seed,
+);
+const menu = ref();
+const batchOpen = ref(false);
+
+async function downloadSvg() {
+  showDialog();
+
+  track('Playground: Download', {
+    style: styleLabel(store.avatarStyleName),
+    format: 'svg',
+  });
+
+  const avatarStyle = await loadAvatarStyle(store.avatarStyleName);
+  const avatar = new Avatar(
+    avatarStyle,
+    clonePlain({
+      size: DOWNLOAD_AVATAR_SIZE,
+      ...options.value,
+    }),
+  );
+
+  const blob = new Blob([avatar.toString()], { type: 'image/svg+xml' });
+  triggerDownload(blob, `${store.avatarStyleName}-${Date.now()}.svg`);
+}
+
+async function downloadBinary(format: string) {
+  showDialog();
+
+  track('Playground: Download', {
+    style: styleLabel(store.avatarStyleName),
+    format,
+  });
+
+  const response = await fetch(
+    getAvatarApiUrl(store.avatarStyleName, options.value, format),
+  );
+
+  const blob = await response.blob();
+  triggerDownload(blob, `${store.avatarStyleName}-${Date.now()}.${format}`);
+}
+
+function openBatch() {
+  batchOpen.value = true;
+}
+
+// For built-in styles the API serves PNG/JPEG/WebP/AVIF; for custom styles we
+// can only produce SVGs locally — so the format choices collapse to SVG +
+// Batch. Batch stays available in both modes via a separator at the bottom.
+const builtInMenuItems = [
+  { label: 'SVG', command: () => downloadSvg() },
+  { label: 'PNG', command: () => downloadBinary('png') },
+  { label: 'JPEG', command: () => downloadBinary('jpg') },
+  { label: 'WebP', command: () => downloadBinary('webp') },
+  { label: 'AVIF', command: () => downloadBinary('avif') },
+  { separator: true },
+  { label: 'Batch download…', icon: Archive, command: () => openBatch() },
+];
+
+const customMenuItems = [
+  { label: 'SVG', command: () => downloadSvg() },
+  { separator: true },
+  { label: 'Batch download…', icon: Archive, command: () => openBatch() },
+];
+
+function onDownloadClick(e: Event) {
+  menu.value.toggle(e);
+}
+</script>
+
+<template>
+  <Button label="Download" severity="secondary" @click="onDownloadClick">
+    <template #icon>
+      <Download :size="15" />
+    </template>
+  </Button>
+  <Menu
+    ref="menu"
+    :model="store.isCustomStyle ? customMenuItems : builtInMenuItems"
+    :popup="true"
+  >
+    <template #item="{ item, props }">
+      <a v-bind="props.action" class="pg-download-menu-item">
+        <component :is="item.icon" v-if="item.icon" :size="14" />
+        <span>{{ item.label }}</span>
+      </a>
+    </template>
+  </Menu>
+
+  <UiDialog v-model:open="open">
+    <UiConfetti :key="confettiKey" />
+    <div class="dialog-preview">
+      <UiAvatar
+        :style-name="store.avatarStyleName"
+        :style-options="options"
+        :size="DIALOG_PREVIEW_AVATAR_SIZE"
+        mode="library"
+      />
+    </div>
+    <div class="dialog-title">Your avatar will be downloaded! 🎉</div>
+    <div class="dialog-subtitle">
+      Please note the license below before using.
+    </div>
+    <div class="dialog-text">
+      <PlaygroundLicenseAlert />
+    </div>
+  </UiDialog>
+
+  <UiDialog v-model:open="batchOpen" header="Batch download" max-width="640px">
+    <PlaygroundBatchDownload v-if="batchOpen" />
+  </UiDialog>
+</template>
+
+<style scoped lang="scss">
+.pg-download-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonHowToUse.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonHowToUse.vue
new file mode 100644
index 0000000..c7c6934
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundButtonHowToUse.vue
@@ -0,0 +1,476 @@
+<script setup lang="ts">
+import { Code as CodeIcon } from '@lucide/vue';
+import { computed, ref, watch } from 'vue';
+import { UiCard, UiCode, UiDialog } from '../ui';
+import {
+  getAvatarApiUrl,
+  getAvatarApiCommand,
+  unsupportedHttpApiOptions,
+} from '@theme/utils/avatar/api';
+import {
+  formatPhpValue,
+  formatPythonValue,
+  formatGoValue,
+  formatDartValue,
+} from '@theme/utils/code-examples';
+import Button from 'primevue/button';
+import PlaygroundLicenseAlert from './PlaygroundLicenseAlert.vue';
+import { usePlaygroundDialog } from '@theme/composables/usePlaygroundDialog';
+import { track, styleLabel } from '@theme/utils/track';
+import Message from 'primevue/message';
+import Tabs from 'primevue/tabs';
+import TabList from 'primevue/tablist';
+import Tab from 'primevue/tab';
+import TabPanels from 'primevue/tabpanels';
+import TabPanel from 'primevue/tabpanel';
+
+const props = defineProps<{
+  seed: string;
+}>();
+
+const { store, open, options } = usePlaygroundDialog(() => props.seed);
+
+const tab = ref<string>(store.isCustomStyle ? 'js-library' : 'http-api');
+
+watch(
+  () => store.isCustomStyle,
+  (isCustom) => {
+    if (isCustom && tab.value === 'http-api') {
+      tab.value = 'js-library';
+    }
+  },
+);
+
+watch(open, (isOpen) => {
+  if (isOpen) {
+    track('Playground: How To Use', {
+      style: styleLabel(store.avatarStyleName),
+    });
+  }
+});
+
+// Only count tabs the user actively picks while the dialog is open, not the
+// automatic http-api → js-library switch for custom styles.
+watch(tab, (value) => {
+  if (open.value) {
+    track('Playground: How To Use Tab', { tab: value });
+  }
+});
+
+const exampleHttpApi = computed(() =>
+  getAvatarApiUrl(store.avatarStyleName, options.value),
+);
+const hasExcludedOptions = computed(() => {
+  const opts = options.value as Record<string, unknown>;
+  return Object.keys(opts).some(
+    (k) => unsupportedHttpApiOptions.has(k) && opts[k] !== undefined,
+  );
+});
+const exampleHttpApiHtml = computed(
+  () => `<img
+  src="${getAvatarApiUrl(store.avatarStyleName, options.value)}"
+  alt="avatar" />`,
+);
+const exampleJsLibrary = computed(() => {
+  if (store.isCustomStyle) {
+    return `import { Style, Avatar } from '@dicebear/core';
+
+// Your custom style definition
+const definition = { /* ... */ };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, ${JSON.stringify(options.value, null, 2)});
+
+const svg = avatar.toString();`;
+  }
+
+  return `import { Style, Avatar } from '@dicebear/core';
+import definition from '@dicebear/styles/${store.avatarStyleName}.json' with { type: 'json' };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, ${JSON.stringify(options.value, null, 2)});
+
+const svg = avatar.toString();`;
+});
+const examplePhp = computed(() => {
+  const phpOptions = formatPhpValue(options.value, 1);
+
+  if (store.isCustomStyle) {
+    return `<?php
+
+use DiceBear\\Style;
+use DiceBear\\Avatar;
+
+// Your custom style definition (raw JSON)
+$style = Style::fromJson(file_get_contents('./my-style.json'));
+$avatar = new Avatar($style, ${phpOptions});
+
+$svg = (string) $avatar;`;
+  }
+
+  return `<?php
+
+use Composer\\InstalledVersions;
+use DiceBear\\Style;
+use DiceBear\\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/${store.avatarStyleName}.json'));
+
+$avatar = new Avatar($style, ${phpOptions});
+
+$svg = (string) $avatar;`;
+});
+const examplePython = computed(() => {
+  const pythonOptions = formatPythonValue(options.value, 1);
+
+  if (store.isCustomStyle) {
+    return `from pathlib import Path
+
+from dicebear import Avatar, Style
+
+# Your custom style definition (raw JSON)
+style = Style.from_json(Path("./my-style.json").read_text("utf-8"))
+avatar = Avatar(style, ${pythonOptions})
+
+svg = avatar.to_string()`;
+  }
+
+  return `from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("${store.avatarStyleName}.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, ${pythonOptions})
+
+svg = avatar.to_string()`;
+});
+const installRust = computed(() =>
+  store.isCustomStyle
+    ? 'cargo add dicebear-core serde_json'
+    : `cargo add dicebear-core serde_json\ncargo add dicebear-styles --features ${store.avatarStyleName}`,
+);
+const exampleRust = computed(() => {
+  const rustOptions = JSON.stringify(options.value, null, 2);
+
+  if (store.isCustomStyle) {
+    return `use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+// Your custom style definition
+let definition = std::fs::read_to_string("./my-style.json")?;
+
+let style = Style::from_str(&definition)?;
+let avatar = Avatar::new(&style, json!(${rustOptions}))?;
+
+let svg = avatar.to_svg();`;
+  }
+
+  return `use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::${store.avatarStyleName.toUpperCase().replace(/-/g, '_')})?;
+let avatar = Avatar::new(&style, json!(${rustOptions}))?;
+
+let svg = avatar.to_svg();`;
+});
+const exampleGo = computed(() => {
+  const goOptions = formatGoValue(options.value, 1);
+
+  if (store.isCustomStyle) {
+    return `import (
+	"os"
+
+	dicebear "github.com/dicebear/dicebear-go/v10"
+)
+
+// Your custom style definition
+definition, _ := os.ReadFile("./my-style.json")
+
+style, _ := dicebear.NewStyle(definition)
+avatar, _ := dicebear.NewAvatar(style, ${goOptions})
+
+svg := avatar.SVG()`;
+  }
+
+  // The Go styles module exports each style as a PascalCase variable
+  // (e.g. "big-ears" → BigEars).
+  const styleConst = store.avatarStyleName
+    .split('-')
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('');
+
+  return `import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.${styleConst}))
+avatar, _ := dicebear.NewAvatar(style, ${goOptions})
+
+svg := avatar.SVG()`;
+});
+
+const exampleDart = computed(() => {
+  const dartOptions = formatDartValue(options.value, 1);
+
+  if (store.isCustomStyle) {
+    return `import 'dart:io';
+
+import 'package:dicebear_core/dicebear_core.dart';
+
+// Your custom style definition (raw JSON)
+final style = Style.parse(File('./my-style.json').readAsStringSync());
+final avatar = Avatar(style, ${dartOptions});
+
+final svg = avatar.svg;`;
+  }
+
+  // The Dart styles package exposes each style as its own library with a
+  // camelCase string constant (e.g. "big-ears" → big_ears.dart / bigEars).
+  const styleLibrary = store.avatarStyleName.replace(/-/g, '_');
+  const styleConst = store.avatarStyleName
+    .split('-')
+    .map((part, i) =>
+      i === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1),
+    )
+    .join('');
+
+  return `import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/${styleLibrary}.dart';
+
+final style = Style.parse(${styleConst});
+final avatar = Avatar(style, ${dartOptions});
+
+final svg = avatar.svg;`;
+});
+
+const exampleCli = computed(() =>
+  getAvatarApiCommand(
+    store.isCustomStyle ? './my-style.json' : store.avatarStyleName,
+    options.value,
+  ),
+);
+</script>
+
+<template>
+  <Button label="How to use" severity="contrast" @click="open = true">
+    <template #icon>
+      <CodeIcon :size="15" />
+    </template>
+  </Button>
+
+  <UiDialog v-model:open="open" max-width="800px" header="How to use">
+    <div class="playground-button-how-to-use-text">
+      <UiCard flush class="playground-button-how-to-use-tabs-card">
+        <Tabs v-model:value="tab">
+          <TabList>
+            <Tab v-if="!store.isCustomStyle" value="http-api">HTTP-API</Tab>
+            <Tab value="js-library">JS</Tab>
+            <Tab value="php-library">PHP</Tab>
+            <Tab value="python-library">Python</Tab>
+            <Tab value="rust-library">Rust</Tab>
+            <Tab value="go-library">Go</Tab>
+            <Tab value="dart-library">Dart</Tab>
+            <Tab value="cli">CLI</Tab>
+          </TabList>
+          <TabPanels>
+            <TabPanel v-if="!store.isCustomStyle" value="http-api">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>
+                  Use this URL to request this avatar style via our HTTP API.
+                </p>
+                <UiCode :code="exampleHttpApi" />
+                <p>You can use the URL directly as image source.</p>
+                <UiCode :code="exampleHttpApiHtml" lang="html" />
+                <Message
+                  v-if="hasExcludedOptions"
+                  severity="warn"
+                  :closable="false"
+                  :style="{ '--p-message-text-font-size': '13px' }"
+                >
+                  Some options you selected are not supported by our public
+                  HTTP-API and have been omitted from the URL. You can enable
+                  them by
+                  <a href="/guides/host-the-http-api-yourself/"
+                    >hosting your own instance</a
+                  >.
+                </Message>
+                <p>
+                  See <a href="/how-to-use/http-api">HTTP-API</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="js-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First install the required packages via npm:</p>
+                <UiCode
+                  :code="
+                    store.isCustomStyle
+                      ? 'npm install @dicebear/core --save'
+                      : 'npm install @dicebear/core @dicebear/styles --save'
+                  "
+                />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="exampleJsLibrary" lang="js" />
+                <p>
+                  See <a href="/how-to-use/js-library">JS</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="php-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First install the required packages via Composer:</p>
+                <UiCode
+                  :code="
+                    store.isCustomStyle
+                      ? 'composer require dicebear/core'
+                      : 'composer require dicebear/core dicebear/styles'
+                  "
+                />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="examplePhp" lang="php" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="python-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First install the required packages via pip:</p>
+                <UiCode
+                  :code="
+                    store.isCustomStyle
+                      ? 'pip install dicebear-core'
+                      : 'pip install dicebear-core dicebear-styles'
+                  "
+                />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="examplePython" lang="python" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+                <p>
+                  See <a href="/how-to-use/python-library">Python</a> docs for
+                  more information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="rust-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First add the required crates with Cargo:</p>
+                <UiCode :code="installRust" />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="exampleRust" lang="rust" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+                <p>
+                  See <a href="/how-to-use/rust-library">Rust</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="go-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First add the required modules with go get:</p>
+                <UiCode
+                  :code="
+                    store.isCustomStyle
+                      ? 'go get github.com/dicebear/dicebear-go/v10'
+                      : 'go get github.com/dicebear/dicebear-go/v10\ngo get github.com/dicebear/styles/v10'
+                  "
+                />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="exampleGo" lang="go" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+                <p>
+                  See <a href="/how-to-use/go-library">Go</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="dart-library">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First add the required packages with dart pub:</p>
+                <UiCode
+                  :code="
+                    store.isCustomStyle
+                      ? 'dart pub add dicebear_core'
+                      : 'dart pub add dicebear_core dicebear_styles'
+                  "
+                />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="exampleDart" lang="dart" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+                <p>
+                  See <a href="/how-to-use/dart-library">Dart</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+            <TabPanel value="cli">
+              <div class="playground-button-how-to-use-tab-content">
+                <p>First install the CLI package via npm:</p>
+                <UiCode code="npm install --global dicebear" />
+                <p>Then you can create this avatar as follows:</p>
+                <UiCode :code="exampleCli" />
+                <p v-if="store.isCustomStyle">
+                  Replace <code>./my-style.json</code> with the path to your
+                  style definition.
+                </p>
+                <p>
+                  See <a href="/how-to-use/cli">CLI</a> docs for more
+                  information.
+                </p>
+              </div>
+            </TabPanel>
+          </TabPanels>
+        </Tabs>
+      </UiCard>
+
+      <PlaygroundLicenseAlert />
+    </div>
+  </UiDialog>
+</template>
+
+<style scoped lang="scss">
+.playground-button-how-to-use {
+  &-text {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    a {
+      color: var(--vp-c-brand-1);
+
+      &:hover {
+        color: var(--vp-c-brand-2);
+      }
+    }
+  }
+
+  &-tab-content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+
+    p {
+      margin: 0;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundColorPicker.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundColorPicker.vue
new file mode 100644
index 0000000..c49dda7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundColorPicker.vue
@@ -0,0 +1,200 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Plus } from '@lucide/vue';
+import Button from 'primevue/button';
+import Slider from 'primevue/slider';
+import Popover from 'primevue/popover';
+import { stripHash } from '@theme/utils/avatar/colors';
+
+defineProps<{
+  presetColors: string[];
+  colors: string[];
+}>();
+
+const emit = defineEmits<{
+  add: [hex: string];
+}>();
+
+const popover = ref();
+const nativePickerColor = ref('#b6e3f4');
+const pickerOpacity = ref(100);
+
+function pickerHexWithAlpha(): string {
+  const hex = stripHash(nativePickerColor.value);
+
+  if (pickerOpacity.value >= 100) return hex;
+
+  const alpha = Math.round((pickerOpacity.value / 100) * 255)
+    .toString(16)
+    .padStart(2, '0');
+
+  return `${hex}${alpha}`;
+}
+
+function toggle(event: Event) {
+  popover.value.toggle(event);
+}
+
+function addFromPicker() {
+  emit('add', pickerHexWithAlpha());
+  popover.value.hide();
+}
+
+function addPreset(hex: string) {
+  emit('add', hex);
+  popover.value.hide();
+}
+</script>
+
+<template>
+  <button class="pg-color-picker-trigger" @click="toggle">
+    <Plus :size="20" />
+  </button>
+
+  <Popover ref="popover">
+    <div class="pg-picker">
+      <div
+        class="pg-picker-presets"
+        v-if="presetColors.some((p) => !colors.includes(p))"
+      >
+        <button
+          v-for="preset in presetColors"
+          :key="preset"
+          v-show="!colors.includes(preset)"
+          class="pg-picker-preset"
+          :style="{ backgroundColor: `#${preset}` }"
+          @click="addPreset(preset)"
+        />
+      </div>
+      <div class="pg-picker-custom">
+        <input
+          type="color"
+          v-model="nativePickerColor"
+          class="pg-picker-native"
+        />
+        <div class="pg-picker-opacity">
+          <span class="pg-picker-opacity-label">Opacity</span>
+          <Slider
+            v-model="pickerOpacity"
+            :min="0"
+            :max="100"
+            :step="1"
+            class="pg-picker-opacity-slider"
+          />
+          <span>{{ pickerOpacity }}%</span>
+        </div>
+      </div>
+      <Button
+        :label="`Add #${pickerHexWithAlpha()}`"
+        severity="secondary"
+        variant="outlined"
+        size="small"
+        @click="addFromPicker"
+      />
+    </div>
+  </Popover>
+</template>
+
+<style scoped lang="scss">
+.pg-color-picker-trigger {
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--vp-c-bg-soft);
+  border: 2px dashed var(--pg-border);
+  border-radius: var(--vp-radius-xs);
+  color: var(--ui-c-text-subtle);
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--p-primary-color);
+    color: var(--p-primary-color);
+  }
+}
+
+.pg-picker {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 200px;
+}
+
+.pg-picker-presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+
+.pg-picker-preset {
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: var(--vp-radius-xs);
+  cursor: pointer;
+  transition: transform var(--duration-fast) ease;
+
+  &:hover {
+    transform: scale(1.15);
+  }
+}
+
+.pg-picker-custom {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-top: 6px;
+  border-top: 1px solid var(--pg-border);
+}
+
+.pg-picker-native {
+  width: 36px;
+  height: 36px;
+  padding: 2px;
+  border: 1px solid var(--pg-border);
+  border-radius: var(--vp-radius-xs);
+  background: var(--vp-c-bg);
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &::-webkit-color-swatch-wrapper {
+    padding: 0;
+  }
+
+  &::-webkit-color-swatch {
+    border: none;
+    border-radius: 4px;
+  }
+
+  &::-moz-color-swatch {
+    border: none;
+    border-radius: 4px;
+  }
+}
+
+.pg-picker-opacity {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+
+  &-label {
+    font-size: 12px;
+    color: var(--ui-c-text-subtle);
+    white-space: nowrap;
+  }
+
+  span {
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--ui-c-text-muted);
+    min-width: 36px;
+    text-align: right;
+  }
+}
+
+.pg-picker-opacity-slider {
+  flex: 1;
+  min-width: 60px;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundColorSection.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundColorSection.vue
new file mode 100644
index 0000000..80158d7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundColorSection.vue
@@ -0,0 +1,360 @@
+<script setup lang="ts">
+import { computed, inject } from 'vue';
+import { Trash2, ArrowLeftRight, Link2 } from '@lucide/vue';
+import Button from 'primevue/button';
+import Select from 'primevue/select';
+import Slider from 'primevue/slider';
+import { capitalCase } from 'change-case';
+import useStore from '@theme/stores/playground';
+import { useRangeField } from '@theme/composables/useRangeField';
+import { stripHash } from '@theme/utils/avatar/colors';
+import { navigateToColorKey } from '@theme/components/styles/styleOptionsKeys';
+import PlaygroundColorPicker from './PlaygroundColorPicker.vue';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+
+const props = defineProps<{
+  colorName: string;
+  defaultValues: string[];
+  hasFill: boolean;
+  hasAngle: boolean;
+  hasFillStops: boolean;
+  contrastTo?: string | null;
+}>();
+
+const navigateToColor = inject(navigateToColorKey, null);
+
+function onContrastLinkClick() {
+  if (props.contrastTo && navigateToColor) {
+    navigateToColor(props.contrastTo);
+  }
+}
+
+const store = useStore();
+
+const colorKey = `${props.colorName}Color`;
+const fillKey = `${colorKey}Fill`;
+const angleKey = `${colorKey}Angle`;
+const fillStopsKey = `${colorKey}FillStops`;
+
+const colors = computed<string[]>({
+  get: () => {
+    const val = store.avatarStyleOptions[colorKey];
+
+    if (Array.isArray(val)) return val;
+
+    return props.defaultValues;
+  },
+  set: (val: string[]) => {
+    const matchesDefaults =
+      val.length === props.defaultValues.length &&
+      val.every((v, i) => v === props.defaultValues[i]);
+
+    if (matchesDefaults) {
+      delete store.avatarStyleOptions[colorKey];
+    } else {
+      store.avatarStyleOptions[colorKey] = [...val];
+    }
+  },
+});
+
+function addColor(hex: string) {
+  if (!hex) return;
+
+  const clean = stripHash(hex).toLowerCase();
+
+  if (colors.value.includes(clean)) return;
+
+  colors.value = [...colors.value, clean];
+}
+
+function removeColor(index: number) {
+  const next = [...colors.value];
+
+  next.splice(index, 1);
+  colors.value = next;
+}
+
+const fillOptions = [
+  { label: 'Solid', value: 'solid' },
+  { label: 'Linear', value: 'linear' },
+  { label: 'Radial', value: 'radial' },
+];
+
+const fill = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[fillKey];
+
+    if (Array.isArray(val)) return val[0] ?? 'solid';
+
+    return typeof val === 'string' ? val : 'solid';
+  },
+  set: (val: string) => {
+    if (val === 'solid') {
+      delete store.avatarStyleOptions[fillKey];
+    } else {
+      store.avatarStyleOptions[fillKey] = [val];
+    }
+  },
+});
+
+const {
+  isRangeMode,
+  toggleRangeMode,
+  resetRangeField,
+  singleComputed,
+  rangeComputed,
+} = useRangeField(store.avatarStyleOptions);
+
+const angleSingle = singleComputed(angleKey, 0);
+const angleRange = rangeComputed(angleKey, 0);
+
+const fillStopsSingle = singleComputed(fillStopsKey, 2);
+const fillStopsRange = rangeComputed(fillStopsKey, 2);
+</script>
+
+<template>
+  <div class="pg-color">
+    <div v-if="contrastTo" class="pg-color-contrast-banner" role="note">
+      <Link2 :size="14" class="pg-color-contrast-banner-icon" />
+      <p class="pg-color-contrast-banner-text">
+        Linked to
+        <button
+          type="button"
+          class="pg-color-contrast-banner-link"
+          @click="onContrastLinkClick"
+        >
+          {{ capitalCase(contrastTo) }}
+        </button>. The value with the strongest contrast against the chosen
+        {{ capitalCase(contrastTo).toLowerCase() }} is preferred. Adding more
+        options here introduces variation, but the highest-contrast value still
+        dominates.
+      </p>
+    </div>
+
+    <div class="pg-color-label">
+      <span>Color</span>
+      <PlaygroundFieldReset
+        v-if="store.isOptionSet(colorKey)"
+        @click="store.resetOption(colorKey)"
+      />
+    </div>
+    <div class="pg-color-grid">
+      <div
+        v-for="(color, i) in colors"
+        :key="i"
+        class="pg-color-tile"
+        :style="{ '--tile-color': `#${color}` }"
+        @click="removeColor(i)"
+      >
+        <div class="pg-color-tile-delete">
+          <Trash2 :size="16" />
+        </div>
+      </div>
+      <PlaygroundColorPicker
+        :preset-colors="props.defaultValues"
+        :colors="colors"
+        @add="addColor"
+      />
+    </div>
+
+    <template v-if="hasFill && colors.length > 0">
+      <div class="pg-field">
+        <div class="pg-field-label">
+          <span>Fill</span>
+          <PlaygroundFieldReset
+            v-if="store.isOptionSet(fillKey)"
+            @click="store.resetOption(fillKey)"
+          />
+        </div>
+        <Select
+          v-model="fill"
+          :options="fillOptions"
+          option-label="label"
+          option-value="value"
+          class="pg-color-fill-select"
+        />
+      </div>
+
+      <div class="pg-field" v-if="hasAngle && fill !== 'solid'">
+        <div class="pg-field-label">
+          <span>Angle</span>
+          <Button
+            size="small"
+            :severity="isRangeMode(angleKey) ? 'primary' : 'secondary'"
+            variant="outlined"
+            v-tooltip="
+              isRangeMode(angleKey)
+                ? 'Switch to fixed value'
+                : 'Switch to range'
+            "
+            @click="toggleRangeMode(angleKey, 0)"
+            class="pg-field-toggle"
+          >
+            <ArrowLeftRight :size="14" />
+          </Button>
+          <PlaygroundFieldReset
+            v-if="store.isOptionSet(angleKey)"
+            @click="resetRangeField(angleKey)"
+          />
+          <span class="pg-field-value" v-if="isRangeMode(angleKey)"
+            >{{ angleRange[0] }}° — {{ angleRange[1] }}°</span
+          >
+          <span class="pg-field-value" v-else>{{ angleSingle }}°</span>
+        </div>
+        <Slider
+          v-if="isRangeMode(angleKey)"
+          v-model="angleRange"
+          :range="true"
+          :min="-360"
+          :max="360"
+          :step="1"
+        />
+        <Slider v-else v-model="angleSingle" :min="-360" :max="360" :step="1" />
+      </div>
+
+      <div class="pg-field" v-if="hasFillStops && fill !== 'solid'">
+        <div class="pg-field-label">
+          <span>Stops</span>
+          <Button
+            size="small"
+            :severity="isRangeMode(fillStopsKey) ? 'primary' : 'secondary'"
+            variant="outlined"
+            v-tooltip="
+              isRangeMode(fillStopsKey)
+                ? 'Switch to fixed value'
+                : 'Switch to range'
+            "
+            @click="toggleRangeMode(fillStopsKey, 2)"
+            class="pg-field-toggle"
+          >
+            <ArrowLeftRight :size="14" />
+          </Button>
+          <PlaygroundFieldReset
+            v-if="store.isOptionSet(fillStopsKey)"
+            @click="resetRangeField(fillStopsKey)"
+          />
+          <span class="pg-field-value" v-if="isRangeMode(fillStopsKey)"
+            >{{ fillStopsRange[0] }} — {{ fillStopsRange[1] }}</span
+          >
+          <span class="pg-field-value" v-else>{{ fillStopsSingle }}</span>
+        </div>
+        <Slider
+          v-if="isRangeMode(fillStopsKey)"
+          v-model="fillStopsRange"
+          :range="true"
+          :min="2"
+          :max="5"
+          :step="1"
+        />
+        <Slider v-else v-model="fillStopsSingle" :min="2" :max="5" :step="1" />
+      </div>
+    </template>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-color {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.pg-color-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-color-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
+  gap: 6px;
+}
+
+.pg-color-tile {
+  aspect-ratio: 1;
+  border: 1px solid var(--pg-border);
+  border-radius: var(--vp-radius-xs);
+  background: repeating-conic-gradient(
+      var(--vp-c-bg-soft) 0% 25%,
+      var(--vp-c-bg) 0% 50%
+    )
+    50% / 10px 10px;
+  cursor: pointer;
+  transition: all var(--duration-fast) ease;
+  position: relative;
+  overflow: hidden;
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: var(--tile-color);
+    border-radius: calc(var(--vp-radius-xs) - 1px);
+  }
+
+  .pg-color-tile-delete {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: calc(var(--vp-radius-xs) - 1px);
+    color: white;
+    opacity: 0;
+    transition: opacity var(--duration-fast) ease;
+    z-index: 1;
+  }
+
+  &:hover .pg-color-tile-delete {
+    opacity: 1;
+  }
+}
+
+.pg-color-fill-select {
+  width: 100%;
+}
+
+.pg-color-contrast-banner {
+  display: flex;
+  gap: 8px;
+  padding: 10px 12px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--ui-c-text-muted);
+  background: var(--vp-c-bg-soft);
+  border: 1px solid var(--pg-border);
+  border-radius: var(--vp-radius-xs);
+}
+
+.pg-color-contrast-banner-icon {
+  flex-shrink: 0;
+  margin-top: 2px;
+  opacity: 0.7;
+}
+
+.pg-color-contrast-banner-text {
+  margin: 0;
+}
+
+.pg-color-contrast-banner-link {
+  display: inline;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: var(--vp-c-brand-1);
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+
+  &:hover {
+    color: var(--vp-c-brand-2);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundCombinationCount.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundCombinationCount.vue
new file mode 100644
index 0000000..d7a7d3d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundCombinationCount.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import { useCombinationCount } from '@theme/composables/useCombinationCount';
+
+const count = useCombinationCount();
+</script>
+
+<template>
+  <div v-if="count" class="pg-combo">
+    <p class="pg-combo-main">
+      <span class="pg-combo-value">{{ count.display }}</span>
+      <span class="pg-combo-label">possible avatars</span>
+    </p>
+    <p class="pg-combo-hint">
+      Shrinks as you restrict variants, colors, or probabilities.
+      <a href="/guides/how-many-unique-avatars/">Learn more →</a>
+    </p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-combo {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.pg-combo-main {
+  margin: 0;
+  display: inline-flex;
+  align-items: baseline;
+  gap: 6px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--ui-c-text-muted);
+  white-space: nowrap;
+}
+
+.pg-combo-value {
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  color: var(--vp-c-text-1);
+}
+
+.pg-combo-hint {
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--ui-c-text-subtle);
+
+  a {
+    color: inherit;
+    text-decoration: underline;
+    text-decoration-color: var(--pg-border);
+    text-underline-offset: 2px;
+    white-space: nowrap;
+    transition:
+      color var(--duration-fast),
+      text-decoration-color var(--duration-fast);
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+      text-decoration-color: var(--vp-c-brand-1);
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundComponentSection.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundComponentSection.vue
new file mode 100644
index 0000000..28513c9
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundComponentSection.vue
@@ -0,0 +1,244 @@
+<script setup lang="ts">
+import { inject } from 'vue';
+import Slider from 'primevue/slider';
+import Button from 'primevue/button';
+import InputNumber from 'primevue/inputnumber';
+import { Weight } from '@lucide/vue';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+import useStore from '@theme/stores/playground';
+import { useRangeField } from '@theme/composables/useRangeField';
+import { useVariantWeights } from '@theme/composables/useVariantWeights';
+import {
+  componentPreviewKey,
+  componentPreviewDefault,
+} from '@theme/components/styles/styleOptionsKeys';
+
+const props = defineProps<{
+  componentName: string;
+  variants: string[];
+  hasProbability: boolean;
+  hasNonDefaultWeights: boolean;
+  defaultWeights: Record<string, number>;
+  defaultProbability: number;
+}>();
+
+const store = useStore();
+const preview = inject(componentPreviewKey, componentPreviewDefault);
+
+const {
+  showWeights,
+  variantWeights,
+  toggleWeights,
+  toggleVariant,
+  setWeight,
+  selectAll,
+  selectNone,
+} = useVariantWeights(
+  store.avatarStyleOptions,
+  () => props.componentName,
+  () => props.variants,
+  () => props.hasNonDefaultWeights,
+  () => props.defaultWeights,
+);
+
+const { singleComputed } = useRangeField(store.avatarStyleOptions);
+
+const variantKey = `${props.componentName}Variant`;
+const probabilityKey = `${props.componentName}Probability`;
+
+const probability = singleComputed(
+  probabilityKey,
+  () => props.defaultProbability,
+);
+
+function resetVariants() {
+  store.resetOption(variantKey);
+  showWeights.value = props.hasNonDefaultWeights;
+}
+</script>
+
+<template>
+  <div class="pg-comp-body">
+    <div class="pg-field" v-if="hasProbability">
+      <div class="pg-field-label">
+        <span>Probability</span>
+        <PlaygroundFieldReset
+          v-if="store.isOptionSet(probabilityKey)"
+          @click="store.resetOption(probabilityKey)"
+        />
+        <span class="pg-field-value">{{ probability }}%</span>
+      </div>
+      <Slider v-model="probability" :min="0" :max="100" :step="1" />
+    </div>
+
+    <div v-if="variants.length > 0" class="pg-comp-variants">
+      <div class="pg-field-label">
+        <span>Variants</span>
+        <Button
+          size="small"
+          :severity="showWeights ? 'primary' : 'secondary'"
+          variant="outlined"
+          v-tooltip="showWeights ? 'Hide weights' : 'Show weights'"
+          @click="toggleWeights"
+          class="pg-field-toggle"
+        >
+          <Weight :size="14" />
+        </Button>
+        <Button
+          label="All"
+          size="small"
+          severity="secondary"
+          variant="outlined"
+          @click="selectAll"
+          class="pg-field-toggle"
+        />
+        <Button
+          label="None"
+          size="small"
+          severity="secondary"
+          variant="outlined"
+          @click="selectNone"
+          class="pg-field-toggle"
+        />
+        <PlaygroundFieldReset
+          v-if="store.isOptionSet(variantKey)"
+          @click="resetVariants"
+        />
+      </div>
+      <div class="pg-comp-variants-grid">
+        <div
+          v-for="variant in variants"
+          :key="variant"
+          class="pg-comp-variant"
+          :class="{
+            'pg-comp-variant-off': variantWeights[variant] === undefined,
+          }"
+        >
+          <button
+            class="pg-comp-variant-btn"
+            :class="{
+              'pg-comp-variant-btn-active':
+                variantWeights[variant] !== undefined,
+            }"
+            @click="toggleVariant(variant)"
+          >
+            <img
+              v-if="preview"
+              :src="preview.toDataUri(componentName, variant)"
+              alt=""
+              class="pg-comp-variant-img"
+            />
+          </button>
+          <span class="pg-comp-variant-name">{{ variant }}</span>
+          <InputNumber
+            v-if="showWeights && variantWeights[variant] !== undefined"
+            v-tooltip="'Weight — higher values increase probability'"
+            :model-value="variantWeights[variant]"
+            @update:model-value="
+              (val: number) => setWeight(variant, Math.max(0, val ?? 0))
+            "
+            :min="0"
+            :min-fraction-digits="0"
+            :max-fraction-digits="2"
+            :show-buttons="false"
+            locale="en-US"
+            class="pg-comp-variant-weight"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-comp-body {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.pg-comp-variants {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.pg-comp-variants-grid {
+  display: grid;
+  /* `minmax(0, 1fr)` allows the columns to shrink below the intrinsic
+     content width — without it long variant names would push the
+     tracks wider than the container. */
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.pg-comp-variant {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 3px;
+  /* Allow flex children (e.g. the variant name) to shrink so the
+     ellipsis can engage. */
+  min-width: 0;
+  transition: opacity var(--duration-fast) ease;
+
+  &-off {
+    opacity: 0.25;
+  }
+}
+
+.pg-comp-variant-btn {
+  width: 100%;
+  padding: 4px;
+  border: 2px solid transparent;
+  border-radius: var(--vp-radius-xs);
+  background: none;
+  cursor: pointer;
+  transition: all var(--duration-fast) ease;
+
+  &-active {
+    border-color: var(--p-primary-color);
+  }
+
+  &:hover {
+    border-color: var(--p-primary-200);
+  }
+}
+
+.pg-comp-variant-img {
+  display: block;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: contain;
+  border-radius: 3px;
+  background: repeating-conic-gradient(
+      var(--ui-avatar-bg-1, rgba(0, 0, 0, 0.02)) 0% 25%,
+      var(--ui-avatar-bg-2, rgba(0, 0, 0, 0.07)) 0% 50%
+    )
+    50% / 12px 12px;
+}
+
+.pg-comp-variant-name {
+  font-size: 9px;
+  color: var(--ui-c-text-subtle);
+  /* `width: 100%` (not `max-width`) ensures the span fills the
+     column so the ellipsis can clip long names cleanly. */
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.pg-comp-variant-weight {
+  width: 40px;
+
+  :deep(input) {
+    width: 40px;
+    height: 20px;
+    padding: 0 4px;
+    font-size: 11px;
+    text-align: center;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundContent.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundContent.vue
new file mode 100644
index 0000000..57dcbaf
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundContent.vue
@@ -0,0 +1,116 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia';
+import { kebabCase } from 'change-case';
+import { RotateCcw } from '@lucide/vue';
+import PlaygroundOptions from './PlaygroundOptions.vue';
+import PlaygroundPreviewPanel from './PlaygroundPreviewPanel.vue';
+import useStore from '@theme/stores/playground';
+import { track, styleLabel } from '@theme/utils/track';
+import Button from 'primevue/button';
+
+const store = useStore();
+const { seed } = storeToRefs(store);
+
+function onReset() {
+  track('Playground: Reset', { style: styleLabel(store.avatarStyleName) });
+  store.resetOptions();
+}
+
+// ?style= query param overrides persisted style (used by "Open in Playground" links)
+const styleParam = new URL(window.location.href).searchParams.get('style');
+
+if (styleParam) {
+  const styleName = kebabCase(styleParam);
+
+  if (store.availableAvatarStyles.includes(styleName)) {
+    store.avatarStyleName = styleName;
+    store.resetOptions();
+  }
+
+  history.replaceState(null, '', window.location.pathname);
+}
+</script>
+
+<template>
+  <div class="pg">
+    <div class="pg-body">
+      <aside class="pg-sidebar">
+        <PlaygroundOptions v-model:seed="seed" />
+      </aside>
+      <main class="pg-main">
+        <div class="pg-main-actions">
+          <Button
+            label="Reset"
+            severity="secondary"
+            variant="link"
+            size="small"
+            class="pg-field-reset"
+            @click="onReset"
+          >
+            <template #icon>
+              <RotateCcw :size="14" />
+            </template>
+          </Button>
+        </div>
+
+        <PlaygroundPreviewPanel :seed="seed" />
+      </main>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 16px 24px 48px;
+}
+
+.pg-body {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+
+  @media (max-width: 860px) {
+    grid-template-columns: 1fr;
+  }
+}
+
+.pg-sidebar {
+  min-width: 0;
+
+  @media (min-width: 861px) {
+    padding-top: 10px;
+  }
+}
+
+.pg-main {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  @media (min-width: 861px) {
+    position: sticky;
+    top: 80px;
+    align-self: start;
+  }
+
+  @media (max-width: 860px) {
+    order: -1;
+  }
+
+  &-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 4px;
+
+    :deep(.p-button-link) {
+      color: var(--ui-c-text-muted);
+    }
+
+    :deep(.p-button-link:hover .p-button-label) {
+      text-decoration: none;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundCustomStyleUpload.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundCustomStyleUpload.vue
new file mode 100644
index 0000000..6f357f5
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundCustomStyleUpload.vue
@@ -0,0 +1,283 @@
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue';
+import { Style } from '@dicebear/core';
+import { registerCustomStyle } from '@theme/utils/avatar/style';
+import useStore from '@theme/stores/playground';
+import Dialog from 'primevue/dialog';
+import Button from 'primevue/button';
+import InputText from 'primevue/inputtext';
+import Message from 'primevue/message';
+import Textarea from 'primevue/textarea';
+import { Upload } from '@lucide/vue';
+import { MAX_CUSTOM_STYLE_UPLOAD_BYTES } from './constants';
+
+const open = defineModel<boolean>('open', { required: true });
+
+const emit = defineEmits<{
+  added: [key: string];
+}>();
+
+const store = useStore();
+
+const jsonInput = ref('');
+const styleName = ref('');
+const error = ref('');
+const loading = ref(false);
+
+watch(open, (val) => {
+  if (val) {
+    jsonInput.value = '';
+    styleName.value = '';
+    error.value = '';
+  }
+});
+
+function extractName(definition: Record<string, unknown>): string {
+  const meta = definition.meta as Record<string, unknown> | undefined;
+
+  if (meta) {
+    const source = meta.source as Record<string, unknown> | undefined;
+
+    if (source?.name && typeof source.name === 'string') {
+      return source.name;
+    }
+
+    const creator = meta.creator as Record<string, unknown> | undefined;
+
+    if (creator?.name && typeof creator.name === 'string') {
+      return creator.name;
+    }
+  }
+
+  if (definition.$id && typeof definition.$id === 'string') {
+    return definition.$id;
+  }
+
+  return 'Custom Style';
+}
+
+async function submit() {
+  error.value = '';
+
+  if (
+    new TextEncoder().encode(jsonInput.value).length >
+    MAX_CUSTOM_STYLE_UPLOAD_BYTES
+  ) {
+    error.value = 'Style definition is too large (max 1 MB).';
+
+    return;
+  }
+
+  loading.value = true;
+
+  try {
+    const parsed = JSON.parse(jsonInput.value);
+    const name = styleName.value.trim() || extractName(parsed);
+
+    new Style(parsed);
+
+    const key = store.addCustomStyle(name, parsed);
+    registerCustomStyle(key, parsed);
+
+    emit('added', key);
+  } catch (err: unknown) {
+    if (err instanceof SyntaxError) {
+      error.value = 'Invalid JSON: ' + err.message;
+    } else if (err instanceof Error) {
+      error.value =
+        'Invalid style definition. Check format and required fields.';
+    } else {
+      error.value = 'An unknown error occurred.';
+    }
+  } finally {
+    loading.value = false;
+  }
+}
+
+async function onFileSelect(event: Event) {
+  const input = event.target as HTMLInputElement;
+  const file = input.files?.[0];
+
+  error.value = '';
+
+  if (!file) {
+    return;
+  }
+
+  if (file.size > MAX_CUSTOM_STYLE_UPLOAD_BYTES) {
+    error.value = 'File is too large (max 1 MB).';
+    input.value = '';
+
+    return;
+  }
+
+  try {
+    jsonInput.value = await file.text();
+  } catch {
+    error.value = 'Could not read file.';
+  }
+
+  input.value = '';
+}
+
+const canSubmit = computed(
+  () => jsonInput.value.trim().length > 0 && !loading.value,
+);
+</script>
+
+<template>
+  <Dialog
+    v-model:visible="open"
+    modal
+    :closable="true"
+    dismissable-mask
+    header="Add Custom Style"
+    :style="{ width: '600px', maxWidth: 'calc(100vw - 32px)' }"
+    :pt="{ content: { class: 'pg-custom-upload-dialog-content' } }"
+  >
+    <div class="pg-custom-upload">
+      <div class="pg-custom-upload-field">
+        <label class="pg-custom-upload-label">Style Name (optional)</label>
+        <InputText
+          v-model="styleName"
+          placeholder="My Custom Style"
+          class="pg-custom-upload-name"
+        />
+      </div>
+
+      <div class="pg-custom-upload-field">
+        <label class="pg-custom-upload-label">Style Definition (JSON)</label>
+        <Textarea
+          v-model="jsonInput"
+          class="pg-custom-upload-textarea"
+          placeholder="Paste your style definition JSON here..."
+          :rows="12"
+          fluid
+        />
+      </div>
+
+      <div class="pg-custom-upload-or">
+        <span>or</span>
+      </div>
+
+      <label class="pg-custom-upload-file">
+        <Upload :size="16" />
+        <span>Choose JSON file</span>
+        <input
+          type="file"
+          accept=".json,application/json"
+          class="pg-custom-upload-file-input"
+          @change="onFileSelect"
+        />
+      </label>
+
+      <Message
+        v-if="error"
+        severity="error"
+        :closable="false"
+        class="pg-custom-upload-error"
+      >
+        {{ error }}
+      </Message>
+
+      <Button
+        label="Add Style"
+        :disabled="!canSubmit"
+        :loading="loading"
+        @click="submit"
+        class="pg-custom-upload-submit"
+      />
+
+      <p class="pg-custom-upload-notice">
+        Note: Please only upload styles for which you hold the necessary
+        copyrights. Your data is processed and stored exclusively in your local
+        browser and never reaches our server.
+      </p>
+    </div>
+  </Dialog>
+</template>
+
+<style scoped lang="scss">
+.pg-custom-upload {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.pg-custom-upload-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.pg-custom-upload-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-custom-upload-name {
+  width: 100%;
+}
+
+.pg-custom-upload-textarea {
+  min-height: 200px;
+  font-family: var(--vp-font-family-mono);
+  font-size: 12px;
+  line-height: 1.5;
+  resize: vertical;
+}
+
+.pg-custom-upload-or {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  color: var(--ui-c-text-subtle);
+  font-size: 13px;
+
+  &::before,
+  &::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: var(--vp-c-border);
+  }
+}
+
+.pg-custom-upload-file {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 10px;
+  border: 1px dashed var(--vp-c-border);
+  border-radius: var(--vp-radius-xs);
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--ui-c-text-muted);
+  cursor: pointer;
+  transition: all var(--duration-fast);
+
+  &:hover {
+    border-color: var(--vp-c-brand-1);
+    color: var(--vp-c-brand-1);
+  }
+
+  &-input {
+    display: none;
+  }
+}
+
+.pg-custom-upload-submit {
+  width: 100%;
+  justify-content: center;
+}
+
+.pg-custom-upload-notice {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--ui-c-text-subtle);
+  text-align: center;
+  margin: 0;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundDefinitionInfo.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundDefinitionInfo.vue
new file mode 100644
index 0000000..5f75b1e
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundDefinitionInfo.vue
@@ -0,0 +1,130 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { ExternalLink } from '@lucide/vue';
+import useStore from '@theme/stores/playground';
+import type { ThemeOptions } from '@theme/types';
+
+const store = useStore();
+const { theme } = useData<ThemeOptions>();
+
+const definitionUrl = computed(
+  () => theme.value.avatarStyles[store.avatarStyleName]?.definitionUrl,
+);
+
+const size = computed(
+  () => theme.value.avatarStyleSizes.styles[store.avatarStyleName],
+);
+
+const fileName = computed(() => {
+  const url = definitionUrl.value;
+
+  if (!url) return null;
+
+  const lastSlash = url.lastIndexOf('/');
+
+  return lastSlash >= 0 ? url.slice(lastSlash + 1) : url;
+});
+
+function formatSize(bytes: number): string {
+  if (bytes >= 1e6) return `${(bytes / 1e6).toFixed(1)} MB`;
+  if (bytes >= 1e3) return `${(bytes / 1e3).toFixed(1)} kB`;
+
+  return `${bytes} B`;
+}
+</script>
+
+<template>
+  <a
+    v-if="definitionUrl && fileName"
+    :href="definitionUrl"
+    target="_blank"
+    rel="noopener noreferrer"
+    class="pg-def"
+  >
+    <span class="pg-def-main">
+      <span class="pg-def-name">{{ fileName }}</span>
+      <ExternalLink :size="13" class="pg-def-icon" />
+    </span>
+    <span v-if="size" class="pg-def-size">
+      <span class="pg-def-size-value">{{ formatSize(size.gzip) }}</span>
+      <span class="pg-def-size-unit">gzipped</span>
+      <span class="pg-def-size-sep">·</span>
+      <span class="pg-def-size-value">{{ formatSize(size.raw) }}</span>
+      <span class="pg-def-size-unit">raw</span>
+    </span>
+  </a>
+</template>
+
+<style scoped lang="scss">
+.pg-def {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  text-decoration: none;
+  color: var(--ui-c-text-muted);
+  transition: color var(--duration-fast);
+
+  &:hover,
+  &:focus-visible {
+    color: var(--vp-c-brand-1);
+    outline: none;
+
+    .pg-def-name {
+      text-decoration-color: var(--vp-c-brand-1);
+    }
+
+    .pg-def-icon {
+      color: var(--vp-c-brand-1);
+      transform: translate(1px, -1px);
+    }
+  }
+}
+
+.pg-def-main {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  line-height: 1.2;
+}
+
+.pg-def-name {
+  font-family: var(--vp-font-family-mono);
+  font-weight: 500;
+  color: inherit;
+  text-decoration: underline;
+  text-decoration-color: var(--pg-border);
+  text-underline-offset: 2px;
+  transition: text-decoration-color var(--duration-fast);
+  word-break: break-all;
+}
+
+.pg-def-icon {
+  flex-shrink: 0;
+  color: var(--ui-c-text-subtle);
+  transition:
+    color var(--duration-fast),
+    transform var(--duration-fast) var(--ease-smooth);
+}
+
+.pg-def-size {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 4px;
+  font-size: 11px;
+  line-height: 1.2;
+  color: var(--ui-c-text-subtle);
+  font-variant-numeric: tabular-nums;
+}
+
+.pg-def-size-value {
+  font-weight: 600;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-def-size-sep {
+  opacity: 0.5;
+  margin: 0 2px;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundDocumentationLink.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundDocumentationLink.vue
new file mode 100644
index 0000000..311fa12
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundDocumentationLink.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { kebabCase } from 'change-case';
+import { ArrowRight } from '@lucide/vue';
+import useStore from '@theme/stores/playground';
+
+const store = useStore();
+
+const url = computed(() => `/styles/${kebabCase(store.avatarStyleName)}/`);
+</script>
+
+<template>
+  <a :href="url" class="pg-doc-link">
+    <span class="pg-doc-main">
+      <span class="pg-doc-label">Style documentation</span>
+      <ArrowRight :size="13" class="pg-doc-arrow" />
+    </span>
+    <span class="pg-doc-hint"
+      >Full options reference, code examples, and integration guides.</span
+    >
+  </a>
+</template>
+
+<style scoped lang="scss">
+.pg-doc-link {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  text-decoration: none;
+  color: var(--ui-c-text-muted);
+  transition: color var(--duration-fast);
+
+  &:hover,
+  &:focus-visible {
+    color: var(--vp-c-brand-1);
+    outline: none;
+
+    .pg-doc-label {
+      text-decoration-color: var(--vp-c-brand-1);
+    }
+
+    .pg-doc-arrow {
+      color: var(--vp-c-brand-1);
+      transform: translateX(2px);
+    }
+  }
+}
+
+.pg-doc-main {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  line-height: 1.2;
+}
+
+.pg-doc-label {
+  color: inherit;
+  text-decoration: underline;
+  text-decoration-color: var(--pg-border);
+  text-underline-offset: 2px;
+  transition: text-decoration-color var(--duration-fast);
+}
+
+.pg-doc-arrow {
+  flex-shrink: 0;
+  color: var(--ui-c-text-subtle);
+  transition:
+    color var(--duration-fast),
+    transform var(--duration-fast) var(--ease-smooth);
+}
+
+.pg-doc-hint {
+  font-size: 11px;
+  line-height: 1.2;
+  color: var(--ui-c-text-subtle);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundFieldReset.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundFieldReset.vue
new file mode 100644
index 0000000..a584d11
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundFieldReset.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import Button from 'primevue/button';
+import { RotateCcw } from '@lucide/vue';
+
+defineEmits<{ click: [] }>();
+</script>
+
+<template>
+  <Button
+    size="small"
+    severity="secondary"
+    variant="outlined"
+    v-tooltip="'Reset to default'"
+    class="pg-field-reset pg-field-toggle"
+    @click="$emit('click')"
+  >
+    <RotateCcw :size="14" />
+  </Button>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundFontSection.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundFontSection.vue
new file mode 100644
index 0000000..b8fde1a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundFontSection.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import Select from 'primevue/select';
+import useStore from '@theme/stores/playground';
+import { webSafeFonts, fontWeights } from '@theme/utils/avatar/fonts';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+
+const fontFamilyOptions = [...webSafeFonts];
+const fontWeightOptions = [...fontWeights];
+
+defineProps<{
+  hasFontFamily: boolean;
+  hasFontWeight: boolean;
+}>();
+
+const store = useStore();
+
+const fontFamilyKey = 'fontFamily';
+const fontWeightKey = 'fontWeight';
+
+const fontFamily = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[fontFamilyKey];
+
+    if (typeof val === 'string') return val;
+
+    return 'system-ui';
+  },
+  set: (val: string) => {
+    if (val === 'system-ui') {
+      delete store.avatarStyleOptions[fontFamilyKey];
+    } else {
+      store.avatarStyleOptions[fontFamilyKey] = val;
+    }
+  },
+});
+
+const fontWeight = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[fontWeightKey];
+
+    if (typeof val === 'number') return val;
+
+    return 400;
+  },
+  set: (val: number) => {
+    if (val === 400) {
+      delete store.avatarStyleOptions[fontWeightKey];
+    } else {
+      store.avatarStyleOptions[fontWeightKey] = val;
+    }
+  },
+});
+</script>
+
+<template>
+  <div class="pg-font">
+    <div class="pg-field" v-if="hasFontFamily">
+      <div class="pg-field-label">
+        <span>Font Family</span>
+        <PlaygroundFieldReset
+          v-if="store.isOptionSet(fontFamilyKey)"
+          @click="store.resetOption(fontFamilyKey)"
+        />
+      </div>
+      <Select
+        v-model="fontFamily"
+        :options="fontFamilyOptions"
+        class="pg-field-select"
+      />
+    </div>
+
+    <div class="pg-field" v-if="hasFontWeight">
+      <div class="pg-field-label">
+        <span>Font Weight</span>
+        <PlaygroundFieldReset
+          v-if="store.isOptionSet(fontWeightKey)"
+          @click="store.resetOption(fontWeightKey)"
+        />
+      </div>
+      <Select
+        v-model="fontWeight"
+        :options="fontWeightOptions"
+        option-label="label"
+        option-value="value"
+        class="pg-field-select"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-font {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseAlert.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseAlert.vue
new file mode 100644
index 0000000..628718b
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseAlert.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { UiCard } from '@theme/components/ui';
+import PlaygroundLicenseText from './PlaygroundLicenseText.vue';
+</script>
+
+<template>
+  <UiCard padding="sm" class="playground-license-alert">
+    <strong>
+      Please note the following license before using the avatar:
+    </strong>
+    <PlaygroundLicenseText />
+  </UiCard>
+</template>
+
+<style scoped lang="scss">
+.playground-license-alert {
+  font-size: 14px;
+  line-height: 1.5;
+
+  :deep(strong) {
+    display: block;
+    margin-bottom: 4px;
+    font-weight: 600;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseText.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseText.vue
new file mode 100644
index 0000000..c90c682
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundLicenseText.vue
@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { loadAvatarStyle } from '@theme/utils/avatar/style';
+import { computed } from 'vue';
+import { computedAsync } from '@vueuse/core';
+import useStore from '@theme/stores/playground';
+import { safeHttpUrl } from '@theme/utils/url';
+import { UiLicenseText } from '@theme/components/ui';
+
+const store = useStore();
+
+// For custom styles, load meta from the Style object directly
+const customStyleMeta = computedAsync(async () => {
+  if (!store.isCustomStyle) return null;
+
+  try {
+    const style = await loadAvatarStyle(store.avatarStyleName);
+    const meta = style.meta();
+
+    return {
+      creator: meta.creator()?.name(),
+      homepage: meta.creator()?.url(),
+      title: meta.source()?.name(),
+      source: meta.source()?.url(),
+      license: {
+        name: meta.license()?.name(),
+        url: meta.license()?.url(),
+      },
+    };
+  } catch {
+    return null;
+  }
+}, null);
+
+const hasCustomMeta = computed(() => {
+  const meta = customStyleMeta.value;
+  return meta && (meta.creator || meta.license?.name);
+});
+
+const customSourceUrl = computed(() =>
+  safeHttpUrl(customStyleMeta.value?.source),
+);
+const customLicenseUrl = computed(() =>
+  safeHttpUrl(customStyleMeta.value?.license?.url),
+);
+
+const customStyleDisplayName = computed(
+  () => store.customStyles[store.avatarStyleName]?.name ?? 'Custom Style',
+);
+</script>
+
+<template>
+  <p class="playground-license-text" v-if="store.isCustomStyle">
+    <template v-if="hasCustomMeta">
+      <span class="playground-license-text-name">{{
+        customStyleDisplayName
+      }}</span>
+      <template v-if="customStyleMeta?.title">
+        is based on:
+        <a
+          v-if="customSourceUrl"
+          :href="customSourceUrl"
+          target="_blank"
+          rel="noopener noreferrer"
+          >{{ customStyleMeta?.title }}</a
+        >
+        <template v-else>{{ customStyleMeta?.title }}</template>
+      </template>
+      <template v-if="customStyleMeta?.creator">
+        by {{ customStyleMeta.creator }}
+      </template>
+      <template v-if="customStyleMeta?.license?.name">
+        , licensed under
+        <a
+          v-if="customLicenseUrl"
+          :href="customLicenseUrl"
+          target="_blank"
+          rel="noopener noreferrer"
+          >{{ customStyleMeta?.license?.name }}</a
+        >
+        <template v-else>{{ customStyleMeta?.license?.name }}</template>
+      </template>
+      (as stated by the creator; DiceBear has not verified this).
+    </template>
+    <template v-else>
+      This avatar style was provided by a user. License and copyright have not
+      been verified by DiceBear.
+    </template>
+  </p>
+
+  <UiLicenseText v-else :style-name="store.avatarStyleName" />
+</template>
+
+<style scoped lang="scss">
+.playground-license-text {
+  &-name {
+    font-weight: 600;
+  }
+
+  a {
+    font-weight: 500;
+    color: var(--vp-c-brand-1);
+    text-decoration-style: dotted;
+    transition: color var(--duration-fast);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--vp-c-brand-2);
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundLoader.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundLoader.vue
new file mode 100644
index 0000000..2aa36a0
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundLoader.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="playground-loader">
+    <div class="playground-loader-body">
+      <div class="playground-loader-spinner" />
+      <div class="playground-loader-text">Please wait...</div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.playground-loader {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - 180px);
+  padding: 120px;
+
+  &-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &-spinner {
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    border: 3px solid transparent;
+    border-top-color: var(--vp-c-brand-1);
+    animation: playground-loader 1.1s infinite linear;
+  }
+
+  &-text {
+    text-align: center;
+    margin-top: 12px;
+  }
+}
+
+@keyframes playground-loader {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundOptions.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundOptions.vue
new file mode 100644
index 0000000..744b029
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundOptions.vue
@@ -0,0 +1,576 @@
+<script setup lang="ts">
+import { computed, nextTick, provide, ref, watch } from 'vue';
+import { styleUsesVariable } from '@theme/utils/avatar/style';
+import {
+  componentPreviewKey,
+  navigateToColorKey,
+} from '@theme/components/styles/styleOptionsKeys';
+import { useStyleOptions } from '@theme/composables/useStyleOptions';
+import { capitalCase } from 'change-case';
+import useStore from '@theme/stores/playground';
+import { track, styleLabel } from '@theme/utils/track';
+import { storeToRefs } from 'pinia';
+import Accordion from 'primevue/accordion';
+import AccordionPanel from 'primevue/accordionpanel';
+import AccordionHeader from 'primevue/accordionheader';
+import AccordionContent from 'primevue/accordioncontent';
+import Tag from 'primevue/tag';
+import InputText from 'primevue/inputtext';
+import InputNumber from 'primevue/inputnumber';
+import Button from 'primevue/button';
+import ToggleSwitch from 'primevue/toggleswitch';
+import { Shuffle } from '@lucide/vue';
+import PlaygroundComponentSection from './PlaygroundComponentSection.vue';
+import PlaygroundColorSection from './PlaygroundColorSection.vue';
+import PlaygroundTransformSection from './PlaygroundTransformSection.vue';
+import PlaygroundFontSection from './PlaygroundFontSection.vue';
+import PlaygroundStyleSelect from './PlaygroundStyleSelect.vue';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+
+type ComponentInfo = {
+  name: string;
+  variants: string[];
+  hasProbability: boolean;
+  defaultProbability: number;
+  hasNonDefaultWeights: boolean;
+  defaultWeights: Record<string, number>;
+};
+
+type ColorInfo = {
+  name: string;
+  key: string;
+  defaultValues: string[];
+  hasFill: boolean;
+  hasAngle: boolean;
+  hasFillStops: boolean;
+  contrastTo: string | null;
+};
+
+const seed = defineModel<string>('seed', { required: true });
+
+const store = useStore();
+const { avatarStyleName } = storeToRefs(store);
+
+const { loadedStyle, descriptor, styleColors, preview } =
+  useStyleOptions(avatarStyleName);
+
+provide(componentPreviewKey, preview);
+
+const hasFontFamily = computed(() =>
+  loadedStyle.value
+    ? styleUsesVariable(avatarStyleName.value, 'fontFamily')
+    : false,
+);
+
+const hasFontWeight = computed(() =>
+  loadedStyle.value
+    ? styleUsesVariable(avatarStyleName.value, 'fontWeight')
+    : false,
+);
+
+const components = computed(() => {
+  const result: ComponentInfo[] = [];
+  const style = loadedStyle.value;
+
+  // OptionsDescriptor already filters out alias components, so every
+  // `*Variant` enum here is guaranteed to be a non-alias source.
+  for (const [key, field] of Object.entries(descriptor.value)) {
+    if (!key.endsWith('Variant') || field.type !== 'enum' || !field.weighted) {
+      continue;
+    }
+
+    const name = key.replace(/Variant$/, '');
+    const comp = style?.components().get(name);
+    const variantNames = (field.values as string[]) ?? [];
+    const defaultWeights = comp
+      ? Object.fromEntries(
+          [...comp.variants()].map(([n, v]) => [n, v.weight()]),
+        )
+      : {};
+    const hasNonDefaultWeights = Object.values(defaultWeights).some(
+      (w) => w !== 1,
+    );
+
+    result.push({
+      name,
+      variants: variantNames,
+      hasProbability: `${name}Probability` in descriptor.value,
+      defaultProbability: comp?.probability() ?? 100,
+      hasNonDefaultWeights,
+      defaultWeights,
+    });
+  }
+
+  result.sort((a, b) => a.name.localeCompare(b.name));
+
+  return result;
+});
+
+const allColors = computed(() => {
+  const result: ColorInfo[] = [];
+
+  for (const [key, field] of Object.entries(descriptor.value)) {
+    if (field.type !== 'color' || !key.endsWith('Color')) {
+      continue;
+    }
+
+    if (
+      key.endsWith('ColorFill') ||
+      key.endsWith('ColorAngle') ||
+      key.endsWith('ColorFillStops')
+    ) {
+      continue;
+    }
+
+    const name = key.replace(/Color$/, '');
+
+    result.push({
+      name,
+      key,
+      defaultValues: styleColors.value[name] ?? [],
+      hasFill: `${key}Fill` in descriptor.value,
+      hasAngle: `${key}Angle` in descriptor.value,
+      hasFillStops: `${key}FillStops` in descriptor.value,
+      contrastTo:
+        field.type === 'color' && typeof field.contrastTo === 'string'
+          ? field.contrastTo
+          : null,
+    });
+  }
+
+  return result;
+});
+
+const sortedColors = computed(() => {
+  const bg = allColors.value.filter((c) => c.name === 'background');
+  const rest = allColors.value.filter((c) => c.name !== 'background');
+
+  rest.sort((a, b) => a.name.localeCompare(b.name));
+
+  return [...bg, ...rest];
+});
+
+const openColorPanels = ref<string[]>([]);
+watch(avatarStyleName, () => {
+  openColorPanels.value = [];
+});
+
+async function navigateToColor(colorName: string) {
+  const targetKey = `${colorName}Color`;
+
+  if (!openColorPanels.value.includes(targetKey)) {
+    openColorPanels.value = [...openColorPanels.value, targetKey];
+  }
+
+  await nextTick();
+
+  const header = document.querySelector(
+    `[id$="_accordionheader_${targetKey}"]`,
+  );
+
+  if (header instanceof HTMLElement) {
+    header.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    header.focus({ preventScroll: true });
+  }
+}
+
+provide(navigateToColorKey, navigateToColor);
+
+function activeCount(comp: ComponentInfo): number {
+  const val = store.avatarStyleOptions[`${comp.name}Variant`];
+
+  if (val === undefined) return comp.variants.length;
+  if (Array.isArray(val)) return val.length;
+  if (typeof val === 'object')
+    return Object.values(val as Record<string, number>).filter((w) => w > 0)
+      .length;
+  if (typeof val === 'string') return 1;
+
+  return comp.variants.length;
+}
+
+function colorCount(color: ColorInfo): number {
+  const val = store.avatarStyleOptions[color.key];
+
+  if (Array.isArray(val)) return val.length;
+
+  return color.defaultValues.length;
+}
+
+function randomizeSeed() {
+  seed.value = Math.random().toString(36).substring(2, 10);
+
+  track('Playground: Seed Randomized', {
+    style: styleLabel(avatarStyleName.value),
+  });
+}
+
+const sizeKey = 'size';
+const titleKey = 'title';
+const idRandomizationKey = 'idRandomization';
+
+const size = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[sizeKey];
+
+    return typeof val === 'number' ? val : null;
+  },
+  set: (val: number | null) => {
+    if (val === null || Number.isNaN(val)) {
+      delete store.avatarStyleOptions[sizeKey];
+    } else {
+      store.avatarStyleOptions[sizeKey] = val;
+    }
+  },
+});
+
+const title = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[titleKey];
+
+    return typeof val === 'string' ? val : '';
+  },
+  set: (val: string) => {
+    if (val === '') {
+      delete store.avatarStyleOptions[titleKey];
+    } else {
+      store.avatarStyleOptions[titleKey] = val;
+    }
+  },
+});
+
+const idRandomization = computed({
+  get: () => store.avatarStyleOptions[idRandomizationKey] === true,
+  set: (val: boolean) => {
+    if (val) {
+      store.avatarStyleOptions[idRandomizationKey] = true;
+    } else {
+      delete store.avatarStyleOptions[idRandomizationKey];
+    }
+  },
+});
+
+const onSeedFocus = (e: FocusEvent) => {
+  const input = e.target as HTMLInputElement;
+
+  requestAnimationFrame(() => {
+    input.setSelectionRange(0, input.value.length);
+  });
+};
+</script>
+
+<template>
+  <div class="pg-options">
+    <div class="pg-options-group">
+      <h3 class="pg-options-group-title">Avatar Style</h3>
+      <PlaygroundStyleSelect />
+    </div>
+
+    <div class="pg-options-group">
+      <h3 class="pg-options-group-title">General</h3>
+      <Accordion
+        :multiple="true"
+        :value="['__seed']"
+        class="pg-options-accordion"
+      >
+        <AccordionPanel value="__seed">
+          <AccordionHeader>
+            <span class="pg-options-label">Seed</span>
+          </AccordionHeader>
+          <AccordionContent>
+            <div class="pg-options-seed-row">
+              <InputText
+                v-model="seed"
+                placeholder="Enter a seed"
+                class="pg-options-seed"
+                @focus="onSeedFocus"
+              />
+              <Button
+                severity="secondary"
+                variant="outlined"
+                v-tooltip="'Random seed'"
+                @click="randomizeSeed"
+              >
+                <Shuffle :size="16" />
+              </Button>
+            </div>
+            <p class="pg-options-seed-help">
+              The seed is the starting value used to generate the avatar.
+              <strong>The same seed always produces the same avatar</strong>, so
+              you can reuse it whenever you need the exact same result. For
+              privacy, prefer an opaque identifier such as a random string or
+              hashed user ID instead of personal data like names or email
+              addresses.
+            </p>
+          </AccordionContent>
+        </AccordionPanel>
+        <AccordionPanel v-if="hasFontFamily || hasFontWeight" value="__font">
+          <AccordionHeader>
+            <span class="pg-options-label">Font</span>
+          </AccordionHeader>
+          <AccordionContent>
+            <PlaygroundFontSection
+              :key="avatarStyleName"
+              :has-font-family="hasFontFamily"
+              :has-font-weight="hasFontWeight"
+            />
+          </AccordionContent>
+        </AccordionPanel>
+        <AccordionPanel value="__transform">
+          <AccordionHeader>
+            <span class="pg-options-label">Transform</span>
+          </AccordionHeader>
+          <AccordionContent>
+            <PlaygroundTransformSection :key="avatarStyleName" />
+          </AccordionContent>
+        </AccordionPanel>
+        <AccordionPanel value="__output">
+          <AccordionHeader>
+            <span class="pg-options-label">Output</span>
+          </AccordionHeader>
+          <AccordionContent>
+            <div class="pg-options-output">
+              <div class="pg-field">
+                <div class="pg-field-label">
+                  <span>Size</span>
+                  <PlaygroundFieldReset
+                    v-if="store.isOptionSet(sizeKey)"
+                    @click="store.resetOption(sizeKey)"
+                  />
+                </div>
+                <InputNumber
+                  v-model="size"
+                  :min="1"
+                  :max="4096"
+                  :step="1"
+                  :use-grouping="false"
+                  placeholder="Auto"
+                  suffix=" px"
+                  show-buttons
+                  button-layout="horizontal"
+                  :input-style="{ width: '6em', textAlign: 'center' }"
+                >
+                  <template #incrementicon>+</template>
+                  <template #decrementicon>−</template>
+                </InputNumber>
+                <p class="pg-options-field-help">
+                  Output size in pixels. If left empty, the avatar scales to
+                  100% of its container.
+                </p>
+              </div>
+
+              <div class="pg-field">
+                <div class="pg-field-label">
+                  <span>Title</span>
+                  <PlaygroundFieldReset
+                    v-if="store.isOptionSet(titleKey)"
+                    @click="store.resetOption(titleKey)"
+                  />
+                </div>
+                <InputText
+                  v-model="title"
+                  placeholder="Accessible title"
+                  class="pg-options-input"
+                />
+                <p class="pg-options-field-help">
+                  Accessible <code>&lt;title&gt;</code> element rendered inside
+                  the SVG. Useful for screen readers.
+                </p>
+              </div>
+
+              <div class="pg-field">
+                <div class="pg-field-label pg-options-toggle-row">
+                  <ToggleSwitch v-model="idRandomization" />
+                  <span>Randomize element IDs</span>
+                  <PlaygroundFieldReset
+                    v-if="store.isOptionSet(idRandomizationKey)"
+                    @click="store.resetOption(idRandomizationKey)"
+                  />
+                </div>
+                <p class="pg-options-field-help">
+                  Randomizes all SVG element IDs to avoid conflicts when
+                  embedding multiple avatars in the same page.
+                </p>
+              </div>
+
+              <p class="pg-options-field-help pg-options-field-help-warn">
+                <strong>Title</strong> and
+                <strong>Randomize element IDs</strong>
+                are not supported by our public
+                <a href="/how-to-use/http-api/">HTTP-API</a>. You can enable
+                them by
+                <a href="/guides/host-the-http-api-yourself/"
+                  >hosting your own instance</a
+                >.
+              </p>
+            </div>
+          </AccordionContent>
+        </AccordionPanel>
+      </Accordion>
+    </div>
+
+    <div class="pg-options-group" v-if="components.length > 0">
+      <h3 class="pg-options-group-title">Components</h3>
+      <Accordion :multiple="true" class="pg-options-accordion">
+        <AccordionPanel
+          v-for="comp in components"
+          :key="`${avatarStyleName}-${comp.name}`"
+          :value="comp.name"
+        >
+          <AccordionHeader>
+            <span class="pg-options-label">{{ capitalCase(comp.name) }}</span>
+            <Tag
+              :value="`${activeCount(comp)}/${comp.variants.length}`"
+              severity="secondary"
+              class="pg-options-tag"
+            />
+          </AccordionHeader>
+          <AccordionContent>
+            <PlaygroundComponentSection
+              :key="`${avatarStyleName}-${comp.name}`"
+              :component-name="comp.name"
+              :variants="comp.variants"
+              :has-probability="comp.hasProbability"
+              :default-probability="comp.defaultProbability"
+              :has-non-default-weights="comp.hasNonDefaultWeights"
+              :default-weights="comp.defaultWeights"
+            />
+          </AccordionContent>
+        </AccordionPanel>
+      </Accordion>
+    </div>
+
+    <div class="pg-options-group" v-if="allColors.length > 0">
+      <h3 class="pg-options-group-title">Colors</h3>
+      <Accordion
+        v-model:value="openColorPanels"
+        :multiple="true"
+        class="pg-options-accordion"
+      >
+        <AccordionPanel
+          v-for="color in sortedColors"
+          :key="`${avatarStyleName}-${color.key}`"
+          :value="color.key"
+        >
+          <AccordionHeader>
+            <span class="pg-options-label">{{ capitalCase(color.name) }}</span>
+            <Tag
+              :value="String(colorCount(color))"
+              severity="secondary"
+              class="pg-options-tag"
+            />
+          </AccordionHeader>
+          <AccordionContent>
+            <PlaygroundColorSection
+              :key="`${avatarStyleName}-${color.key}`"
+              :color-name="color.name"
+              :default-values="color.defaultValues"
+              :has-fill="color.hasFill"
+              :has-angle="color.hasAngle"
+              :has-fill-stops="color.hasFillStops"
+              :contrast-to="color.contrastTo"
+            />
+          </AccordionContent>
+        </AccordionPanel>
+      </Accordion>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-options {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.pg-options-group {
+  &-title {
+    font-size: 11px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--ui-c-text-subtle);
+    margin: 0 0 8px 2px;
+  }
+}
+
+.pg-options-accordion {
+  border: 1px solid var(--pg-border);
+  border-radius: var(--vp-radius-sm);
+  overflow: hidden;
+
+  :deep(.p-accordionpanel:last-child) {
+    border-width: 0;
+  }
+}
+
+.pg-options-label {
+  font-weight: 600;
+  flex: 1;
+  font-size: 14px;
+}
+
+.pg-options-tag {
+  margin-right: 8px;
+}
+
+.pg-options-seed-row {
+  display: flex;
+  gap: 8px;
+}
+
+.pg-options-seed {
+  flex: 1;
+  min-width: 0;
+}
+
+.pg-options-seed-help {
+  margin: 8px 0 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-options-output {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.pg-options-input {
+  width: 100%;
+}
+
+.pg-options-toggle-row {
+  flex-wrap: wrap;
+
+  span {
+    flex: 1;
+    min-width: 0;
+  }
+}
+
+.pg-options-field-help {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--ui-c-text-muted);
+
+  a {
+    color: var(--vp-c-brand-1);
+    text-decoration: underline;
+
+    &:hover {
+      color: var(--vp-c-brand-2);
+    }
+  }
+}
+
+.pg-options-field-help-warn {
+  padding: 8px 10px;
+  border-radius: var(--vp-radius-xs);
+  background: color-mix(in srgb, var(--p-orange-500) 10%, transparent);
+  color: var(--ui-c-text);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundPreviewPanel.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundPreviewPanel.vue
new file mode 100644
index 0000000..12898c6
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundPreviewPanel.vue
@@ -0,0 +1,187 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { UiAvatar, UiCard } from '../ui';
+import useStore from '@theme/stores/playground';
+import PlaygroundLicenseText from './PlaygroundLicenseText.vue';
+import PlaygroundButtonDownload from './PlaygroundButtonDownload.vue';
+import PlaygroundButtonCopy from './PlaygroundButtonCopy.vue';
+import PlaygroundButtonHowToUse from './PlaygroundButtonHowToUse.vue';
+import PlaygroundCombinationCount from './PlaygroundCombinationCount.vue';
+import PlaygroundDefinitionInfo from './PlaygroundDefinitionInfo.vue';
+import PlaygroundDocumentationLink from './PlaygroundDocumentationLink.vue';
+
+const props = defineProps<{
+  seed: string;
+}>();
+
+const store = useStore();
+
+const styleOptions = computed(() => ({
+  ...store.avatarStyleOptionsWithoutDefaults,
+  seed: props.seed,
+}));
+</script>
+
+<template>
+  <div class="pg-preview">
+    <div class="pg-preview-frame">
+      <div class="pg-preview-canvas">
+        <UiAvatar
+          :size="320"
+          :style-name="store.avatarStyleName"
+          :style-options="styleOptions"
+          mode="library"
+          class="pg-preview-avatar"
+        />
+      </div>
+    </div>
+
+    <div class="pg-preview-actions">
+      <PlaygroundButtonHowToUse :seed="seed" />
+      <PlaygroundButtonDownload :seed="seed" />
+      <PlaygroundButtonCopy :seed="seed" />
+    </div>
+
+    <div class="pg-preview-meta">
+      <h3 class="pg-preview-meta-title">Details</h3>
+      <UiCard padding="sm" flush>
+        <div class="pg-preview-meta-row">
+          <PlaygroundCombinationCount />
+        </div>
+        <div v-if="!store.isCustomStyle" class="pg-preview-meta-row">
+          <PlaygroundDocumentationLink />
+        </div>
+        <div v-if="!store.isCustomStyle" class="pg-preview-meta-row">
+          <PlaygroundDefinitionInfo />
+        </div>
+        <div class="pg-preview-meta-row pg-preview-meta-license">
+          <PlaygroundLicenseText />
+        </div>
+      </UiCard>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-preview {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+
+.pg-preview-frame {
+  width: 100%;
+  border-radius: var(--vp-radius-sm);
+  border: 1px solid var(--pg-border);
+  overflow: hidden;
+  background: var(--vp-c-bg);
+}
+
+.pg-preview-canvas {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 40px 24px;
+  background: repeating-conic-gradient(
+      var(--vp-c-bg-soft) 0% 25%,
+      var(--vp-c-bg) 0% 50%
+    )
+    50% / 20px 20px;
+
+  @media (max-width: 540px) {
+    padding: 24px 16px;
+  }
+}
+
+.pg-preview-avatar {
+  --ui-avatar-bg-1: transparent;
+  --ui-avatar-bg-2: transparent;
+
+  max-width: 100%;
+  height: auto;
+
+  @media (max-width: 540px) {
+    max-width: 220px;
+  }
+
+  :deep(svg),
+  :deep(img) {
+    max-width: 100%;
+    height: auto;
+  }
+}
+
+.pg-preview-meta {
+  width: 100%;
+  margin-top: 16px;
+  /* Match the left config accordion's surface (PrimeVue content background =
+     --vp-c-bg-soft) instead of the elevated card surface, so the details panel
+     reads as the same surface as the options accordion on the left. */
+  --ui-card-bg: var(--p-content-background);
+}
+
+.pg-preview-meta-title {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ui-c-text-subtle);
+  margin: 0 0 8px 2px;
+  border: none;
+  padding: 0;
+}
+
+.pg-preview-meta-row {
+  padding: 12px 16px;
+
+  & + & {
+    border-top: 1px solid var(--ui-card-border-color);
+  }
+}
+
+.pg-preview-meta-license {
+  font-size: 12px;
+  line-height: 1.45;
+
+  :deep(p) {
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
+    color: var(--ui-c-text-muted);
+  }
+
+  :deep(a) {
+    color: var(--ui-c-text-muted);
+    text-decoration: underline;
+    text-decoration-color: var(--pg-border);
+    text-underline-offset: 2px;
+    transition:
+      color var(--duration-fast),
+      text-decoration-color var(--duration-fast);
+
+    &:hover {
+      color: var(--vp-c-brand-1);
+      text-decoration-color: var(--vp-c-brand-1);
+    }
+  }
+}
+
+.pg-preview-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+
+  :deep(> *) {
+    flex: 1 1 160px;
+    min-width: 0;
+  }
+
+  :deep(button) {
+    width: 100%;
+    justify-content: center;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundRangeField.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundRangeField.vue
new file mode 100644
index 0000000..9eb90e3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundRangeField.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import Slider from 'primevue/slider';
+import Button from 'primevue/button';
+import { ArrowLeftRight } from '@lucide/vue';
+import useStore from '@theme/stores/playground';
+import { useRangeField } from '@theme/composables/useRangeField';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+
+const props = withDefaults(
+  defineProps<{
+    label: string;
+    optionKey: string;
+    min: number;
+    max: number;
+    step: number;
+    unit?: string;
+    defaultSingle: number;
+  }>(),
+  {
+    unit: '',
+  },
+);
+
+const store = useStore();
+const {
+  isRangeMode,
+  toggleRangeMode,
+  resetRangeField,
+  singleComputed,
+  rangeComputed,
+} = useRangeField(store.avatarStyleOptions);
+
+const singleVal = singleComputed(props.optionKey, () => props.defaultSingle);
+const rangeVal = rangeComputed(props.optionKey, () => props.defaultSingle);
+
+const displayRange = computed<[number, number]>(() => {
+  const [a, b] = rangeVal.value;
+
+  return [Math.min(a, b), Math.max(a, b)];
+});
+</script>
+
+<template>
+  <div class="pg-field">
+    <div class="pg-field-label">
+      <span>{{ label }}</span>
+      <Button
+        size="small"
+        :severity="isRangeMode(optionKey) ? 'primary' : 'secondary'"
+        variant="outlined"
+        v-tooltip="
+          isRangeMode(optionKey) ? 'Switch to fixed value' : 'Switch to range'
+        "
+        @click="toggleRangeMode(optionKey, defaultSingle)"
+        class="pg-field-toggle"
+      >
+        <ArrowLeftRight :size="14" />
+      </Button>
+      <PlaygroundFieldReset
+        v-if="store.isOptionSet(optionKey)"
+        @click="resetRangeField(optionKey)"
+      />
+      <span class="pg-field-value" v-if="isRangeMode(optionKey)"
+        >{{ displayRange[0] }}{{ unit }} — {{ displayRange[1] }}{{ unit }}</span
+      >
+      <span class="pg-field-value" v-else>{{ singleVal }}{{ unit }}</span>
+    </div>
+    <Slider
+      v-if="isRangeMode(optionKey)"
+      v-model="rangeVal"
+      :range="true"
+      :min="min"
+      :max="max"
+      :step="step"
+    />
+    <Slider v-else v-model="singleVal" :min="min" :max="max" :step="step" />
+  </div>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundStyleSelect.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundStyleSelect.vue
new file mode 100644
index 0000000..74d501a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundStyleSelect.vue
@@ -0,0 +1,456 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { capitalCase } from 'change-case';
+import { useData } from 'vitepress';
+import { storeToRefs } from 'pinia';
+import { Plus, Trash2 } from '@lucide/vue';
+import ChevronRightIcon from '@primevue/icons/chevronright';
+import { useStyleFiltering } from '@theme/composables/useStyleFiltering';
+import { CUSTOM_CATEGORY } from '@theme/config/styleCategories';
+import useStore from '@theme/stores/playground';
+import { ThemeOptions } from '@theme/types';
+import { UiAvatar } from '../ui';
+import { track, styleLabel } from '@theme/utils/track';
+import PlaygroundCustomStyleUpload from './PlaygroundCustomStyleUpload.vue';
+import Dialog from 'primevue/dialog';
+import InputText from 'primevue/inputtext';
+import MultiSelect from 'primevue/multiselect';
+import Tag from 'primevue/tag';
+
+const store = useStore();
+const { avatarStyleName, customStyles } = storeToRefs(store);
+const { theme } = useData<ThemeOptions>();
+
+const open = ref(false);
+const uploadOpen = ref(false);
+
+const {
+  searchQuery,
+  selectedCategories,
+  selectedLicenses,
+  availableCategories,
+  availableLicenses,
+  groupedStyles,
+  styleList,
+} = useStyleFiltering(theme.value.avatarStyles, customStyles);
+
+function selectStyle(name: string) {
+  avatarStyleName.value = name;
+  open.value = false;
+
+  track('Playground: Style Selected', { style: styleLabel(name) });
+}
+
+function onCustomStyleAdded(key: string) {
+  uploadOpen.value = false;
+  selectStyle(key);
+}
+
+function deleteCustomStyle(key: string, event: Event) {
+  event.stopPropagation();
+  store.removeCustomStyle(key);
+}
+
+const customStyleList = computed(() => {
+  const query = searchQuery.value.toLowerCase().trim();
+
+  return Object.entries(store.customStyles)
+    .map(([key, entry]) => ({ key, name: entry.name }))
+    .filter((cs) => !query || cs.name.toLowerCase().includes(query));
+});
+
+const builtInGroupedStyles = computed(() => {
+  const result: Record<string, (typeof groupedStyles.value)[string]> = {};
+
+  for (const [category, styles] of Object.entries(groupedStyles.value)) {
+    if (category !== CUSTOM_CATEGORY) {
+      result[category] = styles;
+    }
+  }
+
+  return result;
+});
+
+const currentDisplayName = computed(() => {
+  if (store.isCustomStyle) {
+    return store.customStyles[avatarStyleName.value]?.name ?? 'Custom Style';
+  }
+
+  return capitalCase(avatarStyleName.value);
+});
+</script>
+
+<template>
+  <button type="button" class="pg-style-select-trigger" @click="open = true">
+    <span class="pg-style-select-trigger-avatar">
+      <UiAvatar
+        :size="40"
+        :style-name="avatarStyleName"
+        :style-options="{ seed: 'JD' }"
+        mode="library"
+      />
+    </span>
+
+    <span class="pg-style-select-trigger-name">{{ currentDisplayName }}</span>
+
+    <ChevronRightIcon class="pg-style-select-trigger-chevron" />
+  </button>
+
+  <Dialog
+    v-model:visible="open"
+    modal
+    :closable="true"
+    dismissable-mask
+    header="Choose Avatar Style"
+    :style="{ width: '900px', maxWidth: 'calc(100vw - 32px)' }"
+    :pt="{ content: { class: 'pg-style-select-dialog-content' } }"
+  >
+    <div class="pg-style-select">
+      <div class="pg-style-select-toolbar">
+        <InputText v-model="searchQuery" placeholder="Search styles..." fluid />
+
+        <MultiSelect
+          v-model="selectedCategories"
+          :options="availableCategories"
+          placeholder="Filter by category"
+          :showToggleAll="false"
+          fluid
+        />
+
+        <MultiSelect
+          v-model="selectedLicenses"
+          :options="availableLicenses"
+          placeholder="Filter by license"
+          :showToggleAll="false"
+          fluid
+        />
+      </div>
+
+      <div class="pg-style-select-body">
+        <div
+          v-if="
+            selectedCategories.length === 0 ||
+            selectedCategories.includes(CUSTOM_CATEGORY)
+          "
+          class="pg-style-select-group"
+        >
+          <h3 class="pg-style-select-group-title">Custom</h3>
+          <div class="pg-style-select-grid">
+            <button
+              class="pg-style-select-card pg-style-select-card-add"
+              @click="uploadOpen = true"
+            >
+              <div class="pg-style-select-card-add-icon">
+                <Plus :size="24" />
+              </div>
+              <span class="pg-style-select-card-name">Add Custom Style</span>
+            </button>
+
+            <div
+              v-for="cs in customStyleList"
+              :key="cs.key"
+              class="pg-style-select-card"
+              :class="{
+                'pg-style-select-card-selected': cs.key === avatarStyleName,
+              }"
+              @click="selectStyle(cs.key)"
+            >
+              <button
+                class="pg-style-select-card-delete"
+                @click="deleteCustomStyle(cs.key, $event)"
+                v-tooltip="'Remove'"
+              >
+                <Trash2 :size="12" />
+              </button>
+              <div class="pg-style-select-card-avatars">
+                <UiAvatar
+                  v-for="seed in ['Felix', 'Aneka', 'Milo', 'Luna']"
+                  :key="seed"
+                  :size="40"
+                  :style-name="cs.key"
+                  :style-options="{ seed }"
+                  mode="library"
+                />
+              </div>
+              <div class="pg-style-select-card-info">
+                <span class="pg-style-select-card-name">{{ cs.name }}</span>
+                <Tag
+                  value="Custom"
+                  severity="warn"
+                  class="pg-style-select-card-tag"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div
+          v-for="(styles, category) in builtInGroupedStyles"
+          :key="category"
+          class="pg-style-select-group"
+        >
+          <h3 class="pg-style-select-group-title">{{ category }}</h3>
+          <div class="pg-style-select-grid">
+            <button
+              v-for="style in styles"
+              :key="style.name"
+              class="pg-style-select-card"
+              :class="{
+                'pg-style-select-card-selected': style.name === avatarStyleName,
+              }"
+              @click="selectStyle(style.name)"
+            >
+              <div class="pg-style-select-card-avatars">
+                <UiAvatar
+                  v-for="avatar in style.avatars"
+                  :key="avatar.seed"
+                  :size="40"
+                  :style-name="style.name"
+                  :style-options="{ seed: avatar.seed }"
+                  mode="http-api"
+                />
+              </div>
+              <div class="pg-style-select-card-info">
+                <span class="pg-style-select-card-name">{{
+                  style.displayName
+                }}</span>
+              </div>
+              <span class="pg-style-select-card-creator">{{
+                style.creator
+              }}</span>
+            </button>
+          </div>
+        </div>
+
+        <div
+          v-if="styleList.length === 0 && searchQuery"
+          class="pg-style-select-empty"
+        >
+          No styles found matching "{{ searchQuery }}"
+        </div>
+      </div>
+    </div>
+  </Dialog>
+
+  <PlaygroundCustomStyleUpload
+    v-model:open="uploadOpen"
+    @added="onCustomStyleAdded"
+  />
+</template>
+
+<style scoped lang="scss">
+.pg-style-select-trigger {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding: 8px 16px 8px 8px;
+  background: var(--p-content-background);
+  border: 1px solid var(--pg-border);
+  border-radius: var(--vp-radius-xs);
+  color: var(--p-accordion-header-color);
+  cursor: pointer;
+  text-align: left;
+  transition: color var(--duration-fast);
+
+  &:hover {
+    color: var(--p-accordion-header-hover-color);
+  }
+
+  &:hover &-chevron {
+    color: var(--p-accordion-header-toggle-icon-hover-color);
+  }
+
+  &:focus-visible {
+    outline: none;
+    border-color: var(--p-form-field-focus-border-color);
+  }
+
+  &-avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 40px;
+    height: 40px;
+    background: var(--vp-c-bg-soft);
+    border-radius: var(--vp-radius-xs);
+    overflow: hidden;
+  }
+
+  &-name {
+    flex: 1;
+    min-width: 0;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &-chevron {
+    flex-shrink: 0;
+    margin-left: auto;
+    color: var(--p-accordion-header-toggle-icon-color);
+    transition: color var(--duration-fast);
+  }
+}
+
+.pg-style-select {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.pg-style-select-toolbar {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  gap: 12px;
+
+  @media (max-width: 600px) {
+    grid-template-columns: 1fr;
+  }
+}
+
+.pg-style-select-body {
+  max-height: 60vh;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.pg-style-select-group-title {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ui-c-text-subtle);
+  margin: 0 0 8px;
+}
+
+.pg-style-select-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 12px;
+}
+
+.pg-style-select-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  background: var(--vp-c-bg-soft);
+  border: 2px solid transparent;
+  border-radius: var(--vp-radius-sm);
+  cursor: pointer;
+  text-align: left;
+  transition: all var(--duration-fast);
+
+  &:hover {
+    border-color: var(--vp-c-brand-1);
+  }
+
+  &-selected {
+    border-color: var(--vp-c-brand-1);
+    background: var(--vp-c-brand-soft);
+  }
+
+  &-avatars {
+    display: flex;
+    gap: 6px;
+  }
+
+  &-info {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  &-name {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+  }
+
+  &-tag {
+    font-size: 10px;
+  }
+
+  &-creator {
+    font-size: 12px;
+    color: var(--ui-c-text-subtle);
+  }
+
+  &-delete {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--vp-c-bg);
+    border: 1px solid var(--vp-c-border);
+    border-radius: var(--vp-radius-xs);
+    cursor: pointer;
+    opacity: 0;
+    transition: all var(--duration-fast);
+    color: var(--ui-c-text-subtle);
+
+    &:hover {
+      color: var(--vp-c-danger-1);
+      border-color: var(--vp-c-danger-1);
+    }
+  }
+
+  &:hover &-delete {
+    opacity: 1;
+  }
+
+  &-add {
+    border-style: dashed;
+    border-color: var(--vp-c-border);
+    align-items: center;
+    justify-content: center;
+    min-height: 120px;
+
+    &:hover {
+      border-color: var(--vp-c-brand-1);
+    }
+
+    &-icon {
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      background: var(--vp-c-bg);
+      color: var(--ui-c-text-subtle);
+      transition: all var(--duration-fast);
+    }
+  }
+
+  &-add:hover &-add-icon {
+    color: var(--vp-c-brand-1);
+    background: var(--vp-c-brand-soft);
+  }
+}
+
+.pg-style-select-empty {
+  text-align: center;
+  padding: 40px;
+  color: var(--ui-c-text-subtle);
+  font-size: 14px;
+}
+
+@media (max-width: 640px) {
+  .pg-style-select-grid {
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/PlaygroundTransformSection.vue b/apps/docs/.vitepress/theme/components/playground/PlaygroundTransformSection.vue
new file mode 100644
index 0000000..ca1f8f8
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/PlaygroundTransformSection.vue
@@ -0,0 +1,136 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import Slider from 'primevue/slider';
+import SelectButton from 'primevue/selectbutton';
+import useStore from '@theme/stores/playground';
+import { useRangeField } from '@theme/composables/useRangeField';
+import PlaygroundRangeField from './PlaygroundRangeField.vue';
+import PlaygroundFieldReset from './PlaygroundFieldReset.vue';
+
+const store = useStore();
+const { singleComputed } = useRangeField(store.avatarStyleOptions);
+
+const flipKey = 'flip';
+const borderRadiusKey = 'borderRadius';
+
+const flipOptions = ['none', 'horizontal', 'vertical', 'both'];
+
+const flip = computed({
+  get: () => {
+    const val = store.avatarStyleOptions[flipKey];
+
+    return typeof val === 'string' ? val : 'none';
+  },
+  set: (val: string) => {
+    if (val === 'none') {
+      delete store.avatarStyleOptions[flipKey];
+    } else {
+      store.avatarStyleOptions[flipKey] = val;
+    }
+  },
+});
+
+const borderRadius = singleComputed(borderRadiusKey, 0);
+</script>
+
+<template>
+  <div class="pg-transform">
+    <div class="pg-transform-body">
+      <div class="pg-field">
+        <div class="pg-field-label">
+          <span>Flip</span>
+          <PlaygroundFieldReset
+            v-if="store.isOptionSet(flipKey)"
+            @click="store.resetOption(flipKey)"
+          />
+        </div>
+        <SelectButton
+          v-model="flip"
+          :options="flipOptions"
+          :allow-empty="false"
+          class="pg-transform-flip"
+        />
+      </div>
+
+      <PlaygroundRangeField
+        label="Rotate"
+        option-key="rotate"
+        :min="-360"
+        :max="360"
+        :step="1"
+        unit="°"
+        :default-single="0"
+      />
+
+      <PlaygroundRangeField
+        label="Scale"
+        option-key="scale"
+        :min="0"
+        :max="10"
+        :step="0.01"
+        :default-single="1"
+      />
+
+      <div class="pg-field">
+        <div class="pg-field-label">
+          <span>Border Radius</span>
+          <PlaygroundFieldReset
+            v-if="store.isOptionSet(borderRadiusKey)"
+            @click="store.resetOption(borderRadiusKey)"
+          />
+          <span class="pg-field-value">{{ borderRadius }}</span>
+        </div>
+        <Slider v-model="borderRadius" :min="0" :max="50" :step="1" />
+      </div>
+
+      <PlaygroundRangeField
+        label="Translate X"
+        option-key="translateX"
+        :min="-100"
+        :max="100"
+        :step="1"
+        unit="%"
+        :default-single="0"
+      />
+
+      <PlaygroundRangeField
+        label="Translate Y"
+        option-key="translateY"
+        :min="-100"
+        :max="100"
+        :step="1"
+        unit="%"
+        :default-single="0"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.pg-transform {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.pg-transform-body {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+/* Let the Flip SelectButton keep its natural button widths and scroll
+   horizontally on narrow viewports instead of squeezing the labels. */
+.pg-transform-flip {
+  overflow-x: auto;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  :deep(.p-togglebutton) {
+    flex: 0 0 auto;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/playground/constants.ts b/apps/docs/.vitepress/theme/components/playground/constants.ts
new file mode 100644
index 0000000..65d9786
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/playground/constants.ts
@@ -0,0 +1,3 @@
+export const DOWNLOAD_AVATAR_SIZE = 512;
+export const DIALOG_PREVIEW_AVATAR_SIZE = 128;
+export const MAX_CUSTOM_STYLE_UPLOAD_BYTES = 1024 * 1024;
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleDescription.vue b/apps/docs/.vitepress/theme/components/styles/StyleDescription.vue
new file mode 100644
index 0000000..8498f06
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleDescription.vue
@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { ThemeOptions } from '@theme/types';
+import { formatLicenseName } from '@theme/utils/format';
+import { safeHttpUrl } from '@theme/utils/url';
+
+const { theme } = useData<ThemeOptions>();
+const props = defineProps<{
+  styleName: string;
+}>();
+
+const style = computed(() => {
+  return theme.value.avatarStyles[props.styleName];
+});
+
+const sourceUrl = computed(() => safeHttpUrl(style.value.meta?.source));
+const homepageUrl = computed(() => safeHttpUrl(style.value.meta?.homepage));
+const licenseUrl = computed(() => safeHttpUrl(style.value.meta?.license?.url));
+</script>
+
+<template>
+  <div class="info custom-block">
+    <p class="custom-block-title">LICENSE</p>
+    <p>
+      <template v-if="style.meta?.creator !== 'DiceBear' && style.meta?.title">
+        <template v-if="style.meta?.license?.name !== 'MIT'">
+          This avatar style is a remix of:
+        </template>
+        <template v-else> This avatar style is based on: </template>
+      </template>
+      <a
+        v-if="sourceUrl"
+        :href="sourceUrl"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {{ style.meta?.title ?? 'Design' }}
+      </a>
+      <template v-else>{{ style.meta?.title ?? 'Design' }}</template>
+      by
+      <a
+        v-if="homepageUrl"
+        :href="homepageUrl"
+        target="_blank"
+        rel="noopener noreferrer"
+        >{{ style.meta?.creator }}</a
+      >
+      <template v-else>{{ style.meta?.creator }}</template
+      >, licensed under
+      <a
+        v-if="licenseUrl"
+        :href="licenseUrl"
+        target="_blank"
+        rel="noopener noreferrer"
+        >{{ formatLicenseName(style.meta?.license?.name) }}</a
+      >
+      <template v-else>{{
+        formatLicenseName(style.meta?.license?.name)
+      }}</template
+      >.
+      <template v-if="style.meta?.license?.name !== 'MIT'">
+        See <a href="#details">details</a> for more information.
+      </template>
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.custom-block {
+  padding: 20px;
+  /* Neutral elevated fill (shared framed-box surface) instead of VitePress's
+     bluish info tint, so this box matches the preview frame and usage card. */
+  --vp-custom-block-info-bg: var(--ui-window-bg);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleInfo.vue b/apps/docs/.vitepress/theme/components/styles/StyleInfo.vue
new file mode 100644
index 0000000..7e3187a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleInfo.vue
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { ThemeOptions } from '@theme/types';
+import { UiCard, UiCode as Code } from '../ui';
+import { kebabCase } from 'change-case';
+import { safeHttpUrl } from '@theme/utils/url';
+import DataTable from 'primevue/datatable';
+import Column from 'primevue/column';
+
+const { theme } = useData<ThemeOptions>();
+
+const props = defineProps<{
+  styleName: string;
+}>();
+
+const style = computed(() => {
+  return theme.value.avatarStyles[props.styleName];
+});
+
+const exampleHttpApiUrl = computed(() => {
+  return `https://api.dicebear.com/10.x/${kebabCase(props.styleName)}/svg`;
+});
+
+const exampleDefinitionImport = computed(() => {
+  return `import definition from '@dicebear/styles/${kebabCase(props.styleName)}.json' with { type: 'json' };`;
+});
+
+const exampleCliCommand = computed(() => {
+  return `dicebear ${props.styleName}`;
+});
+
+type Row =
+  | { label: string; type: 'code'; code: string; lang?: string }
+  | { label: string; type: 'link'; href: string; text?: string }
+  | { label: string; type: 'text'; text: string };
+
+const namingRows = computed<Row[]>(() => {
+  const rows: Row[] = [
+    {
+      label: 'Definition Import',
+      type: 'code',
+      code: exampleDefinitionImport.value,
+      lang: 'js',
+    },
+    { label: 'CLI', type: 'code', code: exampleCliCommand.value },
+    { label: 'HTTP-API', type: 'link', href: exampleHttpApiUrl.value },
+  ];
+
+  if (style.value.definitionUrl) {
+    rows.push({
+      label: 'Definition',
+      type: 'link',
+      href: style.value.definitionUrl,
+    });
+  }
+
+  return rows;
+});
+
+function linkOrText(
+  label: string,
+  text: string | undefined,
+  url: string | undefined,
+): Row | null {
+  if (!text) {
+    return null;
+  }
+
+  const href = safeHttpUrl(url);
+
+  return href
+    ? { label, type: 'link', href, text }
+    : { label, type: 'text', text };
+}
+
+const sourceRows = computed<Row[]>(() => {
+  const meta = style.value.meta;
+
+  return [
+    linkOrText('Title', meta.title, undefined),
+    // Creator/Website both link to the homepage URL.
+    linkOrText('Creator', meta.creator, meta.homepage),
+    linkOrText('Website', meta.homepage, meta.homepage),
+    linkOrText('License', meta.license?.name, meta.license?.url),
+    linkOrText('Source', meta.source, meta.source),
+  ].filter((row): row is Row => row !== null);
+});
+</script>
+
+<template>
+  <UiCard class="style-info-section" title="Naming">
+    <DataTable :value="namingRows">
+      <Column field="label" style="width: 200px" />
+      <Column>
+        <template #body="{ data }">
+          <Code
+            v-if="data.type === 'code'"
+            :lang="data.lang"
+            :code="data.code"
+          />
+          <a
+            v-else-if="data.type === 'link'"
+            :href="data.href"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {{ data.text ?? data.href }}
+          </a>
+          <template v-else>{{ data.text }}</template>
+        </template>
+      </Column>
+    </DataTable>
+  </UiCard>
+
+  <UiCard class="style-info-section" title="Source">
+    <DataTable :value="sourceRows">
+      <Column field="label" style="width: 200px" />
+      <Column>
+        <template #body="{ data }">
+          <a
+            v-if="data.type === 'link'"
+            :href="data.href"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {{ data.text ?? data.href }}
+          </a>
+          <template v-else>{{ data.text }}</template>
+        </template>
+      </Column>
+    </DataTable>
+  </UiCard>
+</template>
+
+<style lang="scss" scoped>
+.style-info-section {
+  margin-bottom: 16px;
+
+  :deep(.p-datatable-thead) {
+    display: none;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleList.vue b/apps/docs/.vitepress/theme/components/styles/StyleList.vue
new file mode 100644
index 0000000..3000e9c
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleList.vue
@@ -0,0 +1,301 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import type { ThemeOptions } from '@theme/types';
+import { useStyleFiltering } from '@theme/composables/useStyleFiltering';
+import { Search, CircleUser, Scale, ArrowRight, Filter } from '@lucide/vue';
+import InputText from 'primevue/inputtext';
+import MultiSelect from 'primevue/multiselect';
+import { UiAvatar, UiCard } from '../ui';
+
+const { theme } = useData<ThemeOptions>();
+
+const {
+  searchQuery,
+  selectedLicenses,
+  selectedCategories,
+  availableLicenses,
+  availableCategories,
+  styleList,
+  groupedStyles,
+  totalStyles,
+} = useStyleFiltering(theme.value.avatarStyles);
+</script>
+
+<template>
+  <div class="style-list">
+    <UiCard class="style-list-filters">
+      <div class="style-list-filter-row">
+        <div class="style-list-filter-group">
+          <span class="style-list-filter-label">
+            <Search />
+            Search
+          </span>
+          <InputText
+            v-model="searchQuery"
+            :placeholder="`Search ${totalStyles} styles...`"
+            fluid
+          />
+        </div>
+
+        <div class="style-list-filter-group">
+          <span class="style-list-filter-label">
+            <Filter />
+            Category
+          </span>
+          <MultiSelect
+            v-model="selectedCategories"
+            :options="availableCategories"
+            placeholder="Filter by category"
+            :showToggleAll="false"
+            fluid
+          />
+        </div>
+
+        <div class="style-list-filter-group">
+          <span class="style-list-filter-label">
+            <Scale />
+            License
+          </span>
+          <MultiSelect
+            v-model="selectedLicenses"
+            :options="availableLicenses"
+            placeholder="Filter by license"
+            :showToggleAll="false"
+            fluid
+          />
+        </div>
+      </div>
+    </UiCard>
+
+    <div
+      v-for="(styles, category) in groupedStyles"
+      :key="category"
+      class="style-list-category"
+    >
+      <h2 class="style-list-category-title">{{ category }}</h2>
+      <div class="style-list-grid">
+        <UiCard
+          v-for="style in styles"
+          :key="style.name"
+          :href="`/styles/${style.slug}/`"
+          class="style-list-card"
+        >
+          <div class="style-list-card-avatars">
+            <div
+              v-for="avatar in style.avatars"
+              :key="avatar.seed"
+              class="style-list-card-avatar"
+            >
+              <UiAvatar
+                :style-name="style.slug"
+                :style-options="{ seed: avatar.seed, size: 80 }"
+                :alt="`${style.displayName} - ${avatar.seed}`"
+              />
+            </div>
+          </div>
+
+          <div class="style-list-card-content">
+            <h3 class="style-list-card-name">{{ style.displayName }}</h3>
+
+            <div class="style-list-card-meta">
+              <span class="style-list-card-creator">
+                <CircleUser />
+                {{ style.creator }}
+              </span>
+              <span class="style-list-card-license">
+                <Scale />
+                {{ style.license }}
+              </span>
+            </div>
+          </div>
+
+          <div class="style-list-card-arrow">
+            <ArrowRight />
+          </div>
+        </UiCard>
+      </div>
+    </div>
+
+    <div v-if="styleList.length === 0" class="style-list-empty">
+      <p v-if="searchQuery">No styles found matching "{{ searchQuery }}"</p>
+      <p v-else>No styles found with the selected filters</p>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.style-list {
+  margin-top: 32px;
+
+  &-filters {
+    margin-bottom: 32px;
+  }
+
+  &-filter-row {
+    display: grid;
+    grid-template-columns: 2fr 1fr 1fr;
+    gap: 16px;
+    align-items: flex-start;
+  }
+
+  &-filter-group {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    min-width: 0;
+  }
+
+  &-filter-label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--vp-c-text-2);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+
+    svg {
+      width: 16px;
+      height: 16px;
+    }
+  }
+
+  &-category {
+    margin-bottom: 48px;
+
+    &-title {
+      font-size: 24px;
+      font-weight: 700;
+      letter-spacing: -0.025em;
+      color: var(--vp-c-text-1);
+      margin: 0 0 20px;
+      border-top: 0 !important;
+      padding-bottom: 12px;
+      border-bottom: 2px solid var(--vp-c-border);
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
+    gap: 20px;
+  }
+
+  &-card {
+    height: 100%;
+    position: relative;
+
+    &-avatars {
+      display: flex;
+      gap: 10px;
+      margin-bottom: 16px;
+    }
+
+    &-avatar {
+      width: 64px;
+      height: 64px;
+      border-radius: var(--vp-radius-sm);
+      overflow: hidden;
+      background: var(--vp-c-bg);
+      box-shadow: var(--vp-shadow-1);
+      flex-shrink: 0;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    &-content {
+      flex: 1;
+    }
+
+    &-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--vp-c-text-1);
+      margin: 0 0 8px;
+    }
+
+    &-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px;
+    }
+
+    &-creator,
+    &-license {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: var(--vp-c-text-2);
+
+      svg {
+        width: 16px;
+        height: 16px;
+        color: var(--vp-c-text-3);
+      }
+    }
+
+    &-arrow {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--vp-c-bg);
+      border-radius: var(--vp-radius-xs);
+      opacity: 0;
+      transform: translateX(-8px);
+      transition: all var(--duration-fast) ease;
+
+      svg {
+        width: 18px;
+        height: 18px;
+        color: var(--vp-c-brand-1);
+      }
+    }
+
+    &:hover &-arrow {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  &-empty {
+    text-align: center;
+    padding: 60px 24px;
+    color: var(--vp-c-text-2);
+
+    p {
+      margin: 0;
+      font-size: 16px;
+    }
+  }
+
+  @media (max-width: 640px) {
+    &-filter-row {
+      grid-template-columns: 1fr;
+      gap: 20px;
+    }
+
+    &-category-title {
+      font-size: 20px;
+    }
+
+    &-grid {
+      grid-template-columns: 1fr;
+    }
+
+    &-card-arrow {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleOptions.vue b/apps/docs/.vitepress/theme/components/styles/StyleOptions.vue
new file mode 100644
index 0000000..37d69f9
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleOptions.vue
@@ -0,0 +1,357 @@
+<script setup lang="ts">
+import { computed, nextTick, provide, ref, toRef } from 'vue';
+import { getScrollOffset, inBrowser } from 'vitepress';
+import { styleUsesVariable } from '@theme/utils/avatar/style';
+import { watchOnce, watchDebounced } from '@vueuse/core';
+import { track } from '@theme/utils/track';
+import { capitalCase } from 'change-case';
+import { Search } from '@lucide/vue';
+import InputText from 'primevue/inputtext';
+import StyleOptionsGroup from './StyleOptionsGroup.vue';
+import { useStyleOptions } from '@theme/composables/useStyleOptions';
+import {
+  componentNamesKey,
+  styleColorsKey,
+  componentPreviewKey,
+  styleDefaultsKey,
+} from './styleOptionsKeys';
+
+type RangeLike = { min: number; max: number } | undefined;
+
+function rangeDefault(
+  range: RangeLike,
+  fallback: number,
+): number | [number, number] {
+  if (!range) {
+    return fallback;
+  }
+
+  return range.min === range.max ? range.min : [range.min, range.max];
+}
+
+interface OptionGroup {
+  id: string;
+  label: string;
+  category: 'general' | 'component' | 'color';
+  options: Record<string, any>;
+}
+
+const props = defineProps<{
+  styleName: string;
+}>();
+
+const searchQuery = ref('');
+
+// Track that a user used the option filter, once per non-empty session, so a
+// multi-character query counts as a single "searched" interaction, not one per
+// keystroke.
+let searchTracked = false;
+
+watchDebounced(
+  searchQuery,
+  (query) => {
+    const trimmed = query.trim();
+
+    if (!trimmed) {
+      searchTracked = false;
+      return;
+    }
+
+    if (!searchTracked) {
+      searchTracked = true;
+      track('Docs Options: Search', { style: props.styleName });
+    }
+  },
+  { debounce: 700 },
+);
+
+const {
+  loadedStyle,
+  descriptor,
+  componentNames,
+  colorNames,
+  styleColors,
+  preview,
+} = useStyleOptions(toRef(() => props.styleName));
+
+provide(componentNamesKey, componentNames);
+provide(componentPreviewKey, preview);
+provide(styleColorsKey, styleColors);
+
+const styleDefaults = computed<Record<string, unknown>>(() => {
+  if (!loadedStyle.value) {
+    return {};
+  }
+
+  const result: Record<string, unknown> = {
+    flip: 'none',
+    fontFamily: 'system-ui',
+    fontWeight: 400,
+    scale: 1,
+    borderRadius: 0,
+    rotate: 0,
+    translateX: 0,
+    translateY: 0,
+    idRandomization: false,
+  };
+
+  for (const [name, component] of loadedStyle.value.components()) {
+    const variantDefaults: Record<string, number> = {};
+
+    for (const [v, variant] of component.variants()) {
+      variantDefaults[v] = variant.weight();
+    }
+
+    result[`${name}Variant`] = variantDefaults;
+    result[`${name}Probability`] = component.probability();
+    result[`${name}Rotate`] = rangeDefault(component.rotate(), 0);
+    result[`${name}TranslateX`] = rangeDefault(component.translate().x(), 0);
+    result[`${name}TranslateY`] = rangeDefault(component.translate().y(), 0);
+    result[`${name}Scale`] = rangeDefault(component.scale(), 1);
+  }
+
+  for (const [name, values] of Object.entries(styleColors.value)) {
+    result[`${name}Color`] = values;
+    result[`${name}ColorFill`] = 'solid';
+    result[`${name}ColorFillStops`] = 2;
+    result[`${name}ColorAngle`] = 0;
+  }
+
+  return result;
+});
+
+provide(styleDefaultsKey, styleDefaults);
+
+function isComponentOption(key: string, names: string[]): boolean {
+  return names.some(
+    (name) =>
+      key === `${name}Variant` ||
+      key === `${name}Probability` ||
+      key === `${name}Rotate` ||
+      key === `${name}TranslateX` ||
+      key === `${name}TranslateY` ||
+      key === `${name}Scale`,
+  );
+}
+
+function isColorOption(key: string, names: string[]): boolean {
+  return names.some(
+    (name) =>
+      key === `${name}Color` ||
+      key === `${name}ColorFill` ||
+      key === `${name}ColorFillStops` ||
+      key === `${name}ColorAngle`,
+  );
+}
+
+function pick(
+  source: Record<string, any>,
+  keys: string[],
+): Record<string, any> {
+  const result: Record<string, any> = {};
+
+  for (const key of keys) {
+    if (key in source) {
+      result[key] = source[key];
+    }
+  }
+
+  return result;
+}
+
+const groups = computed<OptionGroup[]>(() => {
+  if (!loadedStyle.value) {
+    return [];
+  }
+
+  const result: OptionGroup[] = [];
+  const hiddenKeys = new Set<string>();
+
+  if (!styleUsesVariable(props.styleName, 'fontFamily')) {
+    hiddenKeys.add('fontFamily');
+  }
+
+  if (!styleUsesVariable(props.styleName, 'fontWeight')) {
+    hiddenKeys.add('fontWeight');
+  }
+
+  const generalKeys = Object.keys(descriptor.value).filter(
+    (key) =>
+      !hiddenKeys.has(key) &&
+      !isComponentOption(key, componentNames.value) &&
+      !isColorOption(key, colorNames.value),
+  );
+
+  if (generalKeys.length > 0) {
+    result.push({
+      id: 'general',
+      label: 'General',
+      category: 'general',
+      options: pick(descriptor.value, generalKeys),
+    });
+  }
+
+  for (const name of componentNames.value) {
+    const keys = Object.keys(descriptor.value).filter((k) =>
+      isComponentOption(k, [name]),
+    );
+
+    if (keys.length > 0) {
+      result.push({
+        id: `component-${name}`,
+        label: capitalCase(name),
+        category: 'component',
+        options: pick(descriptor.value, keys),
+      });
+    }
+  }
+
+  for (const name of colorNames.value) {
+    const keys = Object.keys(descriptor.value).filter((k) =>
+      isColorOption(k, [name]),
+    );
+
+    if (keys.length > 0) {
+      result.push({
+        id: `color-${name}`,
+        label: `${capitalCase(name)} Color`,
+        category: 'color',
+        options: pick(descriptor.value, keys),
+      });
+    }
+  }
+
+  return result;
+});
+
+const showSearch = computed(() => Object.keys(descriptor.value).length > 15);
+
+const filteredGroups = computed(() => {
+  const query = searchQuery.value.trim().toLowerCase();
+
+  if (!query) {
+    return groups.value;
+  }
+
+  return groups.value
+    .map((group) => {
+      const filtered = Object.fromEntries(
+        Object.entries(group.options).filter(([key]) =>
+          key.toLowerCase().includes(query),
+        ),
+      );
+
+      return { ...group, options: filtered };
+    })
+    .filter((group) => Object.keys(group.options).length > 0);
+});
+
+// Option cards render asynchronously, so the browser's initial hash-scroll
+// runs before the target anchors exist. Re-do the scroll once they're in.
+watchOnce(loadedStyle, async (style) => {
+  if (!inBrowser || !style) {
+    return;
+  }
+
+  const hash = window.location.hash;
+
+  if (!hash.startsWith('#options-')) {
+    return;
+  }
+
+  await nextTick();
+
+  let id: string;
+
+  try {
+    id = decodeURIComponent(hash).slice(1);
+  } catch {
+    return;
+  }
+
+  const target = document.getElementById(id);
+
+  if (!target) {
+    return;
+  }
+
+  const top =
+    window.scrollY + target.getBoundingClientRect().top - getScrollOffset();
+
+  window.scrollTo({ left: 0, top, behavior: 'instant' });
+});
+</script>
+
+<template>
+  <div class="style-options" v-if="loadedStyle">
+    <div class="style-options-search" v-if="showSearch">
+      <div class="style-options-search-wrapper">
+        <Search :size="16" class="style-options-search-icon" />
+        <InputText
+          v-model="searchQuery"
+          placeholder="Filter options..."
+          class="style-options-search-input"
+        />
+      </div>
+    </div>
+
+    <div class="style-options-groups">
+      <StyleOptionsGroup
+        v-for="group in filteredGroups"
+        :key="group.id"
+        :style-name="styleName"
+        :label="group.label"
+        :category="group.category"
+        :options="group.options"
+      />
+    </div>
+
+    <p
+      class="style-options-empty"
+      v-if="filteredGroups.length === 0 && searchQuery"
+    >
+      No options match "{{ searchQuery }}".
+    </p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.style-options {
+  &-search {
+    margin-bottom: 20px;
+
+    &-wrapper {
+      position: relative;
+      display: flex;
+      align-items: center;
+    }
+
+    &-icon {
+      position: absolute;
+      left: 14px;
+      color: var(--vp-c-text-3);
+      pointer-events: none;
+    }
+
+    &-input {
+      width: 100%;
+      padding-left: 40px !important;
+      border-radius: var(--vp-radius-xs) !important;
+      font-size: 14px !important;
+    }
+  }
+
+  &-groups {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  &-empty {
+    text-align: center;
+    color: var(--vp-c-text-3);
+    font-size: 14px;
+    padding: 32px 0;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleOptionsCard.vue b/apps/docs/.vitepress/theme/components/styles/StyleOptionsCard.vue
new file mode 100644
index 0000000..b4ea0f9
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleOptionsCard.vue
@@ -0,0 +1,615 @@
+<script setup lang="ts">
+import { computed, inject, type Component } from 'vue';
+import {
+  Type,
+  Hash,
+  ToggleLeft,
+  List,
+  Palette,
+  SlidersHorizontal,
+  Weight,
+  Link2,
+} from '@lucide/vue';
+import Accordion from 'primevue/accordion';
+import AccordionPanel from 'primevue/accordionpanel';
+import AccordionHeader from 'primevue/accordionheader';
+import AccordionContent from 'primevue/accordioncontent';
+import { UiCard } from '../ui';
+import Tag from 'primevue/tag';
+import { capitalCase } from 'change-case';
+import StyleOptionsPreview from './StyleOptionsPreview.vue';
+import StyleOptionsCodePanel from './StyleOptionsCodePanel.vue';
+import Message from 'primevue/message';
+import { padColors } from '@theme/utils/avatar/colors';
+import { track } from '@theme/utils/track';
+import { unsupportedHttpApiOptions } from '@theme/utils/avatar/api';
+import {
+  getOptionDescription,
+  getOptionExamples,
+} from '@theme/utils/styleOptionMeta';
+import {
+  styleColorsKey,
+  styleColorsDefault,
+  styleDefaultsKey,
+  styleDefaultsDefault,
+} from './styleOptionsKeys';
+
+export interface OptionValue {
+  type: string;
+  values?: string[];
+  min?: number;
+  max?: number;
+  list?: boolean;
+  weighted?: boolean;
+  contrastTo?: string;
+}
+
+const props = defineProps<{
+  styleName: string;
+  name: string;
+  value: OptionValue;
+}>();
+
+const styleColors = inject(styleColorsKey, styleColorsDefault);
+const styleDefaults = inject(styleDefaultsKey, styleDefaultsDefault);
+
+function colorExamples(colorName: string, min?: number): string[] {
+  return padColors(styleColors.value[colorName] ?? [], min);
+}
+
+const naturalSort = (a: string | number, b: string | number) => {
+  return a.toString().localeCompare(b.toString(), undefined, {
+    numeric: true,
+    sensitivity: 'base',
+  });
+};
+
+const fieldType = computed(() => props.value.type);
+const fieldValues = computed(() => props.value.values ?? []);
+const fieldMin = computed(() => props.value.min);
+const fieldMax = computed(() => props.value.max);
+const isList = computed(() => props.value.list === true);
+const isWeighted = computed(() => props.value.weighted === true);
+
+interface BadgeConfig {
+  label: string;
+  color: string;
+  icon: Component;
+}
+
+const typeStyles: Record<string, { color: string; icon: Component }> = {
+  string: { color: 'var(--vp-c-text-2)', icon: Type },
+  number: { color: 'var(--vp-c-green-1)', icon: Hash },
+  boolean: { color: 'var(--vp-c-brand-1)', icon: ToggleLeft },
+  enum: { color: 'var(--vp-c-purple-1)', icon: List },
+  color: { color: 'var(--vp-c-yellow-1)', icon: Palette },
+  range: { color: 'var(--vp-c-indigo-1)', icon: SlidersHorizontal },
+};
+
+function style(type: string) {
+  return typeStyles[type] ?? { color: 'var(--vp-c-text-2)', icon: Type };
+}
+
+const badges = computed<BadgeConfig[]>(() => {
+  const type = fieldType.value;
+  const s = style(type);
+
+  switch (type) {
+    case 'string':
+    case 'number':
+    case 'color': {
+      const result: BadgeConfig[] = [{ label: type, ...s }];
+      if (isList.value) result.push({ label: `${type}[]`, ...s });
+      return result;
+    }
+
+    case 'boolean':
+      return [{ label: 'boolean', ...s }];
+
+    case 'enum': {
+      const result: BadgeConfig[] = [{ label: 'enum', ...s }];
+      if (isList.value) result.push({ label: 'enum[]', ...s });
+      if (isWeighted.value)
+        result.push({ label: 'weighted', color: s.color, icon: Weight });
+      return result;
+    }
+
+    case 'range':
+      return [
+        { label: 'number', color: s.color, icon: Hash },
+        { label: '[min, max]', ...s },
+      ];
+
+    default:
+      return [{ label: type, ...s }];
+  }
+});
+
+const skipPreview = computed(
+  () =>
+    fieldType.value === 'boolean' ||
+    props.name === 'fontFamily' ||
+    props.name === 'title',
+);
+
+const excludeHttpApi = computed(() =>
+  unsupportedHttpApiOptions.has(props.name),
+);
+
+const possibleValues = computed(() => {
+  if (skipPreview.value) {
+    return [];
+  }
+
+  return fieldValues.value.slice().sort(naturalSort);
+});
+
+const examples = computed<(string | number | boolean)[] | undefined>(() => {
+  if (skipPreview.value) {
+    return undefined;
+  }
+
+  if (isWeighted.value && fieldValues.value.length > 0) {
+    return undefined;
+  }
+
+  return getOptionExamples(props.name, colorExamples);
+});
+
+const previewItems = computed(() => {
+  if (examples.value) {
+    return examples.value;
+  }
+
+  if (possibleValues.value.length > 0) {
+    return possibleValues.value;
+  }
+
+  return [];
+});
+
+const codeExampleValue = computed(() => {
+  if (examples.value) {
+    return isList.value ? examples.value.slice(0, 2) : examples.value[0];
+  }
+
+  if (possibleValues.value.length > 0) {
+    return isList.value
+      ? possibleValues.value.slice(0, 2)
+      : possibleValues.value[0];
+  }
+
+  if (fieldType.value === 'boolean') {
+    return true;
+  }
+
+  if (fieldType.value === 'color') {
+    return ['b6e3f4'];
+  }
+
+  if (fieldType.value === 'number' || fieldType.value === 'range') {
+    const dv = styleDefaults.value[props.name];
+
+    if (typeof dv === 'number') {
+      return dv;
+    }
+
+    if (fieldMin.value !== undefined) {
+      return fieldMin.value;
+    }
+
+    return 0;
+  }
+
+  if (props.name === 'title') {
+    return 'Avatar';
+  }
+
+  if (props.name === 'fontFamily') {
+    return 'Arial';
+  }
+
+  return undefined;
+});
+
+const headerId = computed(() => {
+  return `options-${props.name.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
+});
+
+const contrastTo = computed(() =>
+  fieldType.value === 'color' && typeof props.value.contrastTo === 'string'
+    ? props.value.contrastTo
+    : null,
+);
+
+const contrastTargetHref = computed(() => {
+  const name = contrastTo.value;
+  if (!name) return null;
+  const optionName = `${name}Color`;
+  return `#options-${optionName.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
+});
+
+const contrastTargetLabel = computed(() => {
+  const name = contrastTo.value;
+  return name ? capitalCase(name) : '';
+});
+
+const description = computed(() => getOptionDescription(props.name));
+
+interface MetaItem {
+  label: string;
+  value: string;
+}
+
+const metaItems = computed<MetaItem[]>(() => {
+  const items: MetaItem[] = [];
+  const min = fieldMin.value;
+  const max = fieldMax.value;
+
+  if (min !== undefined && max !== undefined) {
+    items.push({ label: 'Range', value: `${min} — ${max}` });
+  } else if (min !== undefined) {
+    items.push({ label: 'Min', value: String(min) });
+  } else if (max !== undefined) {
+    items.push({ label: 'Max', value: String(max) });
+  }
+
+  const dv = styleDefaults.value[props.name];
+
+  if (dv !== undefined) {
+    let formatted: string;
+    if (Array.isArray(dv)) {
+      formatted = `[${dv.join(', ')}]`;
+    } else if (typeof dv === 'object' && dv !== null) {
+      formatted = Object.entries(dv)
+        .map(([k, v]) => `${k}: ${v}`)
+        .join(', ');
+    } else {
+      formatted = String(dv);
+    }
+    items.push({ label: 'Default', value: formatted });
+  }
+
+  return items;
+});
+
+const descriptionWithHints = computed(() => {
+  let text = description.value;
+  if (!text) return undefined;
+
+  if (excludeHttpApi.value) text += ' Not available via HTTP-API.';
+
+  return text;
+});
+
+const weightedExampleValue = computed(() => {
+  if (!isWeighted.value) return undefined;
+
+  const vals = fieldValues.value;
+
+  if (vals.length >= 2) {
+    return { [vals[0]]: 2, [vals[1]]: 1 };
+  }
+
+  if (vals.length === 1) {
+    return { [vals[0]]: 1 };
+  }
+
+  return { variant01: 2, variant02: 1 };
+});
+
+const hasDetails = computed(() => {
+  return (
+    previewItems.value.length > 0 ||
+    codeExampleValue.value !== undefined ||
+    excludeHttpApi.value
+  );
+});
+
+// Track when a reader expands an option's "Examples" panel. PrimeVue's
+// Accordion `update:value` emits the same panel value on both open and close,
+// so instead we read the header's resulting `aria-expanded` state after the
+// click and only count opens.
+function onExamplesToggle(event: MouseEvent) {
+  const header = event.currentTarget as HTMLElement | null;
+
+  requestAnimationFrame(() => {
+    if (header?.getAttribute('aria-expanded') === 'true') {
+      track('Docs Options: Examples Opened', {
+        style: props.styleName,
+        option: props.name,
+      });
+    }
+  });
+}
+</script>
+
+<template>
+  <UiCard class="style-options-card">
+    <div class="style-options-card-header">
+      <h3 :id="headerId" tabindex="-1" class="style-options-card-title">
+        {{ name }}
+        <a class="header-anchor" :href="`#${headerId}`" aria-hidden="true"></a>
+      </h3>
+      <div class="style-options-card-badges">
+        <Tag
+          v-for="badge in badges"
+          :key="badge.label"
+          :style="{
+            background: `color-mix(in srgb, ${badge.color} 10%, transparent)`,
+            color: badge.color,
+          }"
+        >
+          <component v-if="badge.icon" :is="badge.icon" :size="13" />
+          {{ badge.label }}
+        </Tag>
+      </div>
+    </div>
+
+    <p class="style-options-card-description" v-if="descriptionWithHints">
+      {{ descriptionWithHints }}
+    </p>
+
+    <div
+      v-if="contrastTo"
+      class="style-options-card-contrast-banner"
+      role="note"
+    >
+      <Link2 :size="14" class="style-options-card-contrast-banner-icon" />
+      <p class="style-options-card-contrast-banner-text">
+        Linked to
+        <a
+          :href="contrastTargetHref ?? undefined"
+          class="style-options-card-contrast-banner-link"
+        >
+          {{ contrastTargetLabel }}
+        </a>. The renderer picks the value with the strongest contrast against the
+        selected {{ contrastTargetLabel.toLowerCase() }} color, so additional
+        values mainly serve as fallbacks.
+      </p>
+    </div>
+
+    <div class="style-options-card-meta" v-if="metaItems.length > 0">
+      <span
+        v-for="item in metaItems"
+        :key="item.label"
+        class="style-options-card-meta-item"
+      >
+        {{ item.label }} <code>{{ item.value }}</code>
+      </span>
+    </div>
+
+    <Accordion
+      v-if="hasDetails"
+      :value="[]"
+      multiple
+      lazy
+      class="style-options-card-details"
+    >
+      <AccordionPanel value="0">
+        <AccordionHeader @click="onExamplesToggle">Examples</AccordionHeader>
+        <AccordionContent>
+          <div class="style-options-card-details-body">
+            <div
+              class="style-options-card-preview"
+              v-if="previewItems.length > 0"
+            >
+              <div class="style-options-card-preview-grid">
+                <StyleOptionsPreview
+                  v-for="(val, key) in previewItems"
+                  :key="key"
+                  :style-name="styleName"
+                  :name="name"
+                  :value="val"
+                />
+              </div>
+            </div>
+
+            <div
+              class="style-options-card-code"
+              v-if="codeExampleValue !== undefined && !weightedExampleValue"
+            >
+              <StyleOptionsCodePanel
+                :style-name="styleName"
+                :option-name="name"
+                :value="codeExampleValue"
+                :exclude-http-api="excludeHttpApi"
+              />
+            </div>
+
+            <div
+              class="style-options-card-code-group"
+              v-if="codeExampleValue !== undefined && weightedExampleValue"
+            >
+              <div class="style-options-card-code-section">
+                <span class="style-options-card-code-label">Usage</span>
+                <StyleOptionsCodePanel
+                  :style-name="styleName"
+                  :option-name="name"
+                  :value="codeExampleValue"
+                  :exclude-http-api="excludeHttpApi"
+                />
+              </div>
+              <div class="style-options-card-code-section">
+                <span class="style-options-card-code-label">Weighted</span>
+                <StyleOptionsCodePanel
+                  :style-name="styleName"
+                  :option-name="name"
+                  :value="weightedExampleValue"
+                  :exclude-http-api="excludeHttpApi"
+                />
+              </div>
+            </div>
+
+            <div v-if="excludeHttpApi" class="style-options-card-message">
+              <Message severity="warn" :closable="false">
+                This option is not supported by our public
+                <a href="/how-to-use/http-api/">HTTP-API</a>. You can enable it
+                by
+                <a href="/guides/host-the-http-api-yourself/"
+                  >hosting your own instance</a
+                >.
+              </Message>
+            </div>
+          </div>
+        </AccordionContent>
+      </AccordionPanel>
+    </Accordion>
+  </UiCard>
+</template>
+
+<style scoped lang="scss">
+.style-options-card {
+  min-width: 0;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  &-badges {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    flex-shrink: 0;
+  }
+
+  &-title {
+    margin: 0 !important;
+    padding: 0;
+    border: none;
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 1.4;
+  }
+
+  &-description {
+    margin-top: 10px;
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 1.6;
+    color: var(--vp-c-text-2);
+  }
+
+  &-details {
+    margin-top: 12px;
+    --p-accordion-panel-border-color: var(--pg-border);
+    --p-accordion-header-padding: 8px 0;
+    --p-accordion-content-padding: 0;
+    --p-accordion-header-background: transparent;
+    --p-accordion-header-hover-background: transparent;
+    --p-accordion-header-active-background: transparent;
+    --p-accordion-header-active-hover-background: transparent;
+    --p-accordion-content-background: transparent;
+    --p-accordion-panel-border-width: 0;
+    --p-accordion-header-font-size: 13px;
+    --p-accordion-header-font-weight: 600;
+    --p-accordion-header-color: var(--vp-c-text-3);
+    --p-accordion-header-hover-color: var(--vp-c-text-2);
+    --p-accordion-header-active-color: var(--vp-c-text-3);
+    --p-accordion-header-active-hover-color: var(--vp-c-text-2);
+
+    &-body {
+      display: flex;
+      flex-direction: column;
+      padding-top: 4px;
+    }
+
+    :deep(.p-accordioncontent-wrapper) {
+      min-width: 0;
+    }
+  }
+
+  &-contrast-banner {
+    display: flex;
+    gap: 8px;
+    margin-top: 12px;
+    padding: 10px 12px;
+    font-size: 13px;
+    line-height: 1.5;
+    color: var(--vp-c-text-2);
+    background: var(--vp-c-bg-soft);
+    border: 1px solid var(--vp-c-divider);
+    border-radius: var(--vp-radius-xs);
+
+    &-icon {
+      flex-shrink: 0;
+      margin-top: 2px;
+      opacity: 0.7;
+    }
+
+    &-text {
+      margin: 0;
+    }
+
+    &-link {
+      color: var(--vp-c-brand-1);
+      text-decoration: underline;
+      text-underline-offset: 2px;
+
+      &:hover {
+        color: var(--vp-c-brand-2);
+      }
+    }
+  }
+
+  &-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin-top: 8px;
+
+    &-item {
+      font-size: 13px;
+      color: var(--vp-c-text-3);
+
+      code {
+        font-size: 12px;
+        font-weight: 600;
+        padding: 1px 5px;
+        border-radius: 3px;
+        background-color: var(--vp-code-bg);
+        color: var(--vp-c-text-2);
+      }
+    }
+  }
+
+  &-preview {
+    margin-top: 16px;
+
+    &-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
+      gap: 8px;
+    }
+  }
+
+  &-code {
+    margin-top: 16px;
+  }
+
+  &-code-group {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-top: 16px;
+  }
+
+  &-code-label {
+    display: block;
+    font-size: 12px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--vp-c-text-3);
+    margin-bottom: 8px;
+  }
+
+  &-message {
+    margin-top: 16px;
+    --p-message-text-font-size: 13px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleOptionsCodePanel.vue b/apps/docs/.vitepress/theme/components/styles/StyleOptionsCodePanel.vue
new file mode 100644
index 0000000..c75baa7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleOptionsCodePanel.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { computed, useId } from 'vue';
+import { UiCode } from '../ui';
+import { generateCodeExamples } from '@theme/utils/code-examples';
+
+const props = defineProps<{
+  styleName: string;
+  optionName: string;
+  value: unknown;
+  excludeHttpApi?: boolean;
+}>();
+
+const examples = computed(() =>
+  generateCodeExamples(props.styleName, props.optionName, props.value),
+);
+
+const groupId = useId();
+
+type Tab = { key: string; label: string; lang?: string; code: string };
+
+const tabs = computed<Tab[]>(() => {
+  const list: Tab[] = [];
+  if (!props.excludeHttpApi) {
+    list.push({
+      key: 'http-api',
+      label: 'HTTP-API',
+      code: examples.value.httpApi,
+    });
+  }
+  list.push({ key: 'js', label: 'JS', lang: 'js', code: examples.value.js });
+  list.push({
+    key: 'php',
+    label: 'PHP',
+    lang: 'php',
+    code: examples.value.php,
+  });
+  list.push({
+    key: 'python',
+    label: 'Python',
+    lang: 'python',
+    code: examples.value.python,
+  });
+  list.push({
+    key: 'rust',
+    label: 'Rust',
+    lang: 'rust',
+    code: examples.value.rust,
+  });
+  list.push({ key: 'go', label: 'Go', lang: 'go', code: examples.value.go });
+  list.push({
+    key: 'dart',
+    label: 'Dart',
+    lang: 'dart',
+    code: examples.value.dart,
+  });
+  list.push({ key: 'cli', label: 'CLI', code: examples.value.cli });
+  return list;
+});
+</script>
+
+<template>
+  <!--
+    Markup intentionally mirrors VitePress' :::code-group output so the global
+    `useCodeGroups` click handler (auto-installed by the default theme) drives
+    tab switching for free. Required: .vp-code-group > .tabs (radio + label
+    pairs) and .blocks > .language-* children, first marked `.active`.
+  -->
+  <div class="vp-code-group style-options-code-panel">
+    <div class="tabs">
+      <template v-for="(tab, i) in tabs" :key="tab.key">
+        <input
+          type="radio"
+          :name="`code-group-${groupId}`"
+          :id="`code-group-${groupId}-${tab.key}`"
+          :checked="i === 0"
+        />
+        <label :for="`code-group-${groupId}-${tab.key}`">{{ tab.label }}</label>
+      </template>
+    </div>
+    <div class="blocks">
+      <div
+        v-for="(tab, i) in tabs"
+        :key="tab.key"
+        :class="[`language-${tab.lang ?? 'txt'}`, { active: i === 0 }]"
+      >
+        <UiCode :lang="tab.lang" :code="tab.code" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.style-options-code-panel {
+  margin-top: 0;
+
+  :deep(.ui-code) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleOptionsGroup.vue b/apps/docs/.vitepress/theme/components/styles/StyleOptionsGroup.vue
new file mode 100644
index 0000000..60919d2
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleOptionsGroup.vue
@@ -0,0 +1,84 @@
+<script lang="ts">
+import { Settings, Puzzle, Palette } from '@lucide/vue';
+
+const categoryIcons = {
+  general: Settings,
+  component: Puzzle,
+  color: Palette,
+} as const;
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import StyleOptionsCard, { type OptionValue } from './StyleOptionsCard.vue';
+
+const props = defineProps<{
+  styleName: string;
+  label: string;
+  category: keyof typeof categoryIcons;
+  options: Record<string, OptionValue>;
+}>();
+
+const icon = computed(() => categoryIcons[props.category]);
+
+const optionCount = computed(() => Object.keys(props.options).length);
+</script>
+
+<template>
+  <div class="style-options-group">
+    <div class="style-options-group-header">
+      <component :is="icon" :size="16" class="style-options-group-icon" />
+      <span class="style-options-group-label">{{ label }}</span>
+      <span class="style-options-group-count">{{ optionCount }}</span>
+    </div>
+    <div class="style-options-group-cards">
+      <StyleOptionsCard
+        v-for="(value, name) of options"
+        :key="name"
+        :style-name="styleName"
+        :name="name"
+        :value="value"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.style-options-group {
+  &-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 14px 0;
+  }
+
+  &-icon {
+    color: var(--vp-c-text-3);
+    flex-shrink: 0;
+  }
+
+  &-label {
+    font-weight: 600;
+  }
+
+  &-count {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 22px;
+    height: 22px;
+    padding: 0 6px;
+    border-radius: 99px;
+    background: var(--vp-c-bg-soft);
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--vp-c-text-3);
+  }
+
+  &-cards {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleOptionsPreview.vue b/apps/docs/.vitepress/theme/components/styles/StyleOptionsPreview.vue
new file mode 100644
index 0000000..b6cb4d0
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleOptionsPreview.vue
@@ -0,0 +1,236 @@
+<script setup lang="ts">
+import { computed, inject } from 'vue';
+import { getAvatarPropertyPreviewOptions } from '@theme/utils/avatar/preview';
+import { padColors, resolveColors } from '@theme/utils/avatar/colors';
+import { UiAvatar } from '../ui';
+import {
+  componentNamesKey,
+  componentNamesDefault,
+  styleColorsKey,
+  styleColorsDefault,
+  componentPreviewKey,
+  componentPreviewDefault,
+} from './styleOptionsKeys';
+
+const props = defineProps<{
+  styleName: string;
+  name: string;
+  value: string | number | boolean;
+}>();
+
+const allComponentNames = inject(componentNamesKey, componentNamesDefault);
+const styleColors = inject(styleColorsKey, styleColorsDefault);
+const preview = inject(componentPreviewKey, componentPreviewDefault);
+
+const previewTarget = computed(() => {
+  const n = props.name;
+
+  if (n.endsWith('Variant')) {
+    return { type: 'variant' as const, component: n.replace(/Variant$/, '') };
+  }
+
+  if (n.endsWith('Probability')) {
+    return {
+      type: 'probability' as const,
+      component: n.replace(/Probability$/, ''),
+    };
+  }
+
+  // ColorFillStops must come before ColorFill (longer suffix first)
+  if (n.endsWith('ColorFillStops')) {
+    return {
+      type: 'colorFillStops' as const,
+      color: n.slice(0, -'ColorFillStops'.length),
+    };
+  }
+
+  if (n.endsWith('ColorFill')) {
+    return {
+      type: 'colorFill' as const,
+      color: n.slice(0, -'ColorFill'.length),
+    };
+  }
+
+  if (n.endsWith('ColorAngle')) {
+    return {
+      type: 'colorAngle' as const,
+      color: n.slice(0, -'ColorAngle'.length),
+    };
+  }
+
+  if (n.endsWith('Color')) {
+    return { type: 'color' as const, color: n.replace(/Color$/, '') };
+  }
+
+  return { type: 'general' as const };
+});
+
+const isComponentPreview = computed(() => {
+  if (!preview.value) return false;
+
+  const t = previewTarget.value;
+
+  // Color-typed previews (plain *Color and the *ColorFill / *ColorFillStops /
+  // *ColorAngle gradient configuration options) render the full avatar via the
+  // HTTP-API path, so e.g. Identicon's rowColor preview shows every row
+  // instead of a single isolated row from one component.
+  if (t.type === 'variant' || t.type === 'probability') {
+    return allComponentNames.value.includes(t.component);
+  }
+
+  return false;
+});
+
+const previewDataUri = computed(() => {
+  if (!isComponentPreview.value || !preview.value) return undefined;
+
+  const p = preview.value;
+  const t = previewTarget.value;
+
+  if (t.type === 'variant') {
+    return p.toDataUri(t.component, String(props.value));
+  }
+
+  if (t.type === 'probability') {
+    const firstVariant = p.firstVariant(t.component);
+    if (!firstVariant) return undefined;
+
+    return p.toDataUri(t.component, firstVariant, {
+      [props.name]: props.value,
+      backgroundColor: resolveColors('background', styleColors.value),
+    });
+  }
+
+  return undefined;
+});
+
+const generalOptions = computed(() => {
+  if (isComponentPreview.value) return undefined;
+
+  const t = previewTarget.value;
+  let opts: Record<string, unknown>;
+
+  if (
+    t.type === 'general' ||
+    t.type === 'variant' ||
+    t.type === 'probability'
+  ) {
+    opts = getAvatarPropertyPreviewOptions(props.name, props.value);
+  } else {
+    const colorKey = `${t.color}Color`;
+    const fillKey = `${t.color}ColorFill`;
+    opts = { seed: 'JD' };
+
+    if (t.type === 'color') {
+      opts[colorKey] = [props.value];
+    } else {
+      const stops = t.type === 'colorFillStops' ? Number(props.value) || 2 : 2;
+
+      opts[colorKey] = padColors(
+        resolveColors(t.color, styleColors.value),
+        stops,
+      ).slice(0, stops);
+      opts[fillKey] = t.type === 'colorFill' ? [props.value] : ['linear'];
+
+      if (t.type === 'colorFillStops')
+        opts[`${t.color}ColorFillStops`] = [props.value];
+      if (t.type === 'colorAngle') opts[`${t.color}ColorAngle`] = [props.value];
+    }
+  }
+
+  if (t.type === 'variant') {
+    opts.backgroundColor = [];
+  }
+
+  return opts;
+});
+
+function selectLabel(event: MouseEvent) {
+  const range = document.createRange();
+  range.selectNodeContents(event.currentTarget as Node);
+  const sel = window.getSelection();
+  sel?.removeAllRanges();
+  sel?.addRange(range);
+}
+</script>
+
+<template>
+  <div class="style-options-preview">
+    <div class="style-options-preview-avatar-wrapper">
+      <div v-if="previewDataUri" class="style-options-preview-img">
+        <img :src="previewDataUri" alt="" />
+      </div>
+      <UiAvatar
+        v-else-if="generalOptions"
+        :size="name === 'size' ? Number(value) : 80"
+        :styleName="styleName"
+        :styleOptions="generalOptions"
+        mode="http-api"
+        class="style-options-preview-avatar"
+      />
+    </div>
+    <code class="style-options-preview-label" @click="selectLabel">{{
+      value
+    }}</code>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.style-options-preview {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 0;
+  border-radius: var(--vp-radius-xs);
+  background: var(--vp-c-bg-soft);
+  overflow: hidden;
+
+  html.dark & {
+    background: var(--vp-c-bg);
+  }
+
+  &-avatar-wrapper {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 16px 12px 12px;
+    min-height: 96px;
+  }
+
+  &-img {
+    width: 80px;
+    height: 80px;
+    border-radius: 3px;
+    background: repeating-conic-gradient(
+        var(--ui-avatar-bg-1, rgba(0, 0, 0, 0.02)) 0% 25%,
+        var(--ui-avatar-bg-2, rgba(0, 0, 0, 0.07)) 0% 50%
+      )
+      50% / 12px 12px;
+    overflow: hidden;
+    user-select: none;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      margin: 0;
+    }
+  }
+
+  &-avatar {
+    user-select: none;
+  }
+
+  &-label {
+    display: block;
+    text-align: center;
+    padding: 6px 4px 10px;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1;
+    color: var(--vp-c-text-2);
+    cursor: pointer;
+    background: none;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StylePreview.vue b/apps/docs/.vitepress/theme/components/styles/StylePreview.vue
new file mode 100644
index 0000000..44ead62
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StylePreview.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { kebabCase } from 'change-case';
+import { UiAvatar, UiDemoFrame } from '../ui';
+
+const props = defineProps<{
+  styleName: string;
+}>();
+
+// Seeds chosen to maximise visual variety in the preview row. Picked by
+// fingerprinting candidate seeds against the dylan style (the hardest case: its
+// default palette has only 3 backgrounds + 2 skin tones) and balancing
+// background, hair colour and skin tone; ordered so no two neighbours repeat a
+// background or hair colour and skin alternates. Verified distinct across other
+// styles too (lorelei, avataaars, bottts, …).
+const seeds = [
+  'Jasper',
+  'Aiden',
+  'Nadia',
+  'Isla',
+  'Kai',
+  'Bianca',
+  'Riley',
+  'Dante',
+];
+
+const playgroundUrl = computed(
+  () => `/playground?style=${kebabCase(props.styleName)}`,
+);
+</script>
+
+<template>
+  <UiDemoFrame :playground-url="playgroundUrl">
+    <div class="style-preview">
+      <UiAvatar
+        v-for="seed in seeds"
+        :key="seed"
+        :size="72"
+        :style-name="styleName"
+        :style-options="{ seed }"
+        class="style-preview-img"
+      />
+    </div>
+  </UiDemoFrame>
+</template>
+
+<style scoped lang="scss">
+.style-preview {
+  display: grid;
+  /* Fill the frame edge-to-edge: as many equal columns as fit (min 72px), each
+     stretching to share the width so avatars scale up to use the space instead
+     of leaving empty bands. Wraps responsively on narrow viewports. */
+  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
+  gap: 8px;
+}
+
+/* Let each avatar fill its grid cell, overriding UiAvatar's fixed px size. The
+   avatars are vector SVGs, so they stay crisp at any rendered size. */
+.style-preview-img.ui-avatar {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1 / 1;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/StyleUsage.vue b/apps/docs/.vitepress/theme/components/styles/StyleUsage.vue
new file mode 100644
index 0000000..d8487b7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/StyleUsage.vue
@@ -0,0 +1,278 @@
+<script setup lang="ts">
+import {
+  kebabCase,
+  constantCase,
+  pascalCase,
+  snakeCase,
+  camelCase,
+} from 'change-case';
+import { UiCard, UiCode as Code } from '../ui';
+import { computed, ref } from 'vue';
+import Tabs from 'primevue/tabs';
+import TabList from 'primevue/tablist';
+import Tab from 'primevue/tab';
+import TabPanels from 'primevue/tabpanels';
+import TabPanel from 'primevue/tabpanel';
+
+const props = defineProps<{
+  styleName: string;
+}>();
+
+const tab = ref('http-api');
+
+const exampleHttpApiUrl = computed(() => {
+  return `https://api.dicebear.com/10.x/${kebabCase(props.styleName)}/svg`;
+});
+
+const exampleHttpApiImgTag = computed(() => {
+  return `<img
+  src="https://api.dicebear.com/10.x/${kebabCase(props.styleName)}/svg"
+  alt="avatar"
+/>`;
+});
+
+const exampleJsLibraryInstall = computed(() => {
+  return `npm install @dicebear/core @dicebear/styles --save`;
+});
+
+const exampleJsLibraryUsage = computed(() => {
+  return `import { Style, Avatar } from '@dicebear/core';
+import definition from '@dicebear/styles/${kebabCase(props.styleName)}.json' with { type: 'json' };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, {
+  // ... options
+});
+
+const svg = avatar.toString();
+`;
+});
+
+const exampleRustInstall = computed(() => {
+  return `cargo add dicebear-core serde_json
+cargo add dicebear-styles --features ${kebabCase(props.styleName)}`;
+});
+
+const exampleRustUsage = computed(() => {
+  return `use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::${constantCase(props.styleName)})?;
+let avatar = Avatar::new(&style, json!({
+  // ... options
+}))?;
+
+let svg = avatar.to_svg();
+`;
+});
+
+const exampleGoInstall = computed(() => {
+  return `go get github.com/dicebear/dicebear-go/v10
+go get github.com/dicebear/styles/v10`;
+});
+
+const exampleGoUsage = computed(() => {
+  return `import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.${pascalCase(props.styleName)}))
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	// ... options
+})
+
+svg := avatar.SVG()
+`;
+});
+
+const exampleDartInstall = computed(() => {
+  return `dart pub add dicebear_core dicebear_styles`;
+});
+
+const exampleDartUsage = computed(() => {
+  return `import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/${snakeCase(props.styleName)}.dart';
+
+final style = Style.parse(${camelCase(props.styleName)});
+final avatar = Avatar(style, {
+  // ... options
+});
+
+final svg = avatar.svg;
+`;
+});
+
+const exampleCliInstall = computed(() => {
+  return `npm install --global dicebear`;
+});
+
+const examplePhpInstall = computed(() => {
+  return `composer require dicebear/core dicebear/styles`;
+});
+
+const examplePhpUsage = computed(() => {
+  return `<?php
+
+use Composer\\InstalledVersions;
+use DiceBear\\Style;
+use DiceBear\\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/${kebabCase(props.styleName)}.json'));
+
+$avatar = new Avatar($style, [
+  // ... options
+]);
+
+$svg = (string) $avatar;
+`;
+});
+
+const examplePythonInstall = computed(() => {
+  return `pip install dicebear-core dicebear-styles`;
+});
+
+const examplePythonUsage = computed(() => {
+  return `from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("${kebabCase(props.styleName)}.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, {
+    # ... options
+})
+
+svg = avatar.to_string()
+`;
+});
+
+const exampleCliUsage = computed(() => {
+  return `dicebear ${props.styleName}`;
+});
+</script>
+
+<template>
+  <UiCard class="style-usage" flush>
+    <Tabs v-model:value="tab">
+      <TabList>
+        <Tab value="http-api">HTTP-API</Tab>
+        <Tab value="js-library">JS</Tab>
+        <Tab value="php-library">PHP</Tab>
+        <Tab value="python-library">Python</Tab>
+        <Tab value="rust-library">Rust</Tab>
+        <Tab value="go-library">Go</Tab>
+        <Tab value="dart-library">Dart</Tab>
+        <Tab value="cli">CLI</Tab>
+      </TabList>
+      <TabPanels>
+        <TabPanel value="http-api" class="style-usage-body">
+          <p>Use this URL to request this avatar style via our HTTP API.</p>
+          <Code :code="exampleHttpApiUrl" />
+
+          <p>You can use the URL directly as image source.</p>
+          <Code lang="html" :code="exampleHttpApiImgTag" />
+          <p>
+            See <a href="/how-to-use/http-api">HTTP-API</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="js-library" class="style-usage-body">
+          <p>First install the required packages via npm:</p>
+          <Code :code="exampleJsLibraryInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="js" :code="exampleJsLibraryUsage" />
+          <p>
+            See <a href="/how-to-use/js-library">JS</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="php-library" class="style-usage-body">
+          <p>First install the required packages via Composer:</p>
+          <Code :code="examplePhpInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="php" :code="examplePhpUsage" />
+          <p>
+            See <a href="/how-to-use/php-library">PHP</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="python-library" class="style-usage-body">
+          <p>First install the required packages via pip:</p>
+          <Code :code="examplePythonInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="python" :code="examplePythonUsage" />
+          <p>
+            See <a href="/how-to-use/python-library">Python</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="rust-library" class="style-usage-body">
+          <p>First add the required crates via Cargo:</p>
+          <Code :code="exampleRustInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="rust" :code="exampleRustUsage" />
+          <p>
+            See <a href="/how-to-use/rust-library">Rust</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="go-library" class="style-usage-body">
+          <p>First add the required modules with go get:</p>
+          <Code :code="exampleGoInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="go" :code="exampleGoUsage" />
+          <p>
+            See <a href="/how-to-use/go-library">Go</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="dart-library" class="style-usage-body">
+          <p>First add the required packages with dart pub:</p>
+          <Code :code="exampleDartInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code lang="dart" :code="exampleDartUsage" />
+          <p>
+            See <a href="/how-to-use/dart-library">Dart</a> docs for more
+            information.
+          </p>
+        </TabPanel>
+        <TabPanel value="cli" class="style-usage-body">
+          <p>First install the CLI package via npm:</p>
+          <Code :code="exampleCliInstall" />
+
+          <p>Then you can create this avatar as follows:</p>
+          <Code :code="exampleCliUsage" />
+          <p>
+            See <a href="/how-to-use/cli">CLI</a> docs for more information.
+          </p>
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  </UiCard>
+</template>
+
+<style lang="scss" scoped>
+.style-usage {
+  overflow: hidden;
+
+  :deep(.style-usage-body) {
+    > *:first-child {
+      margin-top: 0 !important;
+    }
+
+    > *:last-child {
+      margin-bottom: 0 !important;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/styles/styleOptionsKeys.ts b/apps/docs/.vitepress/theme/components/styles/styleOptionsKeys.ts
new file mode 100644
index 0000000..0395121
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/styles/styleOptionsKeys.ts
@@ -0,0 +1,23 @@
+import { readonly, ref, type InjectionKey, type Ref } from 'vue';
+import type { ComponentPreview } from '@theme/utils/componentPreview';
+
+export const componentNamesKey: InjectionKey<Ref<string[]>> =
+  Symbol('componentNames');
+export const componentNamesDefault = readonly(ref<string[]>([]));
+
+export const styleColorsKey: InjectionKey<Ref<Record<string, string[]>>> =
+  Symbol('styleColors');
+export const styleColorsDefault = readonly(ref<Record<string, string[]>>({}));
+
+export const componentPreviewKey: InjectionKey<Ref<ComponentPreview | null>> =
+  Symbol('componentPreview');
+export const componentPreviewDefault = readonly(
+  ref<ComponentPreview | null>(null),
+);
+
+export const styleDefaultsKey: InjectionKey<Ref<Record<string, unknown>>> =
+  Symbol('styleDefaults');
+export const styleDefaultsDefault = readonly(ref<Record<string, unknown>>({}));
+
+export const navigateToColorKey: InjectionKey<(colorName: string) => void> =
+  Symbol('navigateToColor');
diff --git a/apps/docs/.vitepress/theme/components/tools/BundleSizeTool.vue b/apps/docs/.vitepress/theme/components/tools/BundleSizeTool.vue
new file mode 100644
index 0000000..89273a2
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/BundleSizeTool.vue
@@ -0,0 +1,602 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useData } from 'vitepress';
+import { capitalCase } from 'change-case';
+import Checkbox from 'primevue/checkbox';
+import IconField from 'primevue/iconfield';
+import InputIcon from 'primevue/inputicon';
+import InputText from 'primevue/inputtext';
+import Button from 'primevue/button';
+import { Search, X } from '@lucide/vue';
+import {
+  UiAvatar,
+  UiCard,
+  UiContainer,
+  UiHeadline,
+  UiDescription,
+} from '@theme/components/ui';
+import { useVisibility } from '@theme/composables/useVisibility';
+import type { ThemeOptions } from '@theme/types';
+
+const { theme } = useData<ThemeOptions>();
+
+const sizes = theme.value.avatarStyleSizes;
+const styleNames = Object.keys(theme.value.avatarStyles).sort();
+
+const selected = ref<Set<string>>(new Set());
+const includeConverter = ref(false);
+const filter = ref('');
+const summarySentinel = ref<HTMLElement | null>(null);
+
+// Sentinel sits at the summary's natural position; when it scrolls past the
+// sticky top edge the summary is "stuck" and we show its drop shadow.
+const sentinelVisible = useVisibility(summarySentinel, {
+  threshold: 0,
+  rootMargin: '-80px 0px 0px 0px',
+  once: false,
+});
+const isSummaryStuck = computed(() => !sentinelVisible.value);
+
+const visibleStyles = computed(() => {
+  const q = filter.value.toLowerCase().trim();
+  if (!q) return styleNames;
+  return styleNames.filter((name) => {
+    return (
+      name.toLowerCase().includes(q) ||
+      styleTitle(name).toLowerCase().includes(q)
+    );
+  });
+});
+
+const selectedGzip = computed(() => {
+  let total = 0;
+  for (const name of selected.value) {
+    total += sizes.styles[name]?.gzip ?? 0;
+  }
+  return total;
+});
+
+const grandTotalGzip = computed(
+  () =>
+    sizes.core.gzip +
+    (includeConverter.value ? sizes.converter.gzip : 0) +
+    selectedGzip.value,
+);
+
+function toggle(name: string) {
+  const next = new Set(selected.value);
+  if (next.has(name)) next.delete(name);
+  else next.add(name);
+  selected.value = next;
+}
+
+function selectAll() {
+  selected.value = new Set(styleNames);
+}
+
+function clear() {
+  selected.value = new Set();
+}
+
+function formatSize(bytes: number): string {
+  if (bytes >= 1e6) return `${(bytes / 1e6).toFixed(1)} MB`;
+  if (bytes >= 1e3) return `${(bytes / 1e3).toFixed(1)} kB`;
+  return `${bytes} B`;
+}
+
+function styleTitle(name: string): string {
+  return capitalCase(name);
+}
+</script>
+
+<template>
+  <UiContainer size="sm" class="bundle-size-tool">
+    <header class="bundle-size-tool-hero">
+      <UiHeadline tag="h1"> <strong>Bundle Size</strong> Estimator </UiHeadline>
+      <UiDescription>
+        Pick the styles you plan to use and see how many gzipped kilobytes
+        they'll add to your JavaScript bundle.
+      </UiDescription>
+    </header>
+
+    <div
+      ref="summarySentinel"
+      class="bundle-size-summary-sentinel"
+      aria-hidden="true"
+    />
+    <UiCard
+      padding="lg"
+      class="bundle-size-summary"
+      :class="{ 'is-stuck': isSummaryStuck }"
+    >
+      <div
+        class="bundle-size-summary-row bundle-size-summary-row-toggle is-disabled"
+      >
+        <label class="bundle-size-summary-row-label">
+          <Checkbox :model-value="true" :binary="true" :disabled="true" />
+          <span class="bundle-size-summary-label">
+            <code>@dicebear/core</code>
+            <span class="bundle-size-summary-hint">always required</span>
+          </span>
+          <span class="bundle-size-summary-values">
+            <span class="bundle-size-summary-raw">{{
+              formatSize(sizes.core.gzip)
+            }}</span>
+            <span class="bundle-size-summary-gzip">gzip</span>
+          </span>
+        </label>
+      </div>
+      <div class="bundle-size-summary-row bundle-size-summary-row-toggle">
+        <label class="bundle-size-summary-row-label">
+          <Checkbox v-model="includeConverter" :binary="true" />
+          <span class="bundle-size-summary-label">
+            <code>@dicebear/converter</code>
+            <span class="bundle-size-summary-hint"
+              >PNG, JPEG, WebP & PDF output</span
+            >
+          </span>
+          <span class="bundle-size-summary-values">
+            <span class="bundle-size-summary-raw">{{
+              formatSize(sizes.converter.gzip)
+            }}</span>
+            <span class="bundle-size-summary-gzip">gzip</span>
+          </span>
+        </label>
+      </div>
+      <div class="bundle-size-summary-row">
+        <div class="bundle-size-summary-row-label">
+          <span class="bundle-size-summary-label">
+            {{ selected.size }} style{{ selected.size === 1 ? '' : 's' }}
+            selected
+          </span>
+          <span class="bundle-size-summary-values">
+            <span class="bundle-size-summary-raw">{{
+              formatSize(selectedGzip)
+            }}</span>
+            <span class="bundle-size-summary-gzip">gzip</span>
+          </span>
+        </div>
+      </div>
+      <div class="bundle-size-summary-row bundle-size-summary-row-total">
+        <div class="bundle-size-summary-row-label">
+          <span class="bundle-size-summary-label">Total</span>
+          <span class="bundle-size-summary-values">
+            <span class="bundle-size-summary-raw">{{
+              formatSize(grandTotalGzip)
+            }}</span>
+            <span class="bundle-size-summary-gzip">gzip</span>
+          </span>
+        </div>
+      </div>
+    </UiCard>
+
+    <UiCard padding="lg" class="bundle-size-picker">
+      <div class="bundle-size-picker-toolbar">
+        <IconField class="bundle-size-picker-search">
+          <InputIcon>
+            <Search :size="16" />
+          </InputIcon>
+          <InputText
+            v-model="filter"
+            placeholder="Filter styles…"
+            spellcheck="false"
+            fluid
+          />
+        </IconField>
+        <div class="bundle-size-picker-actions">
+          <Button
+            label="Select all"
+            severity="secondary"
+            variant="outlined"
+            @click="selectAll"
+          />
+          <Button
+            label="Clear"
+            severity="secondary"
+            variant="outlined"
+            @click="clear"
+          >
+            <template #icon><X :size="14" /></template>
+          </Button>
+        </div>
+      </div>
+
+      <ul class="bundle-size-list">
+        <li
+          v-for="name in visibleStyles"
+          :key="name"
+          class="bundle-size-row"
+          :class="{ 'bundle-size-row-selected': selected.has(name) }"
+        >
+          <label class="bundle-size-row-label">
+            <Checkbox
+              :model-value="selected.has(name)"
+              :binary="true"
+              @update:model-value="toggle(name)"
+            />
+            <UiAvatar
+              :style-name="name"
+              :style-options="{ seed: name, size: 28 }"
+              :size="28"
+              alt=""
+              mode="library"
+              class="bundle-size-row-avatar"
+            />
+            <span class="bundle-size-row-title">{{ styleTitle(name) }}</span>
+            <code class="bundle-size-row-slug">{{ name }}</code>
+            <span class="bundle-size-row-values">
+              <span class="bundle-size-row-raw">{{
+                formatSize(sizes.styles[name]?.gzip ?? 0)
+              }}</span>
+              <span class="bundle-size-row-gzip">gzip</span>
+            </span>
+          </label>
+        </li>
+        <li v-if="visibleStyles.length === 0" class="bundle-size-empty">
+          No styles match "{{ filter }}".
+        </li>
+      </ul>
+    </UiCard>
+  </UiContainer>
+</template>
+
+<style lang="scss">
+html.dark {
+  .bundle-size-summary,
+  .bundle-size-picker {
+    background: var(--vp-c-bg-soft);
+  }
+
+  .bundle-size-row:hover,
+  .bundle-size-summary-row-toggle:not(.is-disabled):hover {
+    background: var(--vp-c-bg);
+  }
+
+  .bundle-size-row-slug {
+    background: var(--vp-c-bg);
+  }
+
+  .bundle-size-summary.is-stuck {
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
+  }
+}
+
+/* @dicebear/core is always required, so its checkbox is `disabled`. Restore
+ * the checked brand color so it still reads as an active state instead of a
+ * muted disabled control. */
+.bundle-size-summary-row-toggle.is-disabled
+  .p-checkbox-checked
+  .p-checkbox-box {
+  background: var(--p-checkbox-checked-background);
+  border-color: var(--p-checkbox-checked-border-color);
+  color: var(--p-checkbox-icon-checked-color);
+}
+</style>
+
+<style lang="scss" scoped>
+.bundle-size-tool {
+  padding-top: 80px;
+  padding-bottom: 96px;
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+
+  &-hero {
+    text-align: center;
+    max-width: 720px;
+    margin: 0 auto 8px;
+
+    code {
+      background: var(--vp-c-bg-soft);
+      padding: 2px 6px;
+      border-radius: var(--vp-radius-xs);
+      font-size: 0.9em;
+    }
+  }
+
+  @media (max-width: 640px) {
+    padding-top: 32px;
+  }
+}
+
+.bundle-size-summary-sentinel {
+  height: 1px;
+  margin-bottom: -1px;
+}
+
+.bundle-size-summary {
+  position: sticky;
+  top: calc(var(--vp-nav-height, 64px) + 16px);
+  z-index: 10;
+  box-shadow: none;
+  transition: box-shadow var(--duration-fast) var(--ease-smooth);
+
+  :deep(.ui-card-body) {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  &.is-stuck {
+    box-shadow: var(--vp-shadow-2);
+  }
+
+  // Row container mirrors `.bundle-size-row` from the picker below.
+  &-row {
+    border-radius: var(--vp-radius-xs);
+    transition: background-color var(--duration-fast) var(--ease-smooth);
+
+    &-toggle:not(.is-disabled):hover {
+      background: var(--vp-c-bg-soft);
+    }
+
+    &-total {
+      margin-top: 8px;
+      padding-top: 12px;
+      border-top: 1px solid var(--vp-c-divider);
+      border-radius: 0;
+    }
+  }
+
+  // Inner label mirrors `.bundle-size-row-label` from the picker.
+  &-row-label {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+    padding: 10px 12px;
+    min-width: 0;
+  }
+
+  &-row-toggle &-row-label {
+    cursor: pointer;
+  }
+
+  &-row-toggle.is-disabled &-row-label {
+    cursor: not-allowed;
+  }
+
+  // Info rows (no checkbox) get extra left padding so their label aligns
+  // with the package name in the toggle rows above (checkbox width + gap).
+  &-row:not(&-row-toggle) &-row-label {
+    padding-left: 40px;
+  }
+
+  &-label {
+    font-size: 13px;
+    color: var(--ui-c-text-muted);
+    display: flex;
+    align-items: baseline;
+    gap: 10px;
+    flex: 1;
+    min-width: 0;
+
+    code {
+      font-family: var(--vp-font-family-mono);
+      font-size: 13px;
+      color: var(--vp-c-text-1);
+      background: var(--vp-c-bg-soft);
+      padding: 2px 6px;
+      border-radius: var(--vp-radius-xs);
+    }
+  }
+
+  &-hint {
+    font-size: 12px;
+    color: var(--ui-c-text-subtle);
+  }
+
+  &-row-total &-label {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+  }
+
+  &-values {
+    display: flex;
+    align-items: baseline;
+    gap: 12px;
+    font-variant-numeric: tabular-nums;
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  &-raw {
+    font-size: 18px;
+    font-weight: 700;
+    color: var(--vp-c-text-1);
+  }
+
+  &-row-total &-raw {
+    font-size: 22px;
+  }
+
+  &-gzip {
+    font-size: 12px;
+    color: var(--ui-c-text-subtle);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+}
+
+.bundle-size-picker {
+  :deep(.ui-card-body) {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  &-toolbar {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    flex-wrap: wrap;
+  }
+
+  &-search {
+    flex: 1;
+    min-width: 200px;
+  }
+
+  &-actions {
+    display: flex;
+    gap: 8px;
+  }
+}
+
+.bundle-size-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.bundle-size-row {
+  border-radius: var(--vp-radius-xs);
+  transition: background-color var(--duration-fast) var(--ease-smooth);
+
+  &:hover {
+    background: var(--vp-c-bg-soft);
+  }
+
+  &-selected {
+    background: var(--vp-c-brand-soft);
+
+    &:hover {
+      background: var(--vp-c-brand-soft);
+    }
+  }
+
+  &-label {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    cursor: pointer;
+    width: 100%;
+    padding: 10px 12px;
+    min-width: 0;
+  }
+
+  &-avatar {
+    flex-shrink: 0;
+  }
+
+  &-title {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--vp-c-text-1);
+  }
+
+  &-slug {
+    font-family: var(--vp-font-family-mono);
+    font-size: 12px;
+    color: var(--ui-c-text-subtle);
+    background: var(--vp-c-bg-soft);
+    padding: 2px 6px;
+    border-radius: var(--vp-radius-xs);
+  }
+
+  &-values {
+    display: flex;
+    align-items: baseline;
+    gap: 12px;
+    font-variant-numeric: tabular-nums;
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  &-raw {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+  }
+
+  &-gzip {
+    font-size: 11px;
+    color: var(--ui-c-text-subtle);
+    text-transform: uppercase;
+    letter-spacing: 0.4px;
+  }
+}
+
+.bundle-size-empty {
+  text-align: center;
+  padding: 24px;
+  color: var(--ui-c-text-subtle);
+  font-size: 13px;
+}
+
+@media (max-width: 640px) {
+  // On small screens the sticky summary card eats too much of the viewport;
+  // drop the sticky behavior so it scrolls away with the rest of the content.
+  .bundle-size-summary {
+    position: static;
+    box-shadow: none !important;
+  }
+
+  // Tighter row padding + smaller "raw" value so summary rows fit on narrow
+  // viewports without the value crashing into the label. Allow wrapping so
+  // the values drop to a second line if the label needs the full width.
+  .bundle-size-summary-row-label {
+    flex-wrap: wrap;
+    padding: 8px 10px;
+    gap: 6px 10px;
+  }
+
+  // Force the values onto a second row so the code/label can use the full
+  // width above without being clipped by the value column. Left-align so
+  // the size reads directly under the package name.
+  .bundle-size-summary-values {
+    flex-basis: 100%;
+    margin-left: 0;
+    justify-content: flex-start;
+  }
+
+  // Toggle rows have a checkbox before the label; indent the values to sit
+  // under the package name instead of the checkbox.
+  .bundle-size-summary-row-toggle .bundle-size-summary-values {
+    margin-left: 30px;
+  }
+
+  .bundle-size-summary-raw {
+    font-size: 15px;
+  }
+
+  .bundle-size-summary-row-total .bundle-size-summary-raw {
+    font-size: 18px;
+  }
+
+  // Allow the label/hint to wrap to a second line on tiny viewports if needed.
+  .bundle-size-summary-label {
+    flex-wrap: wrap;
+    gap: 2px 10px;
+  }
+
+  // Hide the secondary "always required" / "PNG, JPEG, …" hint to save
+  // vertical space; the package name + size carry the meaning.
+  .bundle-size-summary-hint {
+    display: none;
+  }
+}
+
+@media (max-width: 640px) {
+  // Mirror the summary row layout: name on top, size on a second line,
+  // left-aligned under the title so it reads as a labelled column.
+  .bundle-size-row-label {
+    flex-wrap: wrap;
+    gap: 6px 12px;
+  }
+
+  .bundle-size-row-slug {
+    display: none;
+  }
+
+  .bundle-size-row-values {
+    flex-basis: 100%;
+    margin-left: 72px; // checkbox (20) + gap (12) + avatar (28) + gap (12)
+    justify-content: flex-start;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/tools/ContrastCanvas.vue b/apps/docs/.vitepress/theme/components/tools/ContrastCanvas.vue
new file mode 100644
index 0000000..459634c
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/ContrastCanvas.vue
@@ -0,0 +1,263 @@
+<script setup lang="ts">
+// We deliberately do NOT use PrimeVue's ColorPicker here: it cannot host the
+// iso-contrast overlay polyline that maps WCAG pick boundaries onto the
+// saturation/value plane.
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
+import { Color } from '@dicebear/core';
+import { clamp, hsvToHex } from '@theme/utils/colorSpaces';
+import type { Hsv } from '@theme/utils/colorSpaces';
+
+const props = defineProps<{
+  hsv: Hsv;
+  contrastA: string;
+  contrastB: string;
+}>();
+
+const emit = defineEmits<{
+  'update:hsv': [hsv: Hsv];
+}>();
+
+const surface = ref<HTMLDivElement | null>(null);
+const isDragging = ref(false);
+const surfaceSize = ref({ width: 0, height: 0 });
+
+function setFromPointer(event: PointerEvent) {
+  if (!surface.value) return;
+  const rect = surface.value.getBoundingClientRect();
+  const s = clamp(((event.clientX - rect.left) / rect.width) * 100, 0, 100);
+  const v = clamp((1 - (event.clientY - rect.top) / rect.height) * 100, 0, 100);
+  if (s === props.hsv.s && v === props.hsv.v) return;
+  emit('update:hsv', { h: props.hsv.h, s, v });
+}
+
+function onPointerDown(event: PointerEvent) {
+  isDragging.value = true;
+  (event.target as HTMLElement).setPointerCapture?.(event.pointerId);
+  setFromPointer(event);
+}
+
+function onPointerMove(event: PointerEvent) {
+  if (!isDragging.value) return;
+  setFromPointer(event);
+}
+
+function onPointerUp(event: PointerEvent) {
+  isDragging.value = false;
+  (event.target as HTMLElement).releasePointerCapture?.(event.pointerId);
+}
+
+function onKeydown(event: KeyboardEvent) {
+  const step = event.shiftKey ? 5 : 1;
+  let { s, v } = props.hsv;
+  let handled = true;
+
+  switch (event.key) {
+    case 'ArrowLeft':
+      s = clamp(s - step, 0, 100);
+      break;
+    case 'ArrowRight':
+      s = clamp(s + step, 0, 100);
+      break;
+    case 'ArrowUp':
+      v = clamp(v + step, 0, 100);
+      break;
+    case 'ArrowDown':
+      v = clamp(v - step, 0, 100);
+      break;
+    default:
+      handled = false;
+  }
+
+  if (handled) {
+    event.preventDefault();
+    if (s === props.hsv.s && v === props.hsv.v) return;
+    emit('update:hsv', { h: props.hsv.h, s, v });
+  }
+}
+
+// Tracks the surface dimensions so the SVG overlay scales correctly.
+function measureSurface() {
+  if (!surface.value) return;
+  const rect = surface.value.getBoundingClientRect();
+  surfaceSize.value = { width: rect.width, height: rect.height };
+}
+
+let resizeObserver: ResizeObserver | null = null;
+
+onMounted(() => {
+  measureSurface();
+  if (typeof ResizeObserver !== 'undefined' && surface.value) {
+    resizeObserver = new ResizeObserver(measureSurface);
+    resizeObserver.observe(surface.value);
+  }
+});
+
+onBeforeUnmount(() => {
+  resizeObserver?.disconnect();
+});
+
+const cursorStyle = computed(() => ({
+  left: `${props.hsv.s}%`,
+  top: `${100 - props.hsv.v}%`,
+}));
+
+const ariaValueText = computed(
+  () =>
+    `${hsvToHex(props.hsv)}, saturation ${Math.round(props.hsv.s)} percent, value ${Math.round(props.hsv.v)} percent`,
+);
+
+// Layered gradients (white→hue overlaid with transparent→black) compose to
+// the canonical HSV saturation/value square at the current hue.
+const hueOnlyBackground = computed(() => {
+  const hueColor = hsvToHex({ h: props.hsv.h, s: 100, v: 100 });
+  return `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})`;
+});
+
+// Iso-contrast curve: the set of HSV (s, v) points (at the current hue)
+// where contrast against A equals contrast against B. The equal-contrast
+// luminance is L* = sqrt((L_a + 0.05) * (L_b + 0.05)) - 0.05. We binary
+// search V along each S step so the curve plots exactly the points where
+// Color.sortByContrast would swap its pick. Tracks only hue (not s/v) so
+// dragging the crosshair doesn't retrigger ~1.9k luminance calls.
+const isoContrastPath = computed<string | null>(() => {
+  if (surfaceSize.value.width === 0) return null;
+
+  const hue = props.hsv.h;
+  const la = Color.luminance(props.contrastA);
+  const lb = Color.luminance(props.contrastB);
+  const target = Math.sqrt((la + 0.05) * (lb + 0.05)) - 0.05;
+
+  if (target <= 0 || target >= 1) return null;
+
+  const steps = 80;
+  const points: string[] = [];
+
+  for (let i = 0; i <= steps; i++) {
+    const s = (i / steps) * 100;
+    let lo = 0;
+    let hi = 100;
+
+    for (let iter = 0; iter < 24; iter++) {
+      const mid = (lo + hi) / 2;
+      const lum = Color.luminance(hsvToHex({ h: hue, s, v: mid }));
+      if (lum < target) lo = mid;
+      else hi = mid;
+    }
+
+    const v = (lo + hi) / 2;
+    if (v <= 0 || v >= 100) continue;
+
+    points.push(`${s},${100 - v}`);
+  }
+
+  if (points.length < 2) return null;
+  return `M ${points.join(' L ')}`;
+});
+</script>
+
+<template>
+  <div class="contrast-canvas">
+    <div
+      ref="surface"
+      class="contrast-canvas-surface"
+      :style="{ background: hueOnlyBackground }"
+      role="slider"
+      aria-label="Color picker: drag or use arrow keys"
+      :aria-valuetext="ariaValueText"
+      tabindex="0"
+      @pointerdown="onPointerDown"
+      @pointermove="onPointerMove"
+      @pointerup="onPointerUp"
+      @pointercancel="onPointerUp"
+      @keydown="onKeydown"
+    >
+      <svg
+        v-if="isoContrastPath"
+        class="contrast-canvas-iso"
+        viewBox="0 0 100 100"
+        preserveAspectRatio="none"
+        aria-hidden="true"
+      >
+        <path
+          :d="isoContrastPath"
+          class="contrast-canvas-iso-outline"
+          vector-effect="non-scaling-stroke"
+        />
+        <path
+          :d="isoContrastPath"
+          class="contrast-canvas-iso-stroke"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg>
+
+      <div
+        class="contrast-canvas-cursor"
+        :style="cursorStyle"
+        aria-hidden="true"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contrast-canvas {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  &-surface {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 1;
+    border-radius: var(--vp-radius-md);
+    cursor: crosshair;
+    touch-action: none;
+    overflow: hidden;
+    border: 1px solid var(--vp-c-border);
+    user-select: none;
+
+    &:focus-visible {
+      outline: 3px solid var(--p-primary-color);
+      outline-offset: 2px;
+    }
+  }
+
+  &-iso {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+
+    &-outline {
+      fill: none;
+      stroke: rgba(0, 0, 0, 0.6);
+      stroke-width: 4;
+      stroke-linejoin: round;
+      stroke-linecap: round;
+    }
+
+    &-stroke {
+      fill: none;
+      stroke: rgba(255, 255, 255, 0.95);
+      stroke-width: 2;
+      stroke-linejoin: round;
+      stroke-linecap: round;
+      stroke-dasharray: 4 3;
+    }
+  }
+
+  &-cursor {
+    position: absolute;
+    width: 18px;
+    height: 18px;
+    border: 2px solid #fff;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    box-shadow:
+      0 0 0 1px rgba(0, 0, 0, 0.4),
+      0 2px 6px rgba(0, 0, 0, 0.3);
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/tools/ContrastSliders.vue b/apps/docs/.vitepress/theme/components/tools/ContrastSliders.vue
new file mode 100644
index 0000000..b64d681
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/ContrastSliders.vue
@@ -0,0 +1,321 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import Slider from 'primevue/slider';
+import InputNumber from 'primevue/inputnumber';
+import InputText from 'primevue/inputtext';
+import SelectButton from 'primevue/selectbutton';
+import {
+  hexToRgb,
+  hslToRgb,
+  hsvToHex,
+  hsvToRgb,
+  isValidHex,
+  rgbToHex,
+  rgbToHsl,
+  rgbToHsvPreservingHue,
+} from '@theme/utils/colorSpaces';
+import type { Hsv } from '@theme/utils/colorSpaces';
+
+const props = defineProps<{
+  hsv: Hsv;
+  hex: string;
+}>();
+
+const emit = defineEmits<{
+  'update:hsv': [hsv: Hsv];
+}>();
+
+const rgb = computed(() => hsvToRgb(props.hsv));
+const hsl = computed(() => rgbToHsl(rgb.value));
+
+const hexInput = ref(props.hex);
+
+watch(
+  () => props.hex,
+  (next) => {
+    if (next.toLowerCase() !== hexInput.value.toLowerCase()) {
+      hexInput.value = next;
+    }
+  },
+);
+
+function commitHex() {
+  if (!isValidHex(hexInput.value)) {
+    hexInput.value = props.hex;
+    return;
+  }
+  const normalized = hexInput.value.startsWith('#')
+    ? hexInput.value
+    : `#${hexInput.value}`;
+  const next = hexToRgb(normalized);
+  emitFromRgb(next.r, next.g, next.b);
+  hexInput.value = rgbToHex(next);
+}
+
+function emitFromRgb(r: number, g: number, b: number) {
+  emit('update:hsv', rgbToHsvPreservingHue({ r, g, b }, props.hsv));
+}
+
+function updateRgbChannel(channel: 'r' | 'g' | 'b', value: number) {
+  const next = { ...rgb.value, [channel]: value };
+  emitFromRgb(next.r, next.g, next.b);
+}
+
+function updateHslChannel(channel: 'h' | 's' | 'l', value: number) {
+  const next = { ...hsl.value, [channel]: value };
+  const asRgb = hslToRgb(next);
+  // HSL lets the user move hue directly; treat it as the authoritative hue.
+  const max = Math.max(asRgb.r, asRgb.g, asRgb.b) / 255;
+  const min = Math.min(asRgb.r, asRgb.g, asRgb.b) / 255;
+  const v = max * 100;
+  const s = max === 0 ? 0 : ((max - min) / max) * 100;
+  emit('update:hsv', { h: next.h, s, v });
+}
+
+function updateHsvChannel(channel: 'h' | 's' | 'v', value: number) {
+  emit('update:hsv', { ...props.hsv, [channel]: value });
+}
+
+function onNativePick(event: Event) {
+  const value = (event.target as HTMLInputElement).value.toLowerCase();
+  const { r, g, b } = hexToRgb(value);
+  // Native pickers emit hex from integer-% S/V (keyboard arrows = ±1%), but
+  // 24-bit hex decodes back with sub-% drift on the other axis, so a Down arrow
+  // shows up as a diagonal cursor step. Try the rounded HSV first: if it
+  // re-encodes to the same hex, the input came from an integer-% native state
+  // and we can adopt it cleanly. Otherwise (e.g. mouse click landing on
+  // non-integer S/V) keep the exact float HSV so the displayed hex matches.
+  const exact = rgbToHsvPreservingHue({ r, g, b }, props.hsv);
+  const snapped = {
+    h: exact.h,
+    s: Math.round(exact.s),
+    v: Math.round(exact.v),
+  };
+  const hex = hsvToHex(snapped).toLowerCase() === value ? snapped : exact;
+  emit('update:hsv', hex);
+}
+
+type ChannelDef = {
+  key: string;
+  label: string;
+  unit?: string;
+  min: number;
+  max: number;
+  step: number;
+};
+
+const rgbChannels: ChannelDef[] = [
+  { key: 'r', label: 'R', min: 0, max: 255, step: 1 },
+  { key: 'g', label: 'G', min: 0, max: 255, step: 1 },
+  { key: 'b', label: 'B', min: 0, max: 255, step: 1 },
+];
+
+const hslChannels: ChannelDef[] = [
+  { key: 'h', label: 'H', unit: '°', min: 0, max: 359, step: 1 },
+  { key: 's', label: 'S', unit: '%', min: 0, max: 100, step: 1 },
+  { key: 'l', label: 'L', unit: '%', min: 0, max: 100, step: 1 },
+];
+
+const hsvChannels: ChannelDef[] = [
+  { key: 'h', label: 'H', unit: '°', min: 0, max: 359, step: 1 },
+  { key: 's', label: 'S', unit: '%', min: 0, max: 100, step: 1 },
+  { key: 'v', label: 'V', unit: '%', min: 0, max: 100, step: 1 },
+];
+
+type Space = 'RGB' | 'HSL' | 'HSV';
+const spaces: Space[] = ['RGB', 'HSL', 'HSV'];
+const activeSpace = ref<Space>('HSV');
+
+const activeChannels = computed<ChannelDef[]>(() => {
+  if (activeSpace.value === 'RGB') return rgbChannels;
+  if (activeSpace.value === 'HSL') return hslChannels;
+  return hsvChannels;
+});
+
+const activeValues = computed<Record<string, number>>(() => {
+  if (activeSpace.value === 'RGB') {
+    const { r, g, b } = rgb.value;
+    return { r: Math.round(r), g: Math.round(g), b: Math.round(b) };
+  }
+  if (activeSpace.value === 'HSL') {
+    const { h, s, l } = hsl.value;
+    return { h: Math.round(h), s: Math.round(s), l: Math.round(l) };
+  }
+  const { h, s, v } = props.hsv;
+  return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };
+});
+
+function updateActiveChannel(key: string, value: number) {
+  if (activeSpace.value === 'RGB') {
+    updateRgbChannel(key as 'r' | 'g' | 'b', value);
+  } else if (activeSpace.value === 'HSL') {
+    updateHslChannel(key as 'h' | 's' | 'l', value);
+  } else {
+    updateHsvChannel(key as 'h' | 's' | 'v', value);
+  }
+}
+</script>
+
+<template>
+  <div class="contrast-sliders">
+    <div class="contrast-sliders-hex">
+      <input
+        type="color"
+        :value="hex"
+        class="contrast-sliders-hex-swatch"
+        aria-label="Open native color picker"
+        @input="onNativePick"
+      />
+      <InputText
+        id="contrast-hex"
+        v-model="hexInput"
+        class="contrast-sliders-hex-input"
+        aria-label="Hex color"
+        :maxlength="7"
+        spellcheck="false"
+        autocomplete="off"
+        @change="commitHex"
+        @keydown.enter="commitHex"
+        @blur="commitHex"
+      />
+    </div>
+
+    <SelectButton
+      v-model="activeSpace"
+      :options="spaces"
+      :allow-empty="false"
+      size="small"
+      aria-label="Color space"
+      class="contrast-sliders-space-toggle"
+    />
+
+    <div class="contrast-sliders-channels">
+      <div
+        v-for="channel in activeChannels"
+        :key="`${activeSpace}-${channel.key}`"
+        class="contrast-sliders-row"
+      >
+        <span class="contrast-sliders-row-label">
+          {{ channel.label }}
+          <span v-if="channel.unit" class="contrast-sliders-row-unit">{{
+            channel.unit
+          }}</span>
+        </span>
+        <Slider
+          :model-value="activeValues[channel.key]"
+          :min="channel.min"
+          :max="channel.max"
+          :step="channel.step"
+          class="contrast-sliders-row-slider"
+          @update:model-value="
+            updateActiveChannel(channel.key, $event as number)
+          "
+        />
+        <InputNumber
+          :model-value="activeValues[channel.key]"
+          :min="channel.min"
+          :max="channel.max"
+          :step="channel.step"
+          :show-buttons="false"
+          fluid
+          class="contrast-sliders-row-input"
+          input-class="contrast-sliders-row-input-field"
+          @update:model-value="updateActiveChannel(channel.key, $event ?? 0)"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contrast-sliders {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+
+  &-hex {
+    display: flex;
+    align-items: stretch;
+    gap: 12px;
+    margin-bottom: 10px;
+
+    &-swatch {
+      width: 42px;
+      height: 42px;
+      padding: 2px;
+      flex-shrink: 0;
+      border: 1px solid var(--vp-c-border);
+      border-radius: var(--vp-radius-xs);
+      background: var(--vp-c-bg);
+      cursor: pointer;
+
+      &::-webkit-color-swatch-wrapper {
+        padding: 0;
+      }
+
+      &::-webkit-color-swatch {
+        border: none;
+        border-radius: 4px;
+      }
+
+      &::-moz-color-swatch {
+        border: none;
+        border-radius: 4px;
+      }
+    }
+
+    &-input {
+      flex: 1;
+      min-width: 0;
+      font-family: var(--vp-font-family-mono);
+      font-variant-numeric: tabular-nums;
+    }
+  }
+
+  &-space-toggle {
+    display: flex;
+
+    :deep(.p-togglebutton) {
+      flex: 1;
+    }
+  }
+
+  &-channels {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  &-row {
+    display: grid;
+    grid-template-columns: 36px 1fr 72px;
+    align-items: center;
+    gap: 12px;
+
+    &-label {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--ui-c-text-muted);
+      display: flex;
+      align-items: baseline;
+      gap: 2px;
+    }
+
+    &-unit {
+      font-size: 10px;
+      font-weight: 500;
+      color: var(--ui-c-text-subtle);
+    }
+
+    &-slider {
+      min-width: 0;
+    }
+
+    &-input :deep(.p-inputnumber-input) {
+      text-align: right;
+      font-variant-numeric: tabular-nums;
+      padding-inline: 8px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/tools/ContrastTargets.vue b/apps/docs/.vitepress/theme/components/tools/ContrastTargets.vue
new file mode 100644
index 0000000..0fa9c23
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/ContrastTargets.vue
@@ -0,0 +1,199 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Sparkles } from '@lucide/vue';
+import { Color } from '@dicebear/core';
+import { UiCard } from '../ui';
+
+const props = defineProps<{
+  pickedHex: string;
+  contrastA: string;
+  contrastB: string;
+}>();
+
+const emit = defineEmits<{
+  'update:contrastA': [hex: string];
+  'update:contrastB': [hex: string];
+}>();
+
+const pickedLuminance = computed(() => Color.luminance(props.pickedHex));
+
+const pickedId = computed<'a' | 'b'>(() => {
+  const sorted = Color.sortByContrast(
+    [props.contrastA, props.contrastB],
+    props.pickedHex,
+  );
+  return sorted[0] === props.contrastA ? 'a' : 'b';
+});
+
+const targets = computed(() => [
+  { id: 'a' as const, label: 'Contrast color 1', value: props.contrastA },
+  { id: 'b' as const, label: 'Contrast color 2', value: props.contrastB },
+]);
+
+function emitUpdate(id: 'a' | 'b', value: string) {
+  if (id === 'a') emit('update:contrastA', value);
+  else emit('update:contrastB', value);
+}
+
+function ratioFor(hex: string): string {
+  const l = Color.luminance(hex);
+  const lp = pickedLuminance.value;
+  const ratio = (Math.max(l, lp) + 0.05) / (Math.min(l, lp) + 0.05);
+  return `${ratio.toFixed(2)}:1`;
+}
+</script>
+
+<template>
+  <div class="contrast-targets">
+    <UiCard
+      v-for="target in targets"
+      :key="target.id"
+      padding="sm"
+      class="contrast-target"
+      :class="{ 'contrast-target-picked': pickedId === target.id }"
+    >
+      <header class="contrast-target-header">
+        <h3 class="contrast-target-title">{{ target.label }}</h3>
+        <span
+          class="contrast-target-pick-badge"
+          :class="{
+            'contrast-target-pick-badge-hidden': pickedId !== target.id,
+          }"
+          :aria-hidden="pickedId !== target.id"
+        >
+          <Sparkles :size="12" />
+          DiceBear picks this
+        </span>
+      </header>
+
+      <div class="contrast-target-input-row">
+        <input
+          type="color"
+          :value="target.value"
+          class="contrast-target-color-input"
+          @input="
+            emitUpdate(target.id, ($event.target as HTMLInputElement).value)
+          "
+        />
+        <div class="contrast-target-ratio">
+          <span class="contrast-target-ratio-value">{{
+            ratioFor(target.value)
+          }}</span>
+          <span class="contrast-target-ratio-label">Contrast ratio</span>
+        </div>
+      </div>
+    </UiCard>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contrast-targets {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 24px;
+
+  @media (max-width: 960px) {
+    grid-template-columns: 1fr;
+  }
+}
+
+.contrast-target {
+  :deep(.ui-card-body) {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  // Compound selector to beat UiCard's `.ui-card` rule in cascade
+  // (both selectors otherwise have identical specificity).
+  &.contrast-target-picked {
+    border-color: var(--vp-c-brand-1);
+    box-shadow: 0 0 0 4px var(--vp-c-brand-soft);
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  &-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--vp-c-text-1);
+    margin: 0;
+  }
+
+  &-pick-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 3px 10px;
+    background: var(--vp-c-brand-1);
+    color: #fff;
+    font-size: 11px;
+    font-weight: 600;
+    border-radius: var(--vp-radius-lg);
+    letter-spacing: 0.3px;
+    transition: opacity var(--duration-fast) var(--ease-smooth);
+
+    &-hidden {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+
+  &-input-row {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+  }
+
+  &-color-input {
+    width: 42px;
+    height: 42px;
+    padding: 2px;
+    border: 1px solid var(--vp-c-border);
+    border-radius: var(--vp-radius-xs);
+    background: var(--vp-c-bg);
+    cursor: pointer;
+    flex-shrink: 0;
+
+    &::-webkit-color-swatch-wrapper {
+      padding: 0;
+    }
+
+    &::-webkit-color-swatch {
+      border: none;
+      border-radius: 4px;
+    }
+
+    &::-moz-color-swatch {
+      border: none;
+      border-radius: 4px;
+    }
+  }
+
+  &-ratio {
+    display: flex;
+    align-items: baseline;
+    gap: 10px;
+
+    &-value {
+      font-size: 22px;
+      font-weight: 700;
+      color: var(--vp-c-text-1);
+      font-variant-numeric: tabular-nums;
+    }
+
+    &-label {
+      font-size: 11px;
+      color: var(--ui-c-text-subtle);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/tools/ContrastTool.vue b/apps/docs/.vitepress/theme/components/tools/ContrastTool.vue
new file mode 100644
index 0000000..0a202f7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/ContrastTool.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import {
+  UiCard,
+  UiContainer,
+  UiHeadline,
+  UiDescription,
+} from '@theme/components/ui';
+import { hsvToHex } from '@theme/utils/colorSpaces';
+import type { Hsv } from '@theme/utils/colorSpaces';
+import ContrastCanvas from './ContrastCanvas.vue';
+import ContrastSliders from './ContrastSliders.vue';
+import ContrastTargets from './ContrastTargets.vue';
+
+// HSV is the canonical source of truth: storing HEX would collapse the hue
+// at S=0 (greys), causing the canvas crosshair to jump to red.
+const hsv = ref<Hsv>({ h: 210, s: 68, v: 92 });
+const contrastA = ref('#000000');
+const contrastB = ref('#ffffff');
+
+const hex = computed(() => hsvToHex(hsv.value));
+
+function updateHsv(next: Hsv) {
+  hsv.value = next;
+}
+</script>
+
+<template>
+  <UiContainer size="sm" class="contrast-tool">
+    <header class="contrast-tool-hero">
+      <UiHeadline tag="h1"> <strong>WCAG</strong> Contrast Picker </UiHeadline>
+      <UiDescription>
+        See which of two contrast colors DiceBear picks for any color, using
+        the exact WCAG 2.1 algorithm from <code>@dicebear/core</code>.
+      </UiDescription>
+    </header>
+
+    <UiCard padding="lg" class="contrast-tool-pane contrast-tool-pane-targets">
+      <ContrastTargets
+        :picked-hex="hex"
+        :contrast-a="contrastA"
+        :contrast-b="contrastB"
+        @update:contrast-a="contrastA = $event"
+        @update:contrast-b="contrastB = $event"
+      />
+    </UiCard>
+
+    <div class="contrast-tool-grid">
+      <UiCard padding="lg" class="contrast-tool-pane contrast-tool-pane-canvas">
+        <ContrastCanvas
+          :hsv="hsv"
+          :contrast-a="contrastA"
+          :contrast-b="contrastB"
+          @update:hsv="updateHsv"
+        />
+      </UiCard>
+
+      <UiCard padding="lg" class="contrast-tool-pane contrast-tool-pane-form">
+        <ContrastSliders :hsv="hsv" :hex="hex" @update:hsv="updateHsv" />
+
+        <p class="contrast-tool-hint">
+          The dashed line on the canvas marks where DiceBear's pick switches
+          between the two contrast colors. Points above the line favor one
+          color; points below favor the other.
+        </p>
+      </UiCard>
+    </div>
+  </UiContainer>
+</template>
+
+<style lang="scss">
+html.dark {
+  .contrast-tool-hint {
+    background: var(--vp-c-bg);
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.contrast-tool {
+  padding-top: 80px;
+  padding-bottom: 96px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+
+  &-hero {
+    text-align: center;
+    max-width: 720px;
+    margin: 0 auto 24px;
+
+    code {
+      background: var(--vp-c-bg-soft);
+      padding: 2px 6px;
+      border-radius: var(--vp-radius-xs);
+      font-size: 0.9em;
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    gap: 24px;
+    align-items: stretch;
+  }
+
+  &-pane {
+    :deep(.ui-card-body) {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+  }
+
+  &-hint {
+    margin: auto 0 0;
+    padding: 12px 14px;
+    background: var(--vp-c-bg-soft);
+    border-radius: var(--vp-radius-sm);
+    font-size: 12px;
+    line-height: 1.55;
+    color: var(--ui-c-text-muted);
+  }
+
+  @media (max-width: 960px) {
+    &-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (max-width: 640px) {
+    padding-top: 32px;
+
+    &-hero {
+      margin-bottom: 8px;
+    }
+
+    &-pane {
+      --ui-card-padding: 20px;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/tools/ToolList.vue b/apps/docs/.vitepress/theme/components/tools/ToolList.vue
new file mode 100644
index 0000000..db55796
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/tools/ToolList.vue
@@ -0,0 +1,210 @@
+<script setup lang="ts">
+import {
+  ArrowRight,
+  Contrast,
+  ExternalLink,
+  Paintbrush,
+  Package,
+  PenSquare,
+  Sparkles,
+} from '@lucide/vue';
+import type { Component } from 'vue';
+import { UiCard } from '../ui';
+
+type Tool = {
+  slug: string;
+  href: string;
+  external?: boolean;
+  name: string;
+  description: string;
+  icon: Component;
+  iconBg: string;
+};
+
+const tools: Tool[] = [
+  {
+    slug: 'contrast',
+    href: '/tools/contrast/',
+    name: 'WCAG Contrast Picker',
+    description:
+      'Explore which contrast color DiceBear would pick for any background. Uses the exact WCAG 2.1 contrast ratio implementation from <code>@dicebear/core</code>.',
+    icon: Contrast,
+    iconBg: 'linear-gradient(135deg, #1e293b 50%, #f8fafc 50%)',
+  },
+  {
+    slug: 'bundle-size',
+    href: '/tools/bundle-size/',
+    name: 'Bundle Size Estimator',
+    description:
+      'See how much each style adds to your bundle. Raw and gzipped numbers, straight from the installed <code>@dicebear/styles</code> package.',
+    icon: Package,
+    iconBg: 'linear-gradient(135deg, #6366f1, #8b5cf6)',
+  },
+  {
+    slug: 'playground',
+    href: '/playground/',
+    name: 'Playground',
+    description:
+      'Pick a style, tune every option, preview the result live, and batch-download SVGs with your configuration. Generated code is ready to copy and paste.',
+    icon: Sparkles,
+    iconBg: 'linear-gradient(135deg, #10b981, #06b6d4)',
+  },
+  {
+    slug: 'editor',
+    href: 'https://editor.dicebear.com',
+    external: true,
+    name: 'Editor',
+    description:
+      'Design your own DiceBear-compatible avatar style from scratch in a visual editor. Export the definition and use it like any built-in style.',
+    icon: PenSquare,
+    iconBg: 'linear-gradient(135deg, #ec4899, #f43f5e)',
+  },
+  {
+    slug: 'figma-plugin',
+    href: 'https://www.figma.com/community/plugin/1005765655729342787',
+    external: true,
+    name: 'Figma Plugin',
+    description:
+      'Export DiceBear avatar styles directly from Figma, keeping your design source in sync with what ships in production.',
+    icon: Paintbrush,
+    iconBg: 'linear-gradient(135deg, #0ea5e9, #6366f1)',
+  },
+];
+</script>
+
+<template>
+  <div class="tool-list">
+    <div class="tool-list-grid">
+      <UiCard
+        v-for="tool in tools"
+        :key="tool.slug"
+        :href="tool.href"
+        :target="tool.external ? '_blank' : undefined"
+        padding="lg"
+        class="tool-list-card"
+      >
+        <div class="tool-list-card-icon" :style="{ background: tool.iconBg }">
+          <component :is="tool.icon" :size="28" />
+        </div>
+
+        <div class="tool-list-card-content">
+          <h3 class="tool-list-card-name">
+            {{ tool.name }}
+            <ExternalLink
+              v-if="tool.external"
+              :size="13"
+              class="tool-list-card-external-icon"
+              aria-label="Opens in new tab"
+            />
+          </h3>
+          <p class="tool-list-card-description" v-html="tool.description" />
+        </div>
+
+        <div class="tool-list-card-arrow">
+          <ArrowRight :size="18" />
+        </div>
+      </UiCard>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.tool-list {
+  margin-top: 32px;
+  margin-bottom: 96px;
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
+    gap: 20px;
+  }
+
+  &-card {
+    :deep(.ui-card-body) {
+      display: flex;
+      align-items: flex-start;
+      gap: 18px;
+    }
+
+    &-icon {
+      width: 56px;
+      height: 56px;
+      border-radius: var(--vp-radius-sm);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--vp-c-brand-1);
+      flex-shrink: 0;
+      box-shadow: var(--vp-shadow-1);
+      mix-blend-mode: normal;
+
+      :deep(svg) {
+        color: var(--vp-c-bg);
+        filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
+      }
+    }
+
+    &-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    &-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--vp-c-text-1);
+      margin: 0 0 8px;
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    &-external-icon {
+      color: var(--ui-c-text-subtle);
+      flex-shrink: 0;
+    }
+
+    &-description {
+      margin: 0;
+      font-size: 14px;
+      line-height: 1.5;
+      color: var(--vp-c-text-2);
+    }
+
+    &-arrow {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--vp-c-bg);
+      border-radius: var(--vp-radius-xs);
+      opacity: 0;
+      transform: translateX(-8px);
+      transition: all var(--duration-fast) ease;
+
+      svg {
+        color: var(--vp-c-brand-1);
+      }
+    }
+
+    &:hover &-arrow {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @media (max-width: 640px) {
+    &-grid {
+      grid-template-columns: 1fr;
+    }
+
+    &-card-arrow {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiAlert.vue b/apps/docs/.vitepress/theme/components/ui/UiAlert.vue
new file mode 100644
index 0000000..6a9ac2d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiAlert.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+defineProps<{
+  type?: 'info' | 'warning' | 'error';
+}>();
+</script>
+
+<template>
+  <div :class="['ui-alert', `ui-alert-${type || 'info'}`]">
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-alert {
+  padding: 16px;
+  border-radius: var(--vp-radius-xs);
+  font-size: 14px;
+  line-height: 1.6;
+
+  &-info {
+    background: var(--vp-c-brand-soft);
+    color: var(--vp-c-text-1);
+  }
+
+  &-warning {
+    background: var(--vp-c-warning-soft);
+    color: var(--vp-c-text-1);
+  }
+
+  &-error {
+    background: var(--vp-c-danger-soft);
+    color: var(--vp-c-text-1);
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiAvatar.vue b/apps/docs/.vitepress/theme/components/ui/UiAvatar.vue
new file mode 100644
index 0000000..112abc2
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiAvatar.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { Avatar } from '@dicebear/core';
+import { getAvatarApiUrl } from '@theme/utils/avatar/api';
+import { loadAvatarStyle, clonePlain } from '@theme/utils/avatar/style';
+import { computedAsync } from '@vueuse/core';
+
+const props = withDefaults(
+  defineProps<{
+    size?: number;
+    styleName: string;
+    styleOptions: Record<string, unknown>;
+    mode?: 'library' | 'http-api';
+    alt?: string;
+  }>(),
+  {
+    mode: 'http-api',
+    alt: 'avatar',
+  },
+);
+
+const svg = computedAsync(() => {
+  const styleName = props.styleName;
+  const styleOptions = props.styleOptions;
+
+  switch (props.mode) {
+    case 'library':
+      return loadAvatarStyle(styleName)
+        .then((avatarStyle) =>
+          new Avatar(avatarStyle, clonePlain(styleOptions)).toDataUri(),
+        )
+        .catch((e) => {
+          if (import.meta.env.DEV) {
+            console.warn('Avatar render failed:', e);
+          }
+
+          return undefined;
+        });
+    case 'http-api':
+      return getAvatarApiUrl(styleName, styleOptions);
+  }
+});
+</script>
+
+<template>
+  <div class="ui-avatar">
+    <img :src="svg" v-if="svg" :alt="alt" loading="lazy" />
+  </div>
+</template>
+
+<style>
+:root {
+  --ui-avatar-bg-1: rgba(0, 0, 0, 0.02);
+  --ui-avatar-bg-2: rgba(0, 0, 0, 0.07);
+}
+
+.dark {
+  --ui-avatar-bg-1: rgba(255, 255, 255, 0.02);
+  --ui-avatar-bg-2: rgba(255, 255, 255, 0.07);
+}
+</style>
+
+<style scoped>
+.ui-avatar {
+  width: calc(v-bind(size) * 1px);
+  height: calc(v-bind(size) * 1px);
+  border-radius: 3px;
+  background: repeating-conic-gradient(
+      var(--ui-avatar-bg-1) 0% 25%,
+      var(--ui-avatar-bg-2) 0% 50%
+    )
+    50% / 12px 12px;
+  line-height: 0;
+  overflow: hidden;
+
+  img {
+    height: 100%;
+    width: 100%;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiBrowserPreview.vue b/apps/docs/.vitepress/theme/components/ui/UiBrowserPreview.vue
new file mode 100644
index 0000000..f0b7763
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiBrowserPreview.vue
@@ -0,0 +1,121 @@
+<script setup lang="ts">
+import { Lock } from '@lucide/vue';
+
+defineProps<{
+  url: string;
+}>();
+</script>
+
+<template>
+  <div class="ui-browser-preview">
+    <div class="ui-browser-preview-header">
+      <div class="ui-browser-preview-dots">
+        <span class="ui-browser-preview-dot ui-browser-preview-dot-red"></span>
+        <span
+          class="ui-browser-preview-dot ui-browser-preview-dot-yellow"
+        ></span>
+        <span
+          class="ui-browser-preview-dot ui-browser-preview-dot-green"
+        ></span>
+      </div>
+      <a
+        :href="url"
+        target="_blank"
+        rel="noopener"
+        class="ui-browser-preview-url"
+      >
+        <Lock class="ui-browser-preview-url-lock" :size="12" />
+        <span class="ui-browser-preview-url-text">{{ url }}</span>
+      </a>
+    </div>
+    <div class="ui-browser-preview-body">
+      <a
+        :href="url"
+        target="_blank"
+        rel="noopener"
+        class="ui-browser-preview-body-anchor"
+      >
+        <img :src="url" width="94" height="94" alt="preview" loading="lazy" />
+      </a>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-browser-preview {
+  border-radius: var(--vp-radius-sm);
+  overflow: hidden;
+  background: var(--vp-c-bg);
+  border: 1px solid var(--ui-window-border-color);
+  margin: 16px 0;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 16px 20px;
+    background: var(--vp-c-bg-soft);
+    border-bottom: 1px solid var(--ui-window-border-color);
+  }
+
+  &-dots {
+    display: flex;
+    gap: 8px;
+    flex-shrink: 0;
+  }
+
+  &-dot {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+
+    &-red {
+      background: #ff5f57;
+    }
+    &-yellow {
+      background: #febc2e;
+    }
+    &-green {
+      background: #28c840;
+    }
+  }
+
+  &-url {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    flex: 1;
+    min-width: 0;
+    text-decoration: none;
+
+    &::after {
+      display: none !important;
+    }
+
+    &-lock {
+      flex-shrink: 0;
+      color: var(--vp-c-text-3);
+    }
+
+    &-text {
+      font-size: 13px;
+      color: var(--vp-c-text-2);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  &-body {
+    padding: 24px;
+
+    &-anchor {
+      display: inline-block;
+
+      &::after {
+        display: none !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiCard.vue b/apps/docs/.vitepress/theme/components/ui/UiCard.vue
new file mode 100644
index 0000000..31b4829
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiCard.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import { computed, useSlots } from 'vue';
+
+type Padding = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+
+const props = withDefaults(
+  defineProps<{
+    href?: string;
+    target?: string;
+    flush?: boolean;
+    title?: string;
+    padding?: Padding;
+  }>(),
+  { padding: 'md' },
+);
+
+const slots = useSlots();
+
+// Treat only non-empty hrefs as actual links; an empty string from a
+// loading-state computed should not silently degrade to a non-interactive div.
+const hasHref = computed(
+  () => typeof props.href === 'string' && props.href.length > 0,
+);
+const tag = computed(() => (hasHref.value ? 'a' : 'div'));
+const hasHeader = computed(() => Boolean(props.title) || Boolean(slots.header));
+</script>
+
+<template>
+  <component
+    :is="tag"
+    class="ui-card"
+    :class="[
+      `ui-card--padding-${padding}`,
+      {
+        'ui-card--flush': flush,
+        'ui-card--interactive': hasHref,
+      },
+    ]"
+    :href="hasHref ? href : undefined"
+    :target="hasHref ? target : undefined"
+    :rel="hasHref && target === '_blank' ? 'noopener noreferrer' : undefined"
+  >
+    <header v-if="hasHeader" class="ui-card-header">
+      <slot name="header">
+        <h3 class="ui-card-title">{{ title }}</h3>
+      </slot>
+    </header>
+    <div class="ui-card-body">
+      <slot />
+    </div>
+  </component>
+</template>
+
+<style lang="scss">
+:root {
+  /* Elevated surface shared with UiWindow / attribution boxes (both themes).
+     Previously dark cards used --vp-c-bg-soft, which made them differ from the
+     elevated demo-frame; unified here so every framed box shares one fill. */
+  --ui-card-bg: var(--ui-window-bg);
+  --ui-card-border-color: var(--ui-window-border-color);
+  --ui-card-hover-border-color: var(--vp-c-brand-1);
+  --ui-card-radius: var(--vp-radius-sm);
+  --ui-card-padding: 1.125rem;
+}
+</style>
+
+<style lang="scss" scoped>
+.ui-card {
+  display: block;
+  background: var(--ui-card-bg);
+  border: 1px solid var(--ui-card-border-color);
+  border-radius: var(--ui-card-radius);
+  color: var(--vp-c-text-1);
+  text-decoration: none;
+  transition:
+    border-color var(--duration-fast) var(--ease-smooth),
+    transform var(--duration-mid) var(--ease-spring),
+    box-shadow var(--duration-mid) var(--ease-smooth);
+  position: relative;
+  overflow: hidden;
+
+  &--interactive {
+    cursor: pointer;
+  }
+
+  &--interactive:hover {
+    border-color: var(--ui-card-hover-border-color);
+    transform: translateY(-4px);
+    box-shadow: var(--vp-shadow-2);
+  }
+
+  &--interactive:focus-visible {
+    outline: 2px solid var(--ui-card-hover-border-color);
+    outline-offset: 2px;
+  }
+
+  &-header {
+    padding: var(--ui-card-padding);
+    border-bottom: 1px solid var(--ui-card-border-color);
+  }
+
+  &-title {
+    margin: 0 !important;
+    font-size: 1.125rem;
+    font-weight: 600;
+    line-height: 1.4;
+    border: none;
+    padding: 0;
+  }
+
+  &-body {
+    padding: var(--ui-card-padding);
+  }
+
+  &--flush .ui-card-body {
+    padding: 0;
+  }
+
+  /* Padding scale: overrides the default --ui-card-padding token.
+     Consumers can still override --ui-card-padding via scoped CSS
+     (e.g. responsive media queries). */
+  &--padding-sm {
+    --ui-card-padding: 1rem; /* 16px */
+  }
+  &--padding-md {
+    --ui-card-padding: 1.125rem; /* 18px, matches Aura accordion */
+  }
+  &--padding-lg {
+    --ui-card-padding: 1.5rem; /* 24px */
+  }
+  &--padding-xl {
+    --ui-card-padding: 2rem; /* 32px */
+  }
+  &--padding-2xl {
+    --ui-card-padding: 3rem; /* 48px */
+  }
+}
+
+/* Suppress VitePress external-link icon when UiCard renders as <a>. */
+a.ui-card::after {
+  display: none !important;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiCode.vue b/apps/docs/.vitepress/theme/components/ui/UiCode.vue
new file mode 100644
index 0000000..519497a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiCode.vue
@@ -0,0 +1,191 @@
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { Copy, Check } from '@lucide/vue';
+import { escapeHtml } from '@theme/utils/escape';
+import { loadHljs, type Hljs } from '@theme/utils/hljs';
+
+const props = defineProps<{
+  lang?: string;
+  code: string;
+  scrollToBottom?: boolean;
+}>();
+
+const preRef = ref<HTMLPreElement>();
+const codeHtml = ref(escapeHtml(props.code));
+const copied = ref(false);
+let timeout: ReturnType<typeof setTimeout> | null = null;
+
+function scrollPreToBottom() {
+  if (props.scrollToBottom && preRef.value) {
+    preRef.value.scrollTop = preRef.value.scrollHeight;
+  }
+}
+
+function updateCodeHtml(instance?: Hljs) {
+  if (props.lang && instance?.getLanguage(props.lang)) {
+    codeHtml.value = instance.highlight(props.code, {
+      language: props.lang,
+    }).value;
+  } else {
+    codeHtml.value = escapeHtml(props.code);
+  }
+}
+
+function onCopy() {
+  navigator.clipboard.writeText(props.code);
+
+  copied.value = true;
+
+  if (timeout) {
+    clearTimeout(timeout);
+  }
+
+  timeout = setTimeout(() => {
+    copied.value = false;
+  }, 3000);
+}
+
+onBeforeUnmount(() => {
+  if (timeout) {
+    clearTimeout(timeout);
+  }
+});
+
+onMounted(async () => {
+  if (props.lang) {
+    const instance = await loadHljs();
+    updateCodeHtml(instance);
+  }
+
+  scrollPreToBottom();
+});
+
+watch(
+  () => props.code,
+  async () => {
+    const instance = props.lang ? await loadHljs() : undefined;
+    updateCodeHtml(instance);
+    await nextTick();
+    scrollPreToBottom();
+  },
+);
+</script>
+
+<template>
+  <div class="ui-code">
+    <pre ref="preRef" class="ui-code-text"><code v-html="codeHtml" /></pre>
+    <button
+      class="ui-code-copy"
+      @click="onCopy"
+      :title="copied ? 'Copied!' : 'Copy'"
+    >
+      <Check v-if="copied" :size="14" />
+      <Copy v-else :size="14" />
+    </button>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-code {
+  position: relative;
+  background-color: var(--vp-code-block-bg);
+  border-radius: var(--vp-radius-sm);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  transition: background-color 0.5s;
+
+  &-text {
+    font-family: var(--vp-font-family-mono);
+    font-size: var(--vp-code-font-size);
+    color: var(--vp-code-block-color);
+    line-height: var(--vp-code-line-height);
+    margin: 0;
+    padding: 20px 0;
+    white-space: pre;
+    overflow: auto;
+    flex: 1;
+    min-height: 0;
+    transition: color 0.5s;
+
+    code {
+      display: block;
+      padding: 0 24px;
+      width: fit-content;
+      min-width: 100%;
+    }
+  }
+
+  &-copy {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    z-index: 3;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--vp-code-copy-code-bg);
+    border: 1px solid var(--vp-code-copy-code-border-color);
+    border-radius: var(--vp-radius-chrome);
+    color: var(--vp-code-copy-code-active-text);
+    cursor: pointer;
+    opacity: 0;
+    transition:
+      border-color 0.25s,
+      background-color 0.25s,
+      opacity 0.25s;
+  }
+
+  &:hover &-copy,
+  &-copy:focus {
+    opacity: 1;
+  }
+
+  &-copy:hover {
+    border-color: var(--vp-code-copy-code-hover-border-color);
+    background-color: var(--vp-code-copy-code-hover-bg);
+  }
+}
+</style>
+
+<style>
+.ui-code-text .hljs-keyword {
+  color: var(--vp-c-purple-1);
+}
+.ui-code-text .hljs-string {
+  color: var(--vp-c-green-1);
+}
+.ui-code-text .hljs-title {
+  color: var(--vp-c-yellow-1);
+}
+.ui-code-text .hljs-attr {
+  color: var(--vp-c-brand-1);
+}
+.ui-code-text .hljs-name {
+  color: var(--vp-c-brand-1);
+}
+.ui-code-text .hljs-tag {
+  color: var(--vp-c-text-2);
+}
+.ui-code-text .hljs-number {
+  color: var(--vp-c-green-1);
+}
+.ui-code-text .hljs-literal {
+  color: var(--vp-c-brand-1);
+}
+.ui-code-text .hljs-built_in {
+  color: var(--vp-c-yellow-1);
+}
+.ui-code-text .hljs-params {
+  color: var(--vp-c-text-1);
+}
+.ui-code-text .hljs-comment {
+  color: var(--vp-c-text-3);
+}
+.ui-code-text .hljs-meta {
+  color: var(--vp-c-text-3);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiConfetti.vue b/apps/docs/.vitepress/theme/components/ui/UiConfetti.vue
new file mode 100644
index 0000000..1224f2f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiConfetti.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import { onMounted, ref, nextTick } from 'vue';
+
+const canvas = ref<HTMLCanvasElement>();
+
+const colors = [
+  '#6366f1',
+  '#8b5cf6',
+  '#ec4899',
+  '#f59e0b',
+  '#10b981',
+  '#3b82f6',
+];
+
+onMounted(async () => {
+  await nextTick();
+
+  if (!canvas.value) return;
+
+  const { default: confetti } = await import('canvas-confetti');
+  const instance = confetti.create(canvas.value, {
+    resize: true,
+    disableForReducedMotion: true,
+  });
+
+  instance({
+    particleCount: 50,
+    angle: 60,
+    spread: 55,
+    startVelocity: 45,
+    colors,
+    origin: { x: -0.1, y: 0.8 },
+  });
+
+  instance({
+    particleCount: 50,
+    angle: 120,
+    spread: 55,
+    startVelocity: 45,
+    colors,
+    origin: { x: 1.1, y: 0.8 },
+  });
+
+  setTimeout(() => {
+    instance({
+      particleCount: 30,
+      angle: 60,
+      spread: 45,
+      startVelocity: 35,
+      colors,
+      origin: { x: -0.1, y: 0.7 },
+    });
+
+    instance({
+      particleCount: 30,
+      angle: 120,
+      spread: 45,
+      startVelocity: 35,
+      colors,
+      origin: { x: 1.1, y: 0.7 },
+    });
+  }, 150);
+});
+</script>
+
+<template>
+  <canvas ref="canvas" class="ui-confetti"></canvas>
+</template>
+
+<style scoped>
+.ui-confetti {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiContainer.vue b/apps/docs/.vitepress/theme/components/ui/UiContainer.vue
new file mode 100644
index 0000000..1e034d3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiContainer.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+defineProps<{
+  size?: 'md' | 'sm';
+}>();
+</script>
+
+<template>
+  <div :class="['ui-container', `ui-container-size-${size || 'md'}`]">
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-container {
+  margin: 0 auto;
+  width: 100%;
+  padding: 0 24px;
+
+  &-size-md {
+    max-width: 1200px;
+  }
+
+  &-size-sm {
+    max-width: 960px;
+  }
+
+  @media (max-width: 640px) {
+    padding: 0 16px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiDemoFrame.vue b/apps/docs/.vitepress/theme/components/ui/UiDemoFrame.vue
new file mode 100644
index 0000000..338e2db
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiDemoFrame.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { Sparkles } from '@lucide/vue';
+import UiWindow from './UiWindow.vue';
+
+defineProps<{
+  title?: string;
+  playgroundUrl?: string;
+}>();
+</script>
+
+<template>
+  <UiWindow :title="title ?? 'Preview'" class="ui-demo-frame">
+    <template #header-actions>
+      <a
+        v-if="playgroundUrl"
+        :href="playgroundUrl"
+        class="ui-demo-frame-action no-icon"
+      >
+        <Sparkles :size="14" />
+        <span class="ui-demo-frame-action-label">Open Playground</span>
+      </a>
+      <slot name="actions" />
+    </template>
+
+    <div class="ui-demo-frame-body">
+      <slot />
+    </div>
+  </UiWindow>
+</template>
+
+<style lang="scss" scoped>
+.ui-demo-frame {
+  margin: 20px 0 16px;
+}
+
+.ui-demo-frame-body {
+  padding: 20px;
+  /* Faint dotted backdrop (theme-aware); avatars sit centered on top. */
+  background-image: radial-gradient(var(--vp-c-divider) 1px, transparent 1px);
+  background-size: 16px 16px;
+  background-position: center;
+}
+
+.ui-demo-frame-action {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px;
+  border-radius: var(--vp-radius-chrome);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  color: var(--ui-c-text-muted);
+  text-decoration: none;
+  transition:
+    color var(--duration-fast) var(--ease-smooth),
+    background-color var(--duration-fast) var(--ease-smooth);
+
+  &:hover {
+    color: var(--vp-c-brand-1);
+    background: var(--vp-c-brand-soft);
+  }
+}
+
+@media (max-width: 640px) {
+  .ui-demo-frame-action-label {
+    display: none;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiDescription.vue b/apps/docs/.vitepress/theme/components/ui/UiDescription.vue
new file mode 100644
index 0000000..5639871
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiDescription.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineProps<{
+  align?: 'center' | 'left';
+}>();
+</script>
+
+<template>
+  <p :class="['ui-description', align === 'left' && 'ui-description-left']">
+    <slot />
+  </p>
+</template>
+
+<style lang="scss" scoped>
+.ui-description {
+  font-size: 20px;
+  color: var(--vp-c-text-2);
+  margin: 0 auto;
+  max-width: 540px;
+  line-height: 1.7;
+  text-wrap: pretty;
+
+  &-left {
+    margin-left: 0;
+    margin-right: auto;
+    text-align: left;
+  }
+
+  @media (max-width: 640px) {
+    font-size: 17px;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiDialog.vue b/apps/docs/.vitepress/theme/components/ui/UiDialog.vue
new file mode 100644
index 0000000..1da99a0
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiDialog.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import Dialog from 'primevue/dialog';
+
+const props = defineProps<{
+  open: boolean;
+  maxWidth?: string;
+  header?: string;
+}>();
+
+const emit = defineEmits<{
+  'update:open': [value: boolean];
+}>();
+
+const visible = computed({
+  get: () => props.open,
+  set: (val: boolean) => emit('update:open', val),
+});
+
+const hasHeaderText = computed(() => !!props.header?.trim());
+
+const rootClass = computed(() =>
+  hasHeaderText.value ? 'ui-dialog' : 'ui-dialog ui-dialog--headerless',
+);
+</script>
+
+<template>
+  <Dialog
+    v-model:visible="visible"
+    modal
+    :closable="true"
+    dismissable-mask
+    :header="hasHeaderText ? header : ' '"
+    :style="{ width: maxWidth || '540px', maxWidth: 'calc(100vw - 32px)' }"
+    :pt="{
+      root: { class: rootClass },
+      content: { class: 'ui-dialog-content' },
+    }"
+  >
+    <slot />
+  </Dialog>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiHeadline.vue b/apps/docs/.vitepress/theme/components/ui/UiHeadline.vue
new file mode 100644
index 0000000..df515f0
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiHeadline.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+defineProps<{
+  tag?: 'h1' | 'h2' | 'h3';
+  align?: 'center' | 'left';
+}>();
+</script>
+
+<template>
+  <component
+    :is="tag || 'h2'"
+    :class="[
+      'ui-headline',
+      `ui-headline-highlight-brand`,
+      align === 'left' && 'ui-headline-left',
+    ]"
+  >
+    <slot />
+  </component>
+</template>
+
+<style lang="scss" scoped>
+.ui-headline {
+  font-size: clamp(40px, 5vw, 56px);
+  font-weight: 800;
+  color: var(--vp-c-text-1);
+  margin: 0 auto 24px;
+  max-width: 720px;
+
+  &-left {
+    margin-left: 0;
+    margin-right: auto;
+    text-align: left;
+  }
+  line-height: 1.1;
+  letter-spacing: -0.035em;
+  text-wrap: balance;
+  --hl-display: inline;
+
+  @media (max-width: 640px) {
+    font-size: 34px;
+  }
+
+  /* Highlighted words use the solid brand colour (not a gradient). */
+  :deep(strong) {
+    display: var(--hl-display, inline);
+    color: var(--vp-c-brand-2);
+    font-weight: 800;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiIcon.vue b/apps/docs/.vitepress/theme/components/ui/UiIcon.vue
new file mode 100644
index 0000000..3dfcac8
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiIcon.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+defineProps<{
+  path: string;
+  size?: number;
+}>();
+</script>
+
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="size"
+    :height="size"
+    :style="size ? { width: `${size}px`, height: `${size}px` } : undefined"
+  >
+    <path :d="path" fill="currentColor" />
+  </svg>
+</template>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiIconBox.vue b/apps/docs/.vitepress/theme/components/ui/UiIconBox.vue
new file mode 100644
index 0000000..d01143f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiIconBox.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+defineProps<{
+  size?: 'sm' | 'md' | 'lg';
+  color?: string;
+}>();
+</script>
+
+<template>
+  <div
+    class="ui-icon-box"
+    :class="`ui-icon-box-${size || 'md'}`"
+    :style="color ? { '--icon-color': color } : undefined"
+  >
+    <div class="ui-icon-box-inner">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-icon-box {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  --icon-color: var(--vp-c-brand-1);
+
+  &-inner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: color-mix(in srgb, var(--icon-color) 12%, transparent);
+    border-radius: var(--vp-radius-sm);
+    position: relative;
+    z-index: 1;
+    transition: all var(--duration-mid) var(--ease-spring);
+  }
+
+  /* Sizes */
+  &-sm {
+    width: 36px;
+    height: 36px;
+    --icon-svg-size: 18px;
+
+    .ui-icon-box-inner {
+      width: 36px;
+      height: 36px;
+      border-radius: calc(var(--vp-radius-sm) - 2px);
+    }
+  }
+
+  &-md {
+    width: 44px;
+    height: 44px;
+    --icon-svg-size: 22px;
+
+    .ui-icon-box-inner {
+      width: 44px;
+      height: 44px;
+      border-radius: var(--vp-radius-sm);
+    }
+  }
+
+  &-lg {
+    width: 56px;
+    height: 56px;
+    --icon-svg-size: 28px;
+
+    .ui-icon-box-inner {
+      width: 56px;
+      height: 56px;
+      border-radius: var(--vp-radius-md);
+    }
+  }
+}
+</style>
+
+<style>
+.ui-icon-box-inner svg {
+  color: var(--icon-color);
+  width: var(--icon-svg-size, 22px);
+  height: var(--icon-svg-size, 22px);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiLicenseAlert.vue b/apps/docs/.vitepress/theme/components/ui/UiLicenseAlert.vue
new file mode 100644
index 0000000..a33731e
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiLicenseAlert.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import Message from 'primevue/message';
+import UiLicenseText from './UiLicenseText.vue';
+
+defineProps<{
+  styleName: string;
+}>();
+</script>
+
+<template>
+  <Message severity="secondary" :closable="false" class="ui-license-alert">
+    <strong>
+      Please note the following license before using the avatar:
+    </strong>
+    <UiLicenseText :style-name="styleName" />
+  </Message>
+</template>
+
+<style scoped lang="scss">
+.ui-license-alert {
+  :deep(.p-message-text) {
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  :deep(strong) {
+    display: block;
+    margin-bottom: 4px;
+    font-weight: 600;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiLicenseText.vue b/apps/docs/.vitepress/theme/components/ui/UiLicenseText.vue
new file mode 100644
index 0000000..315524f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiLicenseText.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import { computed, toRef } from 'vue';
+import { capitalCase, kebabCase } from 'change-case';
+import { useAvatarStyleMeta } from '@theme/composables/avatar';
+import { formatLicenseName } from '@theme/utils/format';
+import { safeHttpUrl } from '@theme/utils/url';
+
+const props = defineProps<{
+  styleName: string;
+}>();
+
+const avatarStyleMeta = useAvatarStyleMeta(toRef(props, 'styleName'));
+
+const sourceUrl = computed(() => safeHttpUrl(avatarStyleMeta.value?.source));
+const homepageUrl = computed(() =>
+  safeHttpUrl(avatarStyleMeta.value?.homepage),
+);
+const licenseUrl = computed(() =>
+  safeHttpUrl(avatarStyleMeta.value?.license?.url),
+);
+
+const displayName = computed(() => capitalCase(props.styleName));
+const styleLink = computed(() => `/styles/${kebabCase(props.styleName)}/`);
+</script>
+
+<template>
+  <p class="ui-license-text">
+    <template v-if="avatarStyleMeta?.creator !== 'DiceBear'">
+      The avatar style
+    </template>
+    <a :href="styleLink">{{ displayName }}</a>
+    <template v-if="avatarStyleMeta?.creator !== 'DiceBear'">
+      <template
+        v-if="
+          avatarStyleMeta?.license?.name !== 'MIT' &&
+          avatarStyleMeta?.creator !== 'DiceBear' &&
+          avatarStyleMeta?.title
+        "
+      >
+        is a remix of:
+      </template>
+      <template v-else> is based on: </template>
+      <a
+        v-if="sourceUrl"
+        :href="sourceUrl"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {{ avatarStyleMeta?.title ?? 'Design' }}
+      </a>
+      <template v-else>{{ avatarStyleMeta?.title ?? 'Design' }}</template>
+    </template>
+    by
+    <a
+      v-if="homepageUrl"
+      :href="homepageUrl"
+      target="_blank"
+      rel="noopener noreferrer"
+      >{{ avatarStyleMeta?.creator }}</a
+    >
+    <template v-else>{{ avatarStyleMeta?.creator }}</template
+    >, licensed under
+    <a
+      v-if="licenseUrl"
+      :href="licenseUrl"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {{ formatLicenseName(avatarStyleMeta?.license?.name) }}
+    </a>
+    <template v-else>{{
+      formatLicenseName(avatarStyleMeta?.license?.name)
+    }}</template>
+    .
+  </p>
+</template>
+
+<style scoped lang="scss">
+.ui-license-text {
+  margin: 0;
+
+  a {
+    font-weight: 500;
+    color: var(--vp-c-brand-1);
+    text-decoration-style: dotted;
+    transition: color var(--duration-fast);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--vp-c-brand-2);
+    }
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiSection.vue b/apps/docs/.vitepress/theme/components/ui/UiSection.vue
new file mode 100644
index 0000000..9bdcecf
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiSection.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+defineProps<{
+  divider?: boolean;
+  center?: boolean;
+  surface?: 'base' | 'alt';
+}>();
+</script>
+
+<template>
+  <section
+    class="ui-section"
+    :class="{
+      'ui-section-has-divider': divider,
+      'ui-section-text-center': center,
+      'ui-section-surface-alt': surface === 'alt',
+    }"
+  >
+    <div v-if="$slots.background" class="ui-section-bg">
+      <slot name="background" />
+    </div>
+    <div class="ui-section-foreground">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<style lang="scss" scoped>
+.ui-section {
+  padding: 120px 0;
+  position: relative;
+  overflow: hidden;
+  /* Subtle dotted-grid texture, shared with the hero and demo frames, so every
+     landing section reads as part of the same system. Sits
+     behind the per-section gradient glows (#background slot) and the content. */
+  background-image: radial-gradient(
+    color-mix(in srgb, var(--vp-c-divider) 55%, transparent) 1px,
+    transparent 1px
+  );
+  background-size: 24px 24px;
+
+  &-has-divider::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    width: min(80%, 600px);
+    height: 1px;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      var(--vp-c-border),
+      transparent
+    );
+  }
+
+  &-bg {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  &-text-center {
+    text-align: center;
+  }
+
+  &-surface-alt {
+    background: var(--vp-c-bg-alt);
+  }
+
+  &-foreground {
+    position: relative;
+    z-index: 1;
+  }
+
+  @media (max-width: 640px) {
+    padding: 80px 0;
+
+    &-no-padding {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}
+</style>
+
+<style>
+.ui-section-bg > * {
+  position: absolute;
+  inset: 0;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiSectionHeader.vue b/apps/docs/.vitepress/theme/components/ui/UiSectionHeader.vue
new file mode 100644
index 0000000..5ccbd72
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiSectionHeader.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import UiHeadline from './UiHeadline.vue';
+import UiDescription from './UiDescription.vue';
+
+defineProps<{
+  headline?: string;
+  description?: string;
+  tag?: 'h1' | 'h2' | 'h3';
+}>();
+</script>
+
+<template>
+  <div class="ui-section-header">
+    <UiHeadline :tag="tag">
+      <slot name="headline">{{ headline }}</slot>
+    </UiHeadline>
+    <UiDescription v-if="$slots.description || description">
+      <slot name="description">{{ description }}</slot>
+    </UiDescription>
+    <slot name="after-description" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.ui-section-header {
+  text-align: center;
+  margin-bottom: 64px;
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiStyleSelect.vue b/apps/docs/.vitepress/theme/components/ui/UiStyleSelect.vue
new file mode 100644
index 0000000..2a69a24
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiStyleSelect.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { capitalCase } from 'change-case';
+import Select from 'primevue/select';
+import UiAvatar from './UiAvatar.vue';
+
+const props = withDefaults(
+  defineProps<{
+    styles: string[];
+    seed?: string;
+    valueAvatarSize?: number;
+    optionAvatarSize?: number;
+    filterPlaceholder?: string;
+  }>(),
+  {
+    seed: 'Felix',
+    valueAvatarSize: 24,
+    optionAvatarSize: 24,
+    filterPlaceholder: 'Search styles…',
+  },
+);
+
+const model = defineModel<string>({ required: true });
+
+const options = computed(() =>
+  props.styles.map((name) => ({ name, displayName: capitalCase(name) })),
+);
+</script>
+
+<template>
+  <Select
+    v-model="model"
+    :options="options"
+    option-label="displayName"
+    option-value="name"
+    filter
+    :filter-placeholder="filterPlaceholder"
+  >
+    <template #value="{ value }">
+      <div v-if="value" class="ui-style-select-row">
+        <UiAvatar
+          :size="valueAvatarSize"
+          :style-name="value"
+          :style-options="{ seed }"
+          mode="library"
+        />
+        <span>{{ capitalCase(value) }}</span>
+      </div>
+    </template>
+    <template #option="{ option }">
+      <div class="ui-style-select-row">
+        <UiAvatar
+          :size="optionAvatarSize"
+          :style-name="option.name"
+          :style-options="{ seed }"
+          mode="library"
+        />
+        <span>{{ option.displayName }}</span>
+      </div>
+    </template>
+  </Select>
+</template>
+
+<style scoped lang="scss">
+.ui-style-select-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--vp-c-text-1);
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/UiWindow.vue b/apps/docs/.vitepress/theme/components/ui/UiWindow.vue
new file mode 100644
index 0000000..528d5a3
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/UiWindow.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+defineProps<{
+  title?: string;
+}>();
+</script>
+
+<template>
+  <div class="ui-window">
+    <div class="ui-window-header">
+      <span v-if="title" class="ui-window-title">{{ title }}</span>
+      <div class="ui-window-header-actions">
+        <slot name="header-actions" />
+      </div>
+    </div>
+    <div class="ui-window-body">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+:root {
+  --ui-window-divider-color: rgba(0, 0, 0, 0.05);
+}
+.dark {
+  --ui-window-divider-color: rgba(255, 255, 255, 0.04);
+}
+</style>
+
+<style lang="scss" scoped>
+.ui-window {
+  position: relative;
+  border-radius: var(--window-radius, var(--vp-radius-sm));
+  overflow: hidden;
+  background: var(--ui-window-bg);
+  border: 1px solid var(--ui-window-border-color);
+  transition: border-color var(--duration-mid) var(--ease-smooth);
+
+  &-header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 14px 18px;
+    position: relative;
+    z-index: 1;
+    background: var(--vp-c-bg-soft);
+    border-bottom: 1px solid var(--ui-window-border-color);
+
+    &-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+  }
+
+  &-title {
+    flex: 1;
+    font-size: 13px;
+    font-weight: 600;
+    font-family: var(--vp-font-family-base);
+    color: var(--vp-c-text-1);
+    letter-spacing: -0.005em;
+  }
+
+  &-body {
+    position: relative;
+    z-index: 1;
+  }
+}
+</style>
diff --git a/apps/docs/.vitepress/theme/components/ui/index.ts b/apps/docs/.vitepress/theme/components/ui/index.ts
new file mode 100644
index 0000000..cb4018f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/components/ui/index.ts
@@ -0,0 +1,19 @@
+export { default as UiAlert } from './UiAlert.vue';
+export { default as UiAvatar } from './UiAvatar.vue';
+export { default as UiBrowserPreview } from './UiBrowserPreview.vue';
+export { default as UiCard } from './UiCard.vue';
+export { default as UiCode } from './UiCode.vue';
+export { default as UiConfetti } from './UiConfetti.vue';
+export { default as UiContainer } from './UiContainer.vue';
+export { default as UiDemoFrame } from './UiDemoFrame.vue';
+export { default as UiDescription } from './UiDescription.vue';
+export { default as UiDialog } from './UiDialog.vue';
+export { default as UiHeadline } from './UiHeadline.vue';
+export { default as UiIcon } from './UiIcon.vue';
+export { default as UiIconBox } from './UiIconBox.vue';
+export { default as UiLicenseAlert } from './UiLicenseAlert.vue';
+export { default as UiLicenseText } from './UiLicenseText.vue';
+export { default as UiSection } from './UiSection.vue';
+export { default as UiSectionHeader } from './UiSectionHeader.vue';
+export { default as UiStyleSelect } from './UiStyleSelect.vue';
+export { default as UiWindow } from './UiWindow.vue';
diff --git a/apps/docs/.vitepress/theme/composables/avatar.ts b/apps/docs/.vitepress/theme/composables/avatar.ts
new file mode 100644
index 0000000..16e3fab
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/avatar.ts
@@ -0,0 +1,33 @@
+import { AvatarStyle, AvatarStyleMeta, ThemeOptions } from '@theme/types';
+import { useData } from 'vitepress';
+import { computed, Ref, unref } from 'vue';
+
+export function useAvatarStyleList(): Ref<string[]> {
+  const data = useData<ThemeOptions>();
+
+  return computed(() => Object.keys(data.theme.value.avatarStyles));
+}
+
+export function useAvatarStyleFromOptions(
+  avatarStyleName: string | Ref<string>,
+): Ref<AvatarStyle | undefined> {
+  const data = useData<ThemeOptions>();
+
+  return computed(() => {
+    const avatarStyleNameRaw = unref(avatarStyleName);
+
+    return data.theme.value.avatarStyles[avatarStyleNameRaw];
+  });
+}
+
+export function useAvatarStyleMeta(
+  avatarStyleName: string | Ref<string>,
+): Ref<AvatarStyleMeta | undefined> {
+  const avatarStyle = useAvatarStyleFromOptions(avatarStyleName);
+
+  return computed(() => {
+    const avatarStyleRaw = unref(avatarStyle);
+
+    return avatarStyleRaw?.meta;
+  });
+}
diff --git a/apps/docs/.vitepress/theme/composables/useApiStats.ts b/apps/docs/.vitepress/theme/composables/useApiStats.ts
new file mode 100644
index 0000000..48e0347
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useApiStats.ts
@@ -0,0 +1,113 @@
+import { ref, onMounted } from 'vue';
+
+const STATS_API_URL = 'https://api.dicebear.com/stats.json';
+const MONTH_KEY_LENGTH = 7;
+
+export interface StatsData {
+  requests: Record<string, number>;
+  traffic: Record<string, number>;
+  downloads: { npm: Record<string, number> };
+  styles: Record<string, [string, number][]>;
+  versions: Record<string, [string, number][]>;
+  formats: Record<string, [string, number][]>;
+}
+
+interface ApiStats {
+  monthlyRequests: number;
+  monthlyTraffic: number;
+  monthlyNpmDownloads: number;
+  monthLabel: string;
+}
+
+const cached = ref<ApiStats | null>(null);
+const rawData = ref<StatsData | null>(null);
+let fetching: Promise<void> | null = null;
+
+export interface MonthlyEntry {
+  key: string;
+  total: number;
+}
+
+export function aggregateMonthly(
+  daily: Record<string, number>,
+): MonthlyEntry[] {
+  const monthly: Record<string, number> = {};
+
+  for (const [date, value] of Object.entries(daily)) {
+    const key = date.slice(0, MONTH_KEY_LENGTH);
+    monthly[key] = (monthly[key] || 0) + value;
+  }
+
+  return Object.entries(monthly)
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([key, total]) => ({ key, total }));
+}
+
+export function formatMonthKey(
+  key: string,
+  options: Intl.DateTimeFormatOptions,
+): string {
+  const [y, m] = key.split('-');
+
+  return new Date(Number(y), Number(m) - 1).toLocaleDateString('en', options);
+}
+
+export function lastCompleteMonth(
+  daily: Record<string, number>,
+): { total: number; label: string } | null {
+  const months = aggregateMonthly(daily);
+
+  if (months.length < 2) {
+    return null;
+  }
+
+  const last = months[months.length - 2];
+  const label = formatMonthKey(last.key, { month: 'short', year: 'numeric' });
+
+  return { total: last.total, label };
+}
+
+async function doFetch() {
+  try {
+    const res = await fetch(STATS_API_URL);
+    const data: StatsData = await res.json();
+    rawData.value = data;
+
+    const requests = lastCompleteMonth(data.requests);
+    const traffic = lastCompleteMonth(data.traffic);
+    const npmDownloads = lastCompleteMonth(data.downloads.npm);
+
+    if (!requests || !traffic) {
+      return;
+    }
+
+    cached.value = {
+      monthlyRequests: requests.total,
+      monthlyTraffic: traffic.total,
+      monthlyNpmDownloads: npmDownloads?.total ?? 0,
+      monthLabel: requests.label,
+    };
+  } catch (err) {
+    console.warn('[useApiStats] Failed to fetch stats:', err);
+  } finally {
+    fetching = null;
+  }
+}
+
+function ensureFetched() {
+  if (!cached.value && !fetching) {
+    fetching = doFetch();
+  }
+}
+
+export function useApiStats() {
+  onMounted(ensureFetched);
+
+  return cached;
+}
+
+export function useApiStatsRaw() {
+  onMounted(ensureFetched);
+
+  return rawData;
+}
diff --git a/apps/docs/.vitepress/theme/composables/useChartTheme.ts b/apps/docs/.vitepress/theme/composables/useChartTheme.ts
new file mode 100644
index 0000000..b7ed80a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useChartTheme.ts
@@ -0,0 +1,33 @@
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+
+export function useChartTheme() {
+  const { isDark } = useData();
+
+  // Flips when the theme toggles; chart components bind it as `:key` to force a
+  // Chart.js remount so new theme colors take effect.
+  const chartKey = computed(() => (isDark.value ? 1 : 0));
+
+  function tooltipConfig() {
+    return {
+      backgroundColor: isDark.value ? '#1a1a1a' : '#fff',
+      titleColor: isDark.value ? '#e5e5e5' : '#333',
+      bodyColor: isDark.value ? '#ccc' : '#666',
+      borderColor: isDark.value ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)',
+      borderWidth: 1,
+      padding: 12,
+    };
+  }
+
+  function gridColor() {
+    return isDark.value ? 'rgba(255,255,255,0.06)' : 'rgba(0,0,0,0.06)';
+  }
+
+  function tickColor(opacity = 0.4) {
+    return isDark.value
+      ? `rgba(255,255,255,${opacity})`
+      : `rgba(0,0,0,${opacity})`;
+  }
+
+  return { chartKey, tooltipConfig, gridColor, tickColor };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useCombinationCount.ts b/apps/docs/.vitepress/theme/composables/useCombinationCount.ts
new file mode 100644
index 0000000..dbecd6f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useCombinationCount.ts
@@ -0,0 +1,56 @@
+import { computed, shallowRef, watch, type ComputedRef } from 'vue';
+import { storeToRefs } from 'pinia';
+import type { StyleDefinition } from '@dicebear/core';
+import type { AvatarUniqueCount } from '@theme/types';
+import { computeCount } from '@theme/utils/avatar/combinationCount';
+import { narrowDefinition } from '@theme/utils/avatar/narrowDefinition';
+import { loadAvatarStyleDefinition } from '@theme/utils/avatar/style';
+import useStore from '@theme/stores/playground';
+
+/**
+ * Reactively reports the number of distinct avatars reachable with the
+ * playground's currently selected style and option restrictions. Returns
+ * `undefined` until the style's raw definition is loaded.
+ */
+export function useCombinationCount(): ComputedRef<
+  AvatarUniqueCount | undefined
+> {
+  const store = useStore();
+  const { avatarStyleName, avatarStyleOptionsWithoutDefaults } =
+    storeToRefs(store);
+
+  const definition = shallowRef<{ name: string; def: StyleDefinition } | null>(
+    null,
+  );
+
+  watch(
+    avatarStyleName,
+    async (name) => {
+      try {
+        const def = await loadAvatarStyleDefinition(name);
+
+        if (avatarStyleName.value === name) {
+          definition.value = { name, def };
+        }
+      } catch {
+        definition.value = null;
+      }
+    },
+    { immediate: true },
+  );
+
+  return computed<AvatarUniqueCount | undefined>(() => {
+    const current = definition.value;
+
+    if (!current || current.name !== avatarStyleName.value) {
+      return undefined;
+    }
+
+    const narrowed = narrowDefinition(
+      current.def,
+      avatarStyleOptionsWithoutDefaults.value,
+    );
+
+    return computeCount(narrowed);
+  });
+}
diff --git a/apps/docs/.vitepress/theme/composables/useParallax.ts b/apps/docs/.vitepress/theme/composables/useParallax.ts
new file mode 100644
index 0000000..b80ee03
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useParallax.ts
@@ -0,0 +1,67 @@
+import { watch, onMounted, onUnmounted, type Ref } from 'vue';
+
+const LERP_FACTOR = 0.08;
+const INITIAL_POSITION = 0.5;
+
+export function useParallax(isVisible: Ref<boolean>) {
+  let containerEl: HTMLElement | null = null;
+  let targetMouseX = INITIAL_POSITION;
+  let targetMouseY = INITIAL_POSITION;
+  let currentX = INITIAL_POSITION;
+  let currentY = INITIAL_POSITION;
+  let animationFrameId: number | null = null;
+
+  function setContainer(el: HTMLElement) {
+    containerEl = el;
+  }
+
+  function handleMouseMove(e: MouseEvent) {
+    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+    targetMouseX = (e.clientX - rect.left) / rect.width;
+    targetMouseY = (e.clientY - rect.top) / rect.height;
+  }
+
+  function animate() {
+    if (!isVisible.value) {
+      animationFrameId = null;
+
+      return;
+    }
+
+    currentX += (targetMouseX - currentX) * LERP_FACTOR;
+    currentY += (targetMouseY - currentY) * LERP_FACTOR;
+
+    if (containerEl) {
+      containerEl.style.setProperty('--parallax-x', String(currentX));
+      containerEl.style.setProperty('--parallax-y', String(currentY));
+    }
+
+    animationFrameId = requestAnimationFrame(animate);
+  }
+
+  function start() {
+    if (animationFrameId === null) {
+      animationFrameId = requestAnimationFrame(animate);
+    }
+  }
+
+  watch(isVisible, (visible) => {
+    if (visible) {
+      start();
+    }
+  });
+
+  onMounted(() => {
+    if (isVisible.value) {
+      start();
+    }
+  });
+
+  onUnmounted(() => {
+    if (animationFrameId !== null) {
+      cancelAnimationFrame(animationFrameId);
+    }
+  });
+
+  return { setContainer, handleMouseMove };
+}
diff --git a/apps/docs/.vitepress/theme/composables/usePlaygroundDialog.ts b/apps/docs/.vitepress/theme/composables/usePlaygroundDialog.ts
new file mode 100644
index 0000000..6b8e6a2
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/usePlaygroundDialog.ts
@@ -0,0 +1,27 @@
+import { ref, computed } from 'vue';
+import useStore from '../stores/playground';
+
+export function usePlaygroundDialog(seed: () => string) {
+  const store = useStore();
+
+  const open = ref(false);
+  const confettiKey = ref(0);
+
+  const options = computed(() => ({
+    ...store.avatarStyleOptionsWithoutDefaults,
+    seed: seed(),
+  }));
+
+  function showDialog() {
+    confettiKey.value++;
+    open.value = true;
+  }
+
+  return {
+    store,
+    open,
+    confettiKey,
+    options,
+    showDialog,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useRangeField.ts b/apps/docs/.vitepress/theme/composables/useRangeField.ts
new file mode 100644
index 0000000..5f4296a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useRangeField.ts
@@ -0,0 +1,92 @@
+import { reactive, computed } from 'vue';
+import type { PlaygroundStoreOptions } from '@theme/types';
+
+export function useRangeField(avatarStyleOptions: PlaygroundStoreOptions) {
+  const rangeMode = reactive<Record<string, boolean>>({});
+
+  function isRangeMode(key: string): boolean {
+    if (rangeMode[key] !== undefined) return rangeMode[key];
+
+    return Array.isArray(avatarStyleOptions[key]);
+  }
+
+  function toggleRangeMode(key: string, fallback: number) {
+    const wasRange = isRangeMode(key);
+
+    rangeMode[key] = !wasRange;
+
+    if (wasRange) {
+      const val = avatarStyleOptions[key];
+      const single = Array.isArray(val)
+        ? val[0]
+        : typeof val === 'number'
+          ? val
+          : fallback;
+
+      avatarStyleOptions[key] = single;
+    } else {
+      const val = avatarStyleOptions[key];
+      const single = typeof val === 'number' ? val : fallback;
+
+      avatarStyleOptions[key] = [single, single];
+    }
+  }
+
+  function singleComputed(key: string, fallback: number | (() => number)) {
+    const resolve = typeof fallback === 'function' ? fallback : () => fallback;
+
+    return computed({
+      get: () => {
+        const val = avatarStyleOptions[key];
+
+        return typeof val === 'number' ? val : resolve();
+      },
+      set: (val: number) => {
+        avatarStyleOptions[key] = val;
+      },
+    });
+  }
+
+  function resetRangeField(key: string) {
+    delete avatarStyleOptions[key];
+    delete rangeMode[key];
+  }
+
+  function rangeComputed(
+    key: string,
+    fallback: number | readonly number[] | (() => number | readonly number[]),
+  ) {
+    const resolve = typeof fallback === 'function' ? fallback : () => fallback;
+
+    return computed<[number, number]>({
+      get: () => {
+        const val = avatarStyleOptions[key];
+
+        if (Array.isArray(val) && val.length === 2)
+          return [val[0], val[1]] as [number, number];
+        if (typeof val === 'number') return [val, val] as [number, number];
+
+        const fb = resolve();
+
+        if (Array.isArray(fb) && fb.length === 2)
+          return [fb[0], fb[1]] as [number, number];
+
+        const single = typeof fb === 'number' ? fb : 0;
+
+        return [single, single] as [number, number];
+      },
+      set: (val: [number, number]) => {
+        avatarStyleOptions[key] = [val[0], val[1]];
+      },
+    });
+  }
+
+  return {
+    rangeMode,
+    isRangeMode,
+    toggleRangeMode,
+    resetRangeField,
+    singleComputed,
+    rangeComputed,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useStyleFiltering.ts b/apps/docs/.vitepress/theme/composables/useStyleFiltering.ts
new file mode 100644
index 0000000..06a3beb
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useStyleFiltering.ts
@@ -0,0 +1,146 @@
+import { ref, computed, type Ref } from 'vue';
+import { kebabCase, capitalCase } from 'change-case';
+import type { CustomStyleEntry } from '@theme/types';
+import {
+  CUSTOM_CATEGORY,
+  categoryOrder,
+  previewSeeds,
+  getStyleCategory,
+  normalizeLicense,
+} from '@theme/config/styleCategories';
+
+interface StyleMeta {
+  meta: {
+    license?: { name?: string };
+    creator?: string;
+  };
+}
+
+export function useStyleFiltering(
+  styles: Record<string, StyleMeta>,
+  customStyles?: Ref<Record<string, CustomStyleEntry>>,
+) {
+  const searchQuery = ref('');
+  const selectedLicenses = ref<string[]>([]);
+  const selectedCategories = ref<string[]>([]);
+
+  const allStyles = computed(() => {
+    const builtIn = Object.entries(styles)
+      .map(([styleName, style]) => {
+        const rawLicense = style.meta.license?.name || 'Unknown';
+
+        return {
+          name: styleName,
+          displayName: capitalCase(styleName),
+          slug: kebabCase(styleName),
+          creator: style.meta.creator || 'Unknown',
+          license: rawLicense,
+          licenseNormalized: normalizeLicense(rawLicense),
+          category: getStyleCategory(kebabCase(styleName)),
+          isCustom: false,
+          avatars: previewSeeds.map((seed) => ({
+            seed,
+          })),
+        };
+      })
+      .sort((a, b) => a.displayName.localeCompare(b.displayName));
+
+    if (!customStyles) {
+      return builtIn;
+    }
+
+    const custom = Object.entries(customStyles.value).map(([key, entry]) => ({
+      name: key,
+      displayName: entry.name,
+      slug: key,
+      creator: CUSTOM_CATEGORY,
+      license: 'Unknown',
+      licenseNormalized: 'Unknown',
+      category: CUSTOM_CATEGORY,
+      isCustom: true,
+      avatars: previewSeeds.map((seed) => ({
+        seed,
+      })),
+    }));
+
+    return [...custom, ...builtIn];
+  });
+
+  const availableLicenses = computed(() => {
+    const licenses = new Set(allStyles.value.map((s) => s.licenseNormalized));
+
+    return Array.from(licenses).sort();
+  });
+
+  const availableCategories = computed(() => {
+    const categories = new Set(allStyles.value.map((s) => s.category));
+
+    return Array.from(categories).sort(
+      (a, b) => categoryOrder.indexOf(a) - categoryOrder.indexOf(b),
+    );
+  });
+
+  const styleList = computed(() => {
+    const query = searchQuery.value.toLowerCase().trim();
+
+    return allStyles.value.filter((style) => {
+      if (
+        query &&
+        !style.displayName.toLowerCase().includes(query) &&
+        !style.creator.toLowerCase().includes(query)
+      ) {
+        return false;
+      }
+
+      if (
+        selectedLicenses.value.length > 0 &&
+        !selectedLicenses.value.includes(style.licenseNormalized)
+      ) {
+        return false;
+      }
+
+      if (
+        selectedCategories.value.length > 0 &&
+        !selectedCategories.value.includes(style.category)
+      ) {
+        return false;
+      }
+
+      return true;
+    });
+  });
+
+  const groupedStyles = computed(() => {
+    const groups: Record<string, typeof styleList.value> = {};
+    for (const style of styleList.value) {
+      if (!groups[style.category]) {
+        groups[style.category] = [];
+      }
+
+      groups[style.category].push(style);
+    }
+
+    const sortedGroups: typeof groups = {};
+    for (const cat of categoryOrder) {
+      if (groups[cat]) {
+        sortedGroups[cat] = groups[cat];
+      }
+    }
+
+    return sortedGroups;
+  });
+
+  const totalStyles = computed(() => Object.keys(styles).length);
+
+  return {
+    searchQuery,
+    selectedLicenses,
+    selectedCategories,
+    allStyles,
+    availableLicenses,
+    availableCategories,
+    styleList,
+    groupedStyles,
+    totalStyles,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useStyleOptions.ts b/apps/docs/.vitepress/theme/composables/useStyleOptions.ts
new file mode 100644
index 0000000..8ee8394
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useStyleOptions.ts
@@ -0,0 +1,69 @@
+import { computed, type ComputedRef, type Ref } from 'vue';
+import { OptionsDescriptor, type Style } from '@dicebear/core';
+import { computedAsync } from '@vueuse/core';
+import { loadAvatarStyle } from '@theme/utils/avatar/style';
+import { getStyleColorsMap } from '@theme/utils/avatar/colors';
+import { ComponentPreview } from '@theme/utils/componentPreview';
+
+export type StyleOptionsContext = {
+  loadedStyle: Ref<Style | null>;
+  descriptor: ComputedRef<ReturnType<OptionsDescriptor['toJSON']>>;
+  componentNames: ComputedRef<string[]>;
+  colorNames: ComputedRef<string[]>;
+  styleColors: ComputedRef<Record<string, string[]>>;
+  preview: ComputedRef<ComponentPreview | null>;
+};
+
+export function useStyleOptions(styleName: Ref<string>): StyleOptionsContext {
+  const loadedStyle = computedAsync(async () => {
+    return await loadAvatarStyle(styleName.value);
+  }, null);
+
+  const descriptor = computed(() => {
+    if (!loadedStyle.value) {
+      return {} as ReturnType<OptionsDescriptor['toJSON']>;
+    }
+
+    return new OptionsDescriptor(loadedStyle.value).toJSON();
+  });
+
+  const componentNames = computed(() => {
+    if (!loadedStyle.value) {
+      return [];
+    }
+
+    return Array.from(loadedStyle.value.components().keys()).sort((a, b) =>
+      a.localeCompare(b),
+    );
+  });
+
+  const colorNames = computed(() => {
+    if (!loadedStyle.value) {
+      return [];
+    }
+
+    const keys = Array.from(loadedStyle.value.colors().keys());
+    const rest = keys
+      .filter((n) => n !== 'background')
+      .sort((a, b) => a.localeCompare(b));
+
+    return keys.includes('background') ? ['background', ...rest] : rest;
+  });
+
+  const styleColors = computed<Record<string, string[]>>(() =>
+    loadedStyle.value ? getStyleColorsMap(loadedStyle.value) : {},
+  );
+
+  const preview = computed(() =>
+    loadedStyle.value ? new ComponentPreview(loadedStyle.value) : null,
+  );
+
+  return {
+    loadedStyle,
+    descriptor,
+    componentNames,
+    colorNames,
+    styleColors,
+    preview,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useVariantWeights.ts b/apps/docs/.vitepress/theme/composables/useVariantWeights.ts
new file mode 100644
index 0000000..b06bb03
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useVariantWeights.ts
@@ -0,0 +1,173 @@
+import { computed, ref, watch, type Ref } from 'vue';
+import type { PlaygroundStoreOptions } from '@theme/types';
+
+/**
+ * Manages variant weights for a component option in the playground.
+ *
+ * Variant weight states:
+ * - undefined → variant is excluded (not in the options object at all)
+ * - 0         → variant is active but with weight 0 (rare, used as fallback)
+ * - > 0       → variant is active with that weight
+ *
+ * Storage formats in `avatarStyleOptions[<componentName>Variant]`:
+ * - undefined → use the style's default weights
+ * - string[]  → list of active variants, each implicitly weight 1
+ * - object    → { variant: weight } map (when showWeights is on)
+ *
+ * The composable transparently converts between these formats based on
+ * `showWeights` and the user's interactions.
+ */
+export function useVariantWeights(
+  avatarStyleOptions: PlaygroundStoreOptions,
+  componentName: Ref<string> | (() => string),
+  variants: Ref<string[]> | (() => string[]),
+  hasNonDefaultWeights: Ref<boolean> | (() => boolean),
+  defaultWeights:
+    | Ref<Record<string, number | undefined>>
+    | (() => Record<string, number | undefined>),
+) {
+  const getName =
+    typeof componentName === 'function'
+      ? componentName
+      : () => componentName.value;
+  const getVariants =
+    typeof variants === 'function' ? variants : () => variants.value;
+  const getNonDefault =
+    typeof hasNonDefaultWeights === 'function'
+      ? hasNonDefaultWeights
+      : () => hasNonDefaultWeights.value;
+  const getDefaultWeights =
+    typeof defaultWeights === 'function'
+      ? defaultWeights
+      : () => defaultWeights.value;
+
+  const variantKey = computed(() => `${getName()}Variant`);
+
+  const showWeights = ref(false);
+
+  // Re-initialize showWeights when component/style changes
+  watch(
+    [() => getName(), () => getVariants(), () => getNonDefault()],
+    () => {
+      const storeVal = avatarStyleOptions[variantKey.value];
+
+      showWeights.value =
+        (typeof storeVal === 'object' && !Array.isArray(storeVal)) ||
+        getNonDefault();
+    },
+    { deep: true, immediate: true },
+  );
+
+  const variantWeights = computed<Record<string, number | undefined>>({
+    get: () => {
+      const val = avatarStyleOptions[variantKey.value];
+      const currentVariants = getVariants();
+
+      if (val === undefined) {
+        const defaults = getDefaultWeights();
+
+        return Object.fromEntries(
+          currentVariants.map((v) => [v, v in defaults ? defaults[v] : 1]),
+        );
+      }
+
+      if (Array.isArray(val)) {
+        return Object.fromEntries(
+          currentVariants.map((v) => [v, val.includes(v) ? 1 : undefined]),
+        );
+      }
+
+      if (typeof val === 'object') {
+        const obj = val as Record<string, number>;
+
+        return Object.fromEntries(
+          currentVariants.map((v) => [v, v in obj ? obj[v] : undefined]),
+        );
+      }
+
+      return Object.fromEntries(currentVariants.map((v) => [v, 1]));
+    },
+    set: (weights: Record<string, number | undefined>) => {
+      const currentVariants = getVariants();
+      const defined = Object.entries(weights).filter(
+        ([, w]) => w !== undefined,
+      ) as [string, number][];
+      const defaults = getDefaultWeights();
+      const allDefault = currentVariants.every(
+        (v) => weights[v] === (v in defaults ? defaults[v] : 1),
+      );
+
+      if (allDefault) {
+        delete avatarStyleOptions[variantKey.value];
+
+        return;
+      }
+
+      if (showWeights.value) {
+        avatarStyleOptions[variantKey.value] = Object.fromEntries(defined);
+      } else {
+        const active = defined.filter(([, w]) => w > 0).map(([name]) => name);
+
+        avatarStyleOptions[variantKey.value] = active;
+      }
+    },
+  });
+
+  function toggleWeights() {
+    showWeights.value = !showWeights.value;
+
+    if (!showWeights.value) {
+      const weights = variantWeights.value;
+      const currentVariants = getVariants();
+      const active = Object.entries(weights)
+        .filter(([, w]) => w !== undefined && w > 0)
+        .map(([name]) => name);
+
+      if (active.length === currentVariants.length) {
+        delete avatarStyleOptions[variantKey.value];
+      } else {
+        avatarStyleOptions[variantKey.value] = active;
+      }
+    }
+  }
+
+  function toggleVariant(variant: string) {
+    const weights = { ...variantWeights.value };
+
+    if (showWeights.value) {
+      weights[variant] = weights[variant] !== undefined ? undefined : 1;
+    } else {
+      weights[variant] =
+        weights[variant] !== undefined && weights[variant]! > 0 ? undefined : 1;
+    }
+
+    variantWeights.value = weights;
+  }
+
+  function setWeight(variant: string, weight: number) {
+    const weights = { ...variantWeights.value };
+
+    weights[variant] = weight;
+    variantWeights.value = weights;
+  }
+
+  function selectAll() {
+    variantWeights.value = Object.fromEntries(getVariants().map((v) => [v, 1]));
+  }
+
+  function selectNone() {
+    variantWeights.value = Object.fromEntries(
+      getVariants().map((v) => [v, undefined]),
+    );
+  }
+
+  return {
+    showWeights,
+    variantWeights,
+    toggleWeights,
+    toggleVariant,
+    setWeight,
+    selectAll,
+    selectNone,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/composables/useVisibility.ts b/apps/docs/.vitepress/theme/composables/useVisibility.ts
new file mode 100644
index 0000000..35f60b6
--- /dev/null
+++ b/apps/docs/.vitepress/theme/composables/useVisibility.ts
@@ -0,0 +1,75 @@
+import {
+  ref,
+  isRef,
+  onMounted,
+  onUnmounted,
+  type Ref,
+  type ComponentPublicInstance,
+} from 'vue';
+
+export interface UseVisibilityOptions {
+  threshold?: number;
+  rootMargin?: string;
+  once?: boolean;
+}
+
+export function useVisibility(
+  target:
+    | string
+    | Ref<ComponentPublicInstance | Element | null | undefined>
+    | (() => Element | null),
+  options: UseVisibilityOptions = {},
+): Ref<boolean> {
+  const { threshold = 0.2, rootMargin = '0px', once = true } = options;
+  const isVisible = ref(false);
+  let observer: IntersectionObserver | null = null;
+
+  onMounted(() => {
+    let element: Element | null = null;
+
+    if (typeof target === 'string') {
+      element = document.querySelector(target);
+    } else if (isRef(target)) {
+      const val = target.value;
+
+      if (val instanceof Element) {
+        element = val;
+      } else if (val && '$el' in val) {
+        element = val.$el;
+      }
+    } else {
+      element = target();
+    }
+
+    if (!element) {
+      return;
+    }
+
+    observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            isVisible.value = true;
+
+            if (once && observer) {
+              observer.disconnect();
+            }
+          } else if (!once) {
+            isVisible.value = false;
+          }
+        }
+      },
+      { threshold, rootMargin },
+    );
+
+    observer.observe(element);
+  });
+
+  onUnmounted(() => {
+    if (observer) {
+      observer.disconnect();
+    }
+  });
+
+  return isVisible;
+}
diff --git a/apps/docs/.vitepress/theme/config/comparison.ts b/apps/docs/.vitepress/theme/config/comparison.ts
new file mode 100644
index 0000000..32a89af
--- /dev/null
+++ b/apps/docs/.vitepress/theme/config/comparison.ts
@@ -0,0 +1,191 @@
+export type ComparisonCellValue = 'yes' | 'no' | 'free' | 'paid' | string;
+
+export type ComparisonServiceKey =
+  | 'dicebear'
+  | 'boringAvatars'
+  | 'avvvatars'
+  | 'multiavatar'
+  | 'jdenticon';
+
+export interface ComparisonService {
+  key: ComparisonServiceKey;
+  name: string;
+  url: string;
+  starsRepo: string;
+  starsFallback: string;
+}
+
+export interface ComparisonRow {
+  feature: string;
+  values: Record<ComparisonServiceKey, ComparisonCellValue>;
+}
+
+export interface ComparisonContext {
+  stars: Record<string, string>;
+  styleCount: number;
+}
+
+export const comparisonServices: readonly ComparisonService[] = [
+  {
+    key: 'dicebear',
+    name: 'DiceBear',
+    url: 'https://www.dicebear.com',
+    starsRepo: 'dicebear/dicebear',
+    starsFallback: '8k+',
+  },
+  {
+    key: 'boringAvatars',
+    name: 'Boring Avatars',
+    url: 'https://boringavatars.com',
+    starsRepo: 'boringdesigners/boring-avatars',
+    starsFallback: '6k+',
+  },
+  {
+    key: 'avvvatars',
+    name: 'Avvvatars',
+    url: 'https://avvvatars.com',
+    starsRepo: 'nusu/avvvatars',
+    starsFallback: '2k+',
+  },
+  {
+    key: 'multiavatar',
+    name: 'Multiavatar',
+    url: 'https://multiavatar.com',
+    starsRepo: 'multiavatar/Multiavatar',
+    starsFallback: '1.9k+',
+  },
+  {
+    key: 'jdenticon',
+    name: 'Jdenticon',
+    url: 'https://jdenticon.com',
+    starsRepo: 'dmester/jdenticon',
+    starsFallback: '1.7k+',
+  },
+];
+
+export function buildComparisonRows({
+  stars,
+  styleCount,
+}: ComparisonContext): ComparisonRow[] {
+  const githubStars: Record<ComparisonServiceKey, ComparisonCellValue> = {
+    dicebear: stars['dicebear/dicebear'] || '8k+',
+    boringAvatars: stars['boringdesigners/boring-avatars'] || '6k+',
+    avvvatars: stars['nusu/avvvatars'] || '2k+',
+    multiavatar: stars['multiavatar/Multiavatar'] || '1.9k+',
+    jdenticon: stars['dmester/jdenticon'] || '1.7k+',
+  };
+
+  return [
+    { feature: 'GitHub Stars', values: githubStars },
+    {
+      feature: 'Avatar Styles',
+      values: {
+        dicebear: `${styleCount}`,
+        boringAvatars: '6',
+        avvvatars: '2',
+        multiavatar: '1',
+        jdenticon: '1',
+      },
+    },
+    {
+      feature: 'Customizable Options',
+      values: {
+        dicebear: 'Extensive',
+        boringAvatars: 'Extensive',
+        avvvatars: 'Limited',
+        multiavatar: 'Limited',
+        jdenticon: 'Limited',
+      },
+    },
+    {
+      feature: 'Weighted Variants',
+      values: {
+        dicebear: 'yes',
+        boringAvatars: 'no',
+        avvvatars: 'no',
+        multiavatar: 'no',
+        jdenticon: 'no',
+      },
+    },
+    {
+      feature: 'HTTP API',
+      values: {
+        dicebear: 'free',
+        boringAvatars: 'paid',
+        avvvatars: 'no',
+        multiavatar: 'no',
+        jdenticon: 'no',
+      },
+    },
+    {
+      feature: 'CLI',
+      values: {
+        dicebear: 'yes',
+        boringAvatars: 'no',
+        avvvatars: 'no',
+        multiavatar: 'no',
+        jdenticon: 'yes',
+      },
+    },
+    {
+      feature: 'Languages',
+      values: {
+        dicebear: 'JS/TS, PHP, Python, Rust, Go, Dart',
+        boringAvatars: 'JS',
+        avvvatars: 'JS/TS',
+        multiavatar: 'JS, PHP, Python',
+        jdenticon: 'JS, C#, PHP',
+      },
+    },
+    {
+      feature: 'Dependencies',
+      values: {
+        dicebear: '\u2013',
+        boringAvatars: 'React',
+        avvvatars: 'React',
+        multiavatar: '\u2013',
+        jdenticon: '\u2013',
+      },
+    },
+    {
+      feature: 'Output Formats',
+      values: {
+        dicebear: 'SVG, PNG, JPEG, WebP, AVIF',
+        boringAvatars: 'SVG',
+        avvvatars: 'SVG',
+        multiavatar: 'SVG',
+        jdenticon: 'SVG, PNG',
+      },
+    },
+    {
+      feature: 'Design License',
+      values: {
+        dicebear: 'Varies',
+        boringAvatars: 'MIT',
+        avvvatars: 'MIT',
+        multiavatar: 'Custom',
+        jdenticon: 'MIT',
+      },
+    },
+    {
+      feature: 'Open Source',
+      values: {
+        dicebear: 'yes',
+        boringAvatars: 'yes',
+        avvvatars: 'yes',
+        multiavatar: 'yes',
+        jdenticon: 'yes',
+      },
+    },
+    {
+      feature: 'Deterministic',
+      values: {
+        dicebear: 'yes',
+        boringAvatars: 'yes',
+        avvvatars: 'yes',
+        multiavatar: 'yes',
+        jdenticon: 'yes',
+      },
+    },
+  ];
+}
diff --git a/apps/docs/.vitepress/theme/config/footer-links.ts b/apps/docs/.vitepress/theme/config/footer-links.ts
new file mode 100644
index 0000000..5da3439
--- /dev/null
+++ b/apps/docs/.vitepress/theme/config/footer-links.ts
@@ -0,0 +1,47 @@
+import { safeHttpUrl } from '@theme/utils/url';
+
+export interface FooterLink {
+  label: string;
+  href: string;
+  external?: boolean;
+}
+
+export const productLinks: FooterLink[] = [
+  { label: 'Why DiceBear?', href: '/why-dicebear/' },
+  { label: 'Playground', href: '/playground/' },
+  { label: 'All Styles', href: '/styles/' },
+  { label: 'Tools', href: '/tools/' },
+  { label: 'Editor', href: 'https://editor.dicebear.com', external: true },
+];
+
+export const resourceLinks: FooterLink[] = [
+  { label: 'Documentation', href: '/introduction/' },
+  { label: 'JS Library', href: '/how-to-use/js-library/' },
+  { label: 'HTTP API', href: '/how-to-use/http-api/' },
+  { label: 'CLI', href: '/how-to-use/cli/' },
+  { label: 'Statistics', href: '/stats/' },
+];
+
+function buildLegalLink(
+  label: string,
+  rawHref: string | undefined,
+): FooterLink | null {
+  if (!rawHref) {
+    return null;
+  }
+
+  const isExternal = /^https?:\/\//.test(rawHref);
+
+  if (isExternal && !safeHttpUrl(rawHref)) {
+    return null;
+  }
+
+  return { label, href: rawHref, external: isExternal || undefined };
+}
+
+export const legalLinks: FooterLink[] = [
+  { label: 'Licenses', href: '/licenses/' },
+  buildLegalLink('Privacy Policy', import.meta.env.VITE_PRIVACY_POLICY_URL),
+  buildLegalLink('Cookie Policy', import.meta.env.VITE_COOKIE_POLICY_URL),
+  buildLegalLink('Legal Notice', import.meta.env.VITE_LEGAL_NOTICE_URL),
+].filter((link): link is FooterLink => link !== null);
diff --git a/apps/docs/.vitepress/theme/config/styleCategories.ts b/apps/docs/.vitepress/theme/config/styleCategories.ts
new file mode 100644
index 0000000..c884a5d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/config/styleCategories.ts
@@ -0,0 +1,46 @@
+const minimalistStyles = new Set([
+  'disco',
+  'glass',
+  'glyphs',
+  'identicon',
+  'rings',
+  'shape-grid',
+  'shapes',
+  'stripes',
+  'triangles',
+  'initial-face',
+  'initials',
+  'icons',
+  'thumbs',
+]);
+
+export const CUSTOM_CATEGORY = 'Custom';
+
+export const categoryOrder = [
+  CUSTOM_CATEGORY,
+  'Minimalist',
+  'Characters',
+  'Other',
+];
+
+export const previewSeeds = ['Felix', 'Aneka', 'Milo', 'Luna'];
+
+export function getStyleCategory(name: string): string {
+  return minimalistStyles.has(name) ? 'Minimalist' : 'Characters';
+}
+
+export function normalizeLicense(license: string): string {
+  if (license.includes('CC BY 4.0')) {
+    return 'CC BY 4.0';
+  }
+
+  if (license.includes('CC0 1.0')) {
+    return 'CC0 1.0';
+  }
+
+  if (license.includes('MIT')) {
+    return 'MIT';
+  }
+
+  return 'Other';
+}
diff --git a/apps/docs/.vitepress/theme/index.ts b/apps/docs/.vitepress/theme/index.ts
new file mode 100644
index 0000000..f9e89f9
--- /dev/null
+++ b/apps/docs/.vitepress/theme/index.ts
@@ -0,0 +1,344 @@
+import '@fontsource-variable/inter';
+import { App, onMounted, watchEffect } from 'vue';
+import DefaultTheme from 'vitepress/theme-without-fonts';
+import Layout from './Layout.vue';
+import { createPinia } from 'pinia';
+import { useData } from 'vitepress';
+import VPBadge from 'vitepress/dist/client/theme-default/components/VPBadge.vue';
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+import { definePreset } from '@primeuix/themes';
+import Tooltip from 'primevue/tooltip';
+import { track } from '@theme/utils/track';
+
+const DiceBearPreset = definePreset(Aura, {
+  semantic: {
+    formField: {
+      borderRadius: 'var(--vp-radius-sm)',
+    },
+    content: {
+      borderRadius: 'var(--vp-radius-sm)',
+    },
+    text: {
+      color: 'var(--vp-c-text-1)',
+      hoverColor: 'var(--vp-c-text-1)',
+      mutedColor: 'var(--vp-c-text-2)',
+      hoverMutedColor: 'var(--vp-c-text-1)',
+    },
+    // Brand blue is the official DiceBear #0284C7 (Tailwind `sky-600`), so map
+    // PrimeVue's primary ramp to `sky` (not `blue`) — keeps filled buttons,
+    // sliders and active states in sync with the CSS `--vp-c-brand-*` tokens.
+    primary: {
+      50: '{sky.50}',
+      100: '{sky.100}',
+      200: '{sky.200}',
+      300: '{sky.300}',
+      400: '{sky.400}',
+      500: '{sky.500}',
+      600: '{sky.600}',
+      700: '{sky.700}',
+      800: '{sky.800}',
+      900: '{sky.900}',
+      950: '{sky.950}',
+    },
+    colorScheme: {
+      light: {
+        surface: {
+          0: '#ffffff',
+          50: '{stone.50}',
+          100: '{stone.100}',
+          200: '{stone.200}',
+          300: '{stone.300}',
+          400: '{stone.400}',
+          500: '{stone.500}',
+          600: '{stone.600}',
+          700: '{stone.700}',
+          800: '{stone.800}',
+          900: '{stone.900}',
+          950: '{stone.950}',
+        },
+        content: {
+          background: 'var(--vp-c-bg-elv)',
+          hoverBackground: 'var(--vp-c-bg-soft)',
+          borderColor: 'var(--pg-border)',
+          color: 'var(--vp-c-text-1)',
+          hoverColor: 'var(--vp-c-text-1)',
+        },
+        formField: {
+          // Same fix as the dark block below: Aura's light form-field border
+          // defaults to {surface.300} (#d6d3d1, a warm stone). Pin it to the
+          // shared --pg-border token (#e2e2e3) so inputs/selects match the
+          // slider tracks and content borders instead of reading warm.
+          borderColor: 'var(--pg-border)',
+          // Placeholders + form-field icons (select chevron, input icons,
+          // number +/- buttons) all default to {surface.400} (#78716c, a warm
+          // stone) — browner and darker than the app's neutral greys. These
+          // are muted *foreground* colours, so pin them to the shared
+          // subtle-text token instead of a surface step.
+          placeholderColor: 'var(--ui-c-text-subtle)',
+          iconColor: 'var(--ui-c-text-subtle)',
+        },
+      },
+      dark: {
+        surface: {
+          0: '#ffffff',
+          50: '#f5f5f4',
+          100: '#e7e5e4',
+          200: '#d6d3d1',
+          300: '#a8a29e',
+          400: '#78716c',
+          500: '#57534e',
+          600: '#3f3f46',
+          700: '#2c2c32',
+          800: '#242429',
+          900: '#1a1a1e',
+          950: '#111115',
+        },
+        content: {
+          background: 'var(--vp-c-bg-soft)',
+          hoverBackground: 'var(--vp-c-bg-soft)',
+          borderColor: 'var(--pg-border)',
+          color: 'var(--vp-c-text-1)',
+          hoverColor: 'var(--vp-c-text-1)',
+        },
+        formField: {
+          background: 'var(--vp-c-bg-soft)',
+          // Aura's resting form-field border defaults to {surface.600}
+          // (#3f3f46, a cool zinc step) — the one control token not on a
+          // VitePress grey. Inputs/selects therefore read colder than the
+          // cards, slider tracks and dividers around them (all #3c3f44).
+          // Pull it onto the shared --pg-border token so every border matches.
+          borderColor: 'var(--pg-border)',
+          hoverBorderColor: 'var(--vp-c-gray-1)',
+          // Match the light block: pull placeholder + icon colours off the
+          // warm {surface.400} stone onto the app's subtle-text token.
+          placeholderColor: 'var(--ui-c-text-subtle)',
+          iconColor: 'var(--ui-c-text-subtle)',
+        },
+        text: {
+          mutedColor: 'rgba(235, 235, 245, 0.78)',
+        },
+      },
+    },
+  },
+  components: {
+    button: {
+      colorScheme: {
+        // Aura's outlined-secondary uses surface tokens that render almost
+        // invisible against our bg-soft surface in dark mode and read very
+        // muted in light mode. Lift border + text to VitePress tokens so
+        // outlined buttons stay legible in both themes.
+        //
+        // Aura's contrast hover is also too subtle (one step on the surface
+        // scale). Bump it a few steps so the hover state is noticeable.
+        light: {
+          outlined: {
+            secondary: {
+              borderColor: 'var(--vp-c-border)',
+              color: 'var(--vp-c-text-1)',
+              // Aura's hover background is `surface.50` (#fafaf9) — identical
+              // to VitePress's `--vp-c-bg` in light mode, so the hover state
+              // is invisible against the page. `bg-elv` is pure white and
+              // semantically right for an "elevated on hover" effect.
+              hoverBackground: 'var(--vp-c-bg-elv)',
+              activeBackground: 'var(--vp-c-bg-soft)',
+            },
+          },
+          root: {
+            // Filled secondary defaults to ~surface-100 which blends with
+            // VitePress's --vp-c-bg-soft (also surface-100). Lift to bg-elv
+            // (#ffffff) so filled buttons sit a step above the page surface,
+            // matching the card-like "elevated" presence the design calls for.
+            secondary: {
+              background: 'var(--vp-c-bg-elv)',
+              hoverBackground: 'var(--vp-c-bg-soft)',
+              activeBackground: 'var(--vp-c-bg-soft)',
+              borderColor: 'var(--vp-c-border)',
+              hoverBorderColor: 'var(--vp-c-border)',
+              activeBorderColor: 'var(--vp-c-border)',
+              color: 'var(--vp-c-text-1)',
+              hoverColor: 'var(--vp-c-text-1)',
+              activeColor: 'var(--vp-c-text-1)',
+            },
+            contrast: {
+              hoverBackground: '{surface.800}',
+              hoverBorderColor: '{surface.800}',
+            },
+          },
+          link: {
+            color: 'var(--vp-c-text-1)',
+            hoverColor: 'var(--p-text-color)',
+            activeColor: 'var(--p-text-color)',
+          },
+        },
+        dark: {
+          outlined: {
+            secondary: {
+              borderColor: 'var(--vp-c-border)',
+              color: 'var(--vp-c-text-1)',
+            },
+          },
+          root: {
+            // Filled secondary defaults to bg-soft (#242429), identical to
+            // the card surface around them — buttons read flat. Lift to
+            // bg-elv (#2c2c32) for a clear one-step elevation above the
+            // card, matching the visual presence of the primary CTA group.
+            secondary: {
+              background: 'var(--vp-c-bg-elv)',
+              hoverBackground: '{surface.600}',
+              activeBackground: '{surface.600}',
+              borderColor: 'var(--vp-c-bg-elv)',
+              hoverBorderColor: '{surface.600}',
+              activeBorderColor: '{surface.600}',
+              color: 'var(--vp-c-text-1)',
+              hoverColor: 'var(--vp-c-text-1)',
+              activeColor: 'var(--vp-c-text-1)',
+            },
+            contrast: {
+              hoverBackground: '{surface.100}',
+              hoverBorderColor: '{surface.100}',
+            },
+          },
+          link: {
+            color: 'var(--p-text-muted-color)',
+            hoverColor: 'var(--p-text-color)',
+            activeColor: 'var(--p-text-color)',
+          },
+        },
+      },
+      // Buttons used here put icon + label in the default slot, so PrimeVue
+      // does not wrap the text in `.p-button-label`. Apply Aura's label
+      // weight to the button root so default-slot text picks it up via
+      // inheritance (Aura default is 500).
+      css: () => `
+        .p-button {
+          font-weight: 500;
+        }
+      `,
+    },
+    accordion: {
+      colorScheme: {
+        dark: {
+          header: {
+            background: 'var(--vp-c-bg-soft)',
+            hoverBackground: 'var(--vp-c-bg-soft)',
+            activeBackground: 'var(--vp-c-bg-soft)',
+            activeHoverBackground: 'var(--vp-c-bg-soft)',
+          },
+          content: {
+            background: 'var(--vp-c-bg-soft)',
+          },
+        },
+      },
+    },
+    tag: {
+      colorScheme: {
+        dark: {
+          secondary: {
+            background: 'var(--vp-c-bg)',
+          },
+        },
+      },
+    },
+    togglebutton: {
+      colorScheme: {
+        dark: {
+          root: {
+            background: 'var(--vp-c-bg)',
+            hoverBackground: 'var(--vp-c-bg)',
+            checkedBackground: 'var(--vp-c-bg)',
+            borderColor: 'var(--vp-c-bg)',
+            checkedBorderColor: 'var(--vp-c-bg)',
+          },
+          content: {
+            checkedBackground: 'var(--vp-c-bg-soft)',
+          },
+        },
+      },
+    },
+    menu: {
+      colorScheme: {
+        // The shared content tokens map background and hoverBackground to
+        // the same VitePress surface, so the default menu-item hover is
+        // invisible against the menu's own background. Lift hover to an
+        // adjacent surface step so it actually shows.
+        dark: {
+          item: {
+            focusBackground: '{surface.700}',
+          },
+        },
+        light: {
+          item: {
+            focusBackground: '{surface.100}',
+          },
+        },
+      },
+    },
+    inputnumber: {
+      colorScheme: {
+        // The +/- button colour is independent of formField.iconColor and
+        // still resolves to {surface.400} (#78716c, warm stone). Pull it onto
+        // the same subtle-text token as the other form-field affordances.
+        light: {
+          button: {
+            color: 'var(--ui-c-text-subtle)',
+          },
+        },
+        dark: {
+          button: {
+            color: 'var(--ui-c-text-subtle)',
+          },
+        },
+      },
+    },
+  },
+});
+
+let clickListenerAdded = false;
+
+export default {
+  ...DefaultTheme,
+  Layout,
+  enhanceApp({ app }: { app: App }) {
+    app.component('Badge', VPBadge);
+
+    const pinia = createPinia();
+
+    app.use(pinia);
+    app.directive('tooltip', Tooltip);
+    app.use(PrimeVue, {
+      theme: {
+        preset: DiceBearPreset,
+        options: {
+          darkModeSelector: '.dark',
+        },
+      },
+    });
+  },
+  setup: () => {
+    const { site, frontmatter } = useData();
+
+    onMounted(() => {
+      watchEffect(() => {
+        const lang = frontmatter.value.lang ?? site.value.lang;
+        const dir = frontmatter.value.dir ?? site.value.dir;
+
+        document.documentElement.lang = lang;
+        document.documentElement.dir = dir;
+      });
+
+      if (typeof window !== 'undefined' && !clickListenerAdded) {
+        clickListenerAdded = true;
+        window.addEventListener('click', (e) => {
+          const link = (e.target as HTMLElement)?.closest('a');
+
+          if (link && link.hostname) {
+            if (link.hostname !== window.location.hostname) {
+              track('Outbound Link', { url: link.hostname });
+            }
+          }
+        });
+      }
+    });
+  },
+};
diff --git a/apps/docs/.vitepress/theme/stores/playground.ts b/apps/docs/.vitepress/theme/stores/playground.ts
new file mode 100644
index 0000000..8c1a61e
--- /dev/null
+++ b/apps/docs/.vitepress/theme/stores/playground.ts
@@ -0,0 +1,168 @@
+import { defineStore } from 'pinia';
+import { computed, watch } from 'vue';
+import { useLocalStorage, watchDebounced } from '@vueuse/core';
+import { useIDBKeyval } from '@vueuse/integrations/useIDBKeyval';
+import type {
+  CustomStyleEntry,
+  PlaygroundStoreStyle,
+  PlaygroundStoreOptions,
+} from '@theme/types';
+import { useData } from 'vitepress';
+import {
+  clonePlain,
+  registerCustomStyle,
+  unregisterCustomStyle,
+  flushPendingCustomStyles,
+} from '@theme/utils/avatar/style';
+import { track, styleLabel } from '@theme/utils/track';
+
+export default defineStore('playground', () => {
+  const data = useData();
+
+  const availableAvatarStyles = Object.keys(data.theme.value.avatarStyles);
+
+  const avatarStyleName = useLocalStorage<PlaygroundStoreStyle>(
+    'dicebear-playground-style',
+    availableAvatarStyles[0],
+  );
+  const avatarStyleOptions = useLocalStorage<PlaygroundStoreOptions>(
+    'dicebear-playground-options',
+    {},
+  );
+  const seed = useLocalStorage<string>('dicebear-playground-seed', 'Felix');
+
+  const { data: customStyles, isFinished: customStylesReady } = useIDBKeyval<
+    Record<string, CustomStyleEntry>
+  >('dicebear-playground-custom-styles', {});
+
+  // useIDBKeyval returns reactive proxies; structuredClone inside Style throws on those.
+  watch(
+    customStylesReady,
+    (isReady) => {
+      if (!isReady) return;
+
+      const invalid: string[] = [];
+
+      for (const [key, entry] of Object.entries(customStyles.value)) {
+        try {
+          registerCustomStyle(key, clonePlain(entry.definition));
+        } catch {
+          invalid.push(key);
+        }
+      }
+
+      if (invalid.length > 0) {
+        customStyles.value = Object.fromEntries(
+          Object.entries(customStyles.value).filter(
+            ([key]) => !invalid.includes(key),
+          ),
+        );
+      }
+
+      flushPendingCustomStyles();
+    },
+    { immediate: true },
+  );
+
+  const isCustomStyle = computed(() =>
+    avatarStyleName.value.startsWith('custom:'),
+  );
+
+  function addCustomStyle(name: string, definition: object): string {
+    let key = `custom:${name}`;
+    let counter = 1;
+
+    while (key in customStyles.value) {
+      counter++;
+      key = `custom:${name} (${counter})`;
+    }
+
+    customStyles.value[key] = { name, definition };
+
+    return key;
+  }
+
+  function removeCustomStyle(key: string): void {
+    delete customStyles.value[key];
+    unregisterCustomStyle(key);
+
+    if (avatarStyleName.value === key) {
+      avatarStyleName.value = availableAvatarStyles[0];
+    }
+  }
+
+  const avatarStyleOptionsWithoutDefaults = computed(() => {
+    const result: PlaygroundStoreOptions = {};
+
+    for (const [key, value] of Object.entries(avatarStyleOptions.value)) {
+      if (value !== undefined) {
+        result[key] = value;
+      }
+    }
+
+    return result;
+  });
+
+  function resetOptions() {
+    for (const key of Object.keys(avatarStyleOptions.value)) {
+      delete avatarStyleOptions.value[key];
+    }
+
+    seed.value = 'Felix';
+  }
+
+  function resetOption(key: string) {
+    delete avatarStyleOptions.value[key];
+
+    track('Playground: Option Reset', {
+      style: styleLabel(avatarStyleName.value),
+      option: key,
+    });
+  }
+
+  function isOptionSet(key: string): boolean {
+    return key in avatarStyleOptions.value;
+  }
+
+  watch(avatarStyleName, resetOptions);
+
+  // Track which options users tune. Debounced so dragging a slider collapses
+  // into one event, and diffed per key so only newly changed keys are sent.
+  // Removed keys (reset / style switch clears options) are intentionally not
+  // reported here — those have their own events.
+  let optionSnapshot: Record<string, unknown> = clonePlain(
+    avatarStyleOptions.value,
+  );
+
+  watchDebounced(
+    avatarStyleOptions,
+    (val) => {
+      for (const key of Object.keys(val)) {
+        if (JSON.stringify(val[key]) !== JSON.stringify(optionSnapshot[key])) {
+          track('Playground: Option Changed', {
+            style: styleLabel(avatarStyleName.value),
+            option: key,
+          });
+        }
+      }
+
+      optionSnapshot = clonePlain(val);
+    },
+    { deep: true, debounce: 700 },
+  );
+
+  return {
+    availableAvatarStyles,
+    avatarStyleName,
+    avatarStyleOptions,
+    avatarStyleOptionsWithoutDefaults,
+    seed,
+    customStyles,
+    isCustomStyle,
+    addCustomStyle,
+    removeCustomStyle,
+    resetOptions,
+    resetOption,
+    isOptionSet,
+  };
+});
diff --git a/apps/docs/.vitepress/theme/styles/_animations.scss b/apps/docs/.vitepress/theme/styles/_animations.scss
new file mode 100644
index 0000000..62b3dda
--- /dev/null
+++ b/apps/docs/.vitepress/theme/styles/_animations.scss
@@ -0,0 +1,43 @@
+@keyframes reveal-up {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(24px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes shape-float {
+  0%, 100% {
+    transform: translate(0, 0) scale(1);
+  }
+  25% {
+    transform: translate(20px, -15px) scale(1.05);
+  }
+  50% {
+    transform: translate(-10px, 10px) scale(0.97);
+  }
+  75% {
+    transform: translate(15px, 5px) scale(1.03);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
+}
diff --git a/apps/docs/.vitepress/theme/styles/main.scss b/apps/docs/.vitepress/theme/styles/main.scss
new file mode 100644
index 0000000..0dd710a
--- /dev/null
+++ b/apps/docs/.vitepress/theme/styles/main.scss
@@ -0,0 +1,456 @@
+@use './vars.scss' as *;
+@use './animations';
+@use './ui-dialog.scss';
+
+:root {
+  --pg-border: var(--vp-c-divider);
+}
+
+.dark {
+  --pg-border: var(--vp-c-border);
+}
+
+/* ----------------------------------------------------------------
+ * Playground shared field layout (used across Component/Color/Transform)
+ * ---------------------------------------------------------------- */
+.pg-field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.pg-field-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--ui-c-text-muted);
+}
+
+.pg-field-value {
+  margin-left: auto;
+  font-weight: 600;
+}
+
+.pg-field-toggle {
+  padding: 0 6px !important;
+  min-width: 0 !important;
+  height: 24px !important;
+}
+
+.pg-field-reset:hover,
+.pg-field-reset:focus-visible {
+  color: var(--p-red-500) !important;
+}
+
+.pg-field-reset:not(.p-button-link):hover,
+.pg-field-reset:not(.p-button-link):focus-visible {
+  background: color-mix(in srgb, var(--p-red-500) 12%, transparent) !important;
+  border-color: transparent !important;
+}
+
+/* ----------------------------------------------------------------
+ * Global Motion & Interaction Tokens
+ * ---------------------------------------------------------------- */
+:root {
+  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
+  --duration-fast: 0.2s;
+  --duration-mid: 0.35s;
+  --duration-slow: 0.6s;
+  --duration-reveal: 0.8s;
+}
+
+/* ----------------------------------------------------------------
+ * Border Radius Tokens
+ * ---------------------------------------------------------------- */
+:root {
+  /* Chrome radius — tighter than the card radii below, for UI chrome
+     (sidebar pills, status badges, copy buttons). */
+  --vp-radius-chrome: 6px;
+  --vp-radius-xs: 8px;
+  --vp-radius-sm: 12px;
+  --vp-radius-md: 16px;
+  --vp-radius-lg: 20px;
+  --vp-radius-xl: 24px;
+}
+
+/* Smooth page-wide transition feel */
+::selection {
+  background: color-mix(in srgb, var(--vp-c-brand-1) 30%, transparent);
+}
+
+/* ----------------------------------------------------------------
+ * VitePress Overrides
+ * ---------------------------------------------------------------- */
+.vp-code-light {
+  display: none !important;
+}
+
+.vp-code-dark {
+  display: block !important;
+}
+
+.VPButton {
+  font-weight: 600 !important;
+  border-radius: var(--vp-radius-sm) !important;
+}
+
+.VPFeature {
+  border-radius: var(--vp-radius-md) !important;
+  transition:
+    transform var(--duration-mid) var(--ease-spring),
+    box-shadow var(--duration-mid) var(--ease-smooth) !important;
+
+  &:hover {
+    transform: translateY(-4px) !important;
+  }
+}
+
+.custom-block {
+  border-radius: var(--vp-radius-sm) !important;
+  /* Neutral hairline (matches UiWindow / cards / accordion) — used by `info`
+     and the LICENSE/attribution box, which have no coloured background. */
+  border: 1px solid var(--ui-window-border-color) !important;
+}
+
+/* Coloured callouts: tint the border from their own background hue (the same
+   colour at a higher opacity) rather than the neutral hairline. Hues are the
+   measured custom-block backgrounds; warning/amber + danger/rose are identical
+   in both themes, only `tip` (sky) differs. */
+.custom-block.tip {
+  border-color: rgba(2, 132, 199, 0.3) !important; /* sky 600 */
+}
+
+.custom-block.warning {
+  border-color: rgba(234, 179, 8, 0.4) !important; /* amber 500 */
+}
+
+.custom-block.danger {
+  border-color: rgba(244, 63, 94, 0.32) !important; /* rose 500 */
+}
+
+.dark .custom-block.tip {
+  border-color: rgba(56, 189, 248, 0.3) !important; /* sky 400 */
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.vp-doc h1,
+.vp-doc h2,
+.vp-doc h3,
+.vp-doc h4,
+.VPButton {
+  font-family: var(--vp-font-family-heading);
+}
+
+/* ----------------------------------------------------------------
+ * Display typography — bigger, tighter, balanced headings (keeps Inter).
+ * Targets rendered markdown (.vp-doc); display components (UiHeadline) tune
+ * themselves. Inter optical features add refinement without a font swap.
+ * ---------------------------------------------------------------- */
+:root {
+  font-optical-sizing: auto;
+  font-feature-settings: 'cv11', 'ss01';
+}
+
+.vp-doc h1 {
+  font-size: clamp(1.7rem, 1.4rem + 1.2vw, 2rem);
+  font-weight: 800;
+  letter-spacing: -0.035em;
+  line-height: 1.25;
+  text-wrap: balance;
+}
+
+.vp-doc h2 {
+  font-size: 1.4rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  line-height: 1.25;
+  text-wrap: balance;
+}
+
+.vp-doc h3 {
+  font-size: 1.15rem;
+  font-weight: 650;
+  letter-spacing: -0.018em;
+  text-wrap: balance;
+}
+
+.vp-doc h4 {
+  font-weight: 600;
+  letter-spacing: -0.01em;
+}
+
+.vp-doc p,
+.vp-doc li {
+  line-height: 1.7;
+}
+
+.vp-doc p {
+  text-wrap: pretty;
+}
+
+/* Hide default VitePress navbar extras (replaced by LayoutNavActions) */
+.VPNavBarAppearance,
+.VPNavBarSearch,
+.VPNavBarExtra {
+  display: none !important;
+}
+
+/* The logo config carries the intrinsic width/height (183x32) so the
+ * browser can reserve the aspect ratio before the SVG loads. VitePress
+ * only constrains the height, so the width attribute would otherwise act
+ * as a presentational hint and fix the width at 183px. */
+.VPNavBarTitle .logo {
+  width: auto;
+}
+
+.VPLink:not(.no-icon),
+.VPButton:not(.no-icon),
+.vp-doc th a:not(.no-icon) {
+  $styles: (
+    'big-ears-neutral',
+    'adventurer',
+    'adventurer-neutral',
+    'avataaars',
+    'avataaars-neutral',
+    'big-ears',
+    'big-smile',
+    'bottts',
+    'bottts-neutral',
+    'croodles',
+    'croodles-neutral',
+    'disco',
+    'dylan',
+    'fun-emoji',
+    'glass',
+    'glyphs',
+    'icons',
+    'identicon',
+    'initial-face',
+    'initials',
+    'lorelei',
+    'lorelei-neutral',
+    'micah',
+    'miniavs',
+    'notionists',
+    'notionists-neutral',
+    'open-peeps',
+    'personas',
+    'pixel-art',
+    'pixel-art-neutral',
+    'rings',
+    'shape-grid',
+    'shapes',
+    'stripes',
+    'thumbs',
+    'toon-head',
+    'triangles'
+  );
+
+  @each $style in $styles {
+    &[href='/styles/#{$style}/']:not(.next, .prev) {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: '';
+        display: inline-block;
+        vertical-align: middle;
+        width: 1.5em;
+        height: 1.5em;
+        background-color: var(--vp-c-bg-soft);
+        border-radius: 4px;
+        margin-right: 0.5em;
+        background-image: url('https://api.dicebear.com/10.x/#{$style}/svg?seed=JD');
+      }
+    }
+  }
+}
+
+.VPDocAsideOutline.has-outline ~ .layout-aside-sponsors {
+  margin-top: 32px;
+}
+
+.layout-aside-sponsors-ad {
+  display: block;
+  font-size: 11px;
+  color: var(--vp-c-text-3);
+  text-align: center;
+}
+
+.VPDoc .aside-container {
+  position: sticky !important;
+  top: calc(
+    var(--vp-nav-height) + var(--vp-layout-top-height, 0px) +
+      var(--vp-doc-top-height, 0px) + 48px
+  );
+  padding-top: 0 !important;
+  height: auto !important;
+  max-height: calc(
+    100vh - var(--vp-nav-height) - var(--vp-layout-top-height, 0px) - var(
+        --vp-doc-top-height,
+        0px
+      ) -
+      48px
+  );
+}
+
+.VPDoc .aside-content {
+  min-height: 0 !important;
+}
+
+/* Suppress VitePress external link icon on custom component links */
+.no-external-icon::after {
+  display: none !important;
+}
+
+/* Override .vp-doc img { margin: 16px 0 } for UiAvatar instances */
+.vp-doc .ui-avatar img {
+  margin: 0;
+}
+
+img[src^='https://api.dicebear.com/']:not(.next, .prev) {
+  background: repeating-conic-gradient(
+      var(--avatar-background-color-1) 0% 25%,
+      var(--avatar-background-color-2) 0% 50%
+    )
+    50% / 12px 12px;
+}
+
+/* ----------------------------------------------------------------
+ * PrimeVue Accordion overflow fix
+ *
+ * PrimeVue's `.p-accordioncontent` uses `display: grid` with the
+ * default `grid-template-columns: auto`, which sizes the column to
+ * the intrinsic width of its content. Wide children (SelectButtons,
+ * Sliders, etc.) therefore expand the grid track past its container,
+ * producing horizontal overflow on narrow viewports. Constraining the
+ * column track to `minmax(0, 1fr)` lets the wrapper shrink to fit.
+ * ---------------------------------------------------------------- */
+.p-accordioncontent {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+/* ----------------------------------------------------------------
+ * Component-scoped PrimeVue token overrides
+ *
+ * PrimeVue components read tokens via the global cascade, so setting
+ * them on an ancestor selector is enough — no :deep() needed.
+ * ---------------------------------------------------------------- */
+.style-usage {
+  --p-tabs-tabpanel-padding: 20px;
+  --p-tabs-tab-padding: 1rem 20px;
+}
+
+.style-options-card-badges {
+  --p-tag-padding: 4px 12px;
+  --p-tag-font-size: 13px;
+  --p-tag-gap: 6px;
+  line-height: 1;
+}
+
+/* ----------------------------------------------------------------
+ * Sidebar — grouped, collapsible category labels with a
+ * clear active state: brand left-bar + soft tinted pill. VitePress's default
+ * active styling is faint (transparent indicator, muted text), so set the
+ * indicator colour + tint + active text explicitly. Group collapsing is
+ * enabled via `collapsed` in config/sidebarDocs.ts.
+ * ---------------------------------------------------------------- */
+.VPSidebarItem.is-active > .item > .indicator {
+  width: 3px;
+  border-radius: 0 2px 2px 0;
+  background-color: var(--vp-c-brand-1);
+}
+
+.VPSidebarItem.is-link.is-active > .item {
+  background: var(--vp-c-brand-soft);
+  border-radius: var(--vp-radius-chrome);
+  /* widen the tint without shifting the label (net-zero inline box) */
+  margin-inline: -8px;
+  padding-inline: 8px;
+}
+
+.VPSidebarItem.is-link.is-active > .item .text {
+  color: var(--vp-c-brand-1);
+  font-weight: 600;
+}
+
+.VPSidebarItem.is-link:not(.is-active) > .item .link:hover .text {
+  color: var(--vp-c-text-1);
+}
+
+/* Status badges embedded in sidebar item text (rendered via v-html) */
+.vp-sidebar-badge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 1px 6px;
+  border-radius: var(--vp-radius-chrome);
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1.5;
+  letter-spacing: 0.02em;
+  vertical-align: middle;
+}
+
+.vp-sidebar-badge.is-new {
+  color: var(--vp-c-brand-1);
+  background: var(--vp-c-brand-soft);
+}
+
+.vp-sidebar-badge.is-updated {
+  color: #92750a;
+  background: rgba(234, 179, 8, 0.16);
+}
+
+.dark .vp-sidebar-badge.is-updated {
+  color: #facc15;
+}
+
+.vp-sidebar-badge.is-deprecated {
+  color: var(--ui-c-text-subtle);
+  background: var(--vp-c-bg-soft);
+}
+
+/* In-content badges (markdown `<Badge>`): tighten to the chrome radius */
+.VPBadge {
+  border-radius: var(--vp-radius-chrome);
+  font-weight: 600;
+}
+
+/* Right-hand outline ("On this page") — quieter title, tighter rhythm */
+.VPDocAsideOutline .outline-title {
+  color: var(--ui-c-text-subtle);
+}
+
+.VPDocAsideOutline .outline-link {
+  line-height: 28px;
+}
+
+/* ----------------------------------------------------------------
+ * Subtle dotted-grid backdrop, theme-aware, with a soft
+ * radial fade so it never competes with content. Place as an absolutely
+ * positioned layer behind a section's content.
+ * ---------------------------------------------------------------- */
+.ui-bg-grid {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-image: radial-gradient(var(--vp-c-divider) 1px, transparent 1px);
+  background-size: 22px 22px;
+  -webkit-mask-image: radial-gradient(
+    ellipse 70% 60% at 50% 35%,
+    #000 35%,
+    transparent 100%
+  );
+  mask-image: radial-gradient(
+    ellipse 70% 60% at 50% 35%,
+    #000 35%,
+    transparent 100%
+  );
+}
diff --git a/apps/docs/.vitepress/theme/styles/ui-dialog.scss b/apps/docs/.vitepress/theme/styles/ui-dialog.scss
new file mode 100644
index 0000000..fdebe5f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/styles/ui-dialog.scss
@@ -0,0 +1,51 @@
+/* Shared styles for UiDialog content (teleported by PrimeVue Dialog) */
+
+/* Collapse the empty PrimeVue header when no `header` prop is provided —
+   keep the close button visible via absolute positioning. */
+.ui-dialog.ui-dialog--headerless {
+  .p-dialog-header {
+    padding: 0;
+    min-height: 0;
+    height: 0;
+    overflow: visible;
+    position: relative;
+  }
+
+  .p-dialog-title {
+    display: none;
+  }
+
+  .p-dialog-close-button {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    z-index: 1;
+  }
+}
+
+.dialog-preview {
+  display: flex;
+  justify-content: center;
+  padding: 40px 24px 24px;
+}
+
+.dialog-text {
+  padding: 0 1.5rem 1.5rem;
+}
+
+.dialog-title {
+  text-align: center;
+  white-space: normal;
+  padding: 0 1.5rem;
+  margin-bottom: 4px;
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.dialog-subtitle {
+  text-align: center;
+  padding: 0 1.5rem;
+  margin-bottom: 1rem;
+  font-size: 14px;
+  color: var(--ui-c-text-muted);
+}
diff --git a/apps/docs/.vitepress/theme/styles/vars.scss b/apps/docs/.vitepress/theme/styles/vars.scss
new file mode 100644
index 0000000..279ce67
--- /dev/null
+++ b/apps/docs/.vitepress/theme/styles/vars.scss
@@ -0,0 +1,120 @@
+:root {
+  /**
+   * Brand accent ramp. NOTE: the `--vp-c-indigo-*` names are legacy — they now
+   * hold the official DiceBear brand blue (Tailwind `sky`; #0284C7 = sky-600).
+   * Split into three steps so the visible brand hue stays #0284C7 while text
+   * keeps AA contrast: brand-1 = a darker/brighter step for legible links/text,
+   * brand-2 = the literal brand blue used for fills, brand-3 = decorative.
+   * Pink (below) stays the secondary accent.
+   */
+  --vp-c-indigo-1: #0369a1; /* sky-700 — text/link accent, AA 5.68:1 on #fafaf9 */
+  --vp-c-indigo-2: #0284c7; /* sky-600 — official brand blue (fills/hover) */
+  --vp-c-indigo-3: #38bdf8; /* sky-400 — decorative (glows/gradients) */
+  --vp-c-indigo-soft: rgba(2, 132, 199, 0.14);
+
+  --vp-c-pink-1: #db2777;
+  --vp-c-pink-2: #ec4899;
+  --vp-c-pink-3: #f472b6;
+  --vp-c-pink-soft: rgba(236, 72, 153, 0.14);
+}
+
+.dark {
+  --vp-c-indigo-1: #38bdf8; /* sky-400 — AAA 8.10:1 on #1a1a1e */
+  --vp-c-indigo-2: #0ea5e9; /* sky-500 */
+  --vp-c-indigo-3: #0284c7; /* sky-600 */
+  --vp-c-indigo-soft: rgba(56, 189, 248, 0.16);
+
+  --vp-c-pink-1: #f472b6;
+  --vp-c-pink-2: #ec4899;
+  --vp-c-pink-3: #db2777;
+  --vp-c-pink-soft: rgba(244, 114, 182, 0.16);
+}
+
+/**
+ * Background colors
+ *
+ * VitePress's default theme leaves --vp-c-bg-elv and --vp-c-bg-soft equal in
+ * dark mode, which makes nested surfaces (e.g. UiWindow > UiCode, tabs)
+ * disappear. Override with distinct values so elevated and soft surfaces
+ * provide visible contrast.
+ */
+:root {
+  --vp-c-bg: #fafaf9;
+  --vp-c-bg-alt: #f5f5f4;
+  --vp-c-bg-elv: #ffffff;
+  --vp-c-bg-soft: #f5f5f4;
+}
+
+.dark {
+  --vp-c-bg: #1a1a1e;
+  --vp-c-bg-alt: #111115;
+  --vp-c-bg-elv: #2c2c32;
+  --vp-c-bg-soft: #242429;
+}
+
+:root {
+  --vp-c-brand-1: var(--vp-c-indigo-1);
+  --vp-c-brand-2: var(--vp-c-indigo-2);
+  --vp-c-brand-3: var(--vp-c-indigo-3);
+  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+
+  --vp-font-family-base:
+    'Inter Variable', 'Inter', ui-sans-serif, system-ui, -apple-system,
+    'Segoe UI', Roboto, sans-serif;
+  --vp-font-family-heading: var(--vp-font-family-base);
+}
+
+/**
+ * App-wide muted foreground tokens.
+ *
+ * Intentionally detached from VitePress's --vp-c-text-2/3 so that stock theme
+ * surfaces (TOC, footer, tip boxes) keep their default contrast ramp, while
+ * opt-in elements (nav icons, Playground labels, code-block copy) can use a
+ * pair of per-mode-matched greys at a chosen brightness.
+ *
+ * Hue follows VitePress's warm-neutral text tone (R=G with B ~4% lower, as in
+ * --vp-c-text-1 #dfdfd6) — luminance is preserved (Rec.601), only the former
+ * cold cyan cast (R<G<B) is removed.
+ */
+:root {
+  --ui-c-text-muted: #646460;
+  --ui-c-text-subtle: #8f8f89;
+}
+
+.dark {
+  --ui-c-text-muted: #c8c8c0;
+  --ui-c-text-subtle: #a3a39c;
+}
+
+/**
+ * Monochrome brand-logo color.
+ *
+ * Some third-party logos may, per their brand guidelines, only appear in solid
+ * black or white — not a tinted grey (GitHub: "white, black, or in few cases
+ * grey"; Figma ships a black/white logo; Angular's black/white are its default
+ * variations). Render them pure black in light mode, pure white in dark mode.
+ */
+:root {
+  --logo-monochrome: #000;
+}
+
+.dark {
+  --logo-monochrome: #fff;
+}
+
+/**
+ * Shared framed-box surface + border — used by every framed box (UiWindow
+ * demo/preview frames, UiCard, and the styled LICENSE/attribution block) so
+ * they render an identical fill and hairline in both themes.
+ *  • bg     → PrimeVue's content surface `--p-content-background` (light #fff,
+ *             dark #242429 = --vp-c-bg-soft) so every box matches the tab &
+ *             accordion panels. (Darker than the old elevated #2c2c32 in dark.)
+ *  • border → PrimeVue's content/accordion border (`--p-content-border-color`,
+ *             light #e2e2e3, dark #3c3f44) so every box matches the Playground
+ *             accordions exactly. (VitePress's own `--vp-c-border` reads too
+ *             heavy in light mode; the accordion border is the lighter target.)
+ */
+:root {
+  --ui-window-bg: var(--p-content-background);
+  --ui-window-border-color: var(--p-content-border-color);
+}
diff --git a/apps/docs/.vitepress/theme/types.ts b/apps/docs/.vitepress/theme/types.ts
new file mode 100644
index 0000000..f38e89d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/types.ts
@@ -0,0 +1,51 @@
+import type { DefaultTheme } from 'vitepress';
+
+export type AvatarStyleMeta = {
+  title?: string;
+  creator?: string;
+  homepage?: string;
+  source?: string;
+  license?: {
+    name?: string;
+    url?: string;
+    text?: string;
+  };
+};
+
+export type AvatarStyle = {
+  definitionUrl?: string;
+  meta: AvatarStyleMeta;
+};
+
+export type AvatarStyles = Record<string, AvatarStyle>;
+
+export type AvatarUniqueCount = {
+  display: string;
+  log10: number;
+};
+
+export type AvatarStyleSize = {
+  raw: number;
+  gzip: number;
+};
+
+export type AvatarStyleSizeBundle = {
+  core: AvatarStyleSize;
+  converter: AvatarStyleSize;
+  styles: Record<string, AvatarStyleSize>;
+};
+
+export type ThemeOptions = {
+  avatarStyles: AvatarStyles;
+  avatarUniqueCounts: Record<string, AvatarUniqueCount>;
+  avatarStyleSizes: AvatarStyleSizeBundle;
+  githubStars: Record<string, string>;
+} & DefaultTheme.Config;
+
+export type CustomStyleEntry = {
+  name: string;
+  definition: object;
+};
+
+export type PlaygroundStoreStyle = string;
+export type PlaygroundStoreOptions = Record<string, any>;
diff --git a/apps/docs/.vitepress/theme/utils/avatar/api.ts b/apps/docs/.vitepress/theme/utils/avatar/api.ts
new file mode 100644
index 0000000..b687ae1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/api.ts
@@ -0,0 +1,121 @@
+import { kebabCase } from 'change-case';
+import { escapeShellArg } from '../escape';
+
+export const unsupportedHttpApiOptions = new Set([
+  'idRandomization',
+  'fontFamily',
+  'fontWeight',
+  'title',
+]);
+
+type ApiOptionValue =
+  | { kind: 'array'; values: unknown[] }
+  | { kind: 'primitive'; value: string | number | boolean }
+  | { kind: 'object'; entries: [string, unknown][] }
+  | { kind: 'string'; value: string };
+
+function classifyOptionValue(value: unknown): ApiOptionValue {
+  if (Array.isArray(value)) {
+    return { kind: 'array', values: value };
+  }
+
+  if (
+    typeof value === 'string' ||
+    typeof value === 'number' ||
+    typeof value === 'boolean'
+  ) {
+    return { kind: 'primitive', value };
+  }
+
+  if (typeof value === 'object' && value !== null) {
+    return { kind: 'object', entries: Object.entries(value) };
+  }
+
+  return { kind: 'string', value: String(value) };
+}
+
+export function getAvatarApiUrl(
+  avatarStyle: string,
+  options: Record<string, unknown> = {},
+  format: string = 'svg',
+): string {
+  const qs = Object.entries(options)
+    .filter(([k, v]) => v !== undefined && !unsupportedHttpApiOptions.has(k))
+    .map(([k, v]) => {
+      const classified = classifyOptionValue(v);
+      switch (classified.kind) {
+        case 'array':
+          return `${encodeURIComponent(k)}=${classified.values
+            .map((c) => encodeURIComponent(String(c)))
+            .join(',')}`;
+        case 'primitive':
+          return `${encodeURIComponent(k)}=${encodeURIComponent(classified.value)}`;
+        case 'object': {
+          const pairs = classified.entries
+            .map(
+              ([vk, vv]) =>
+                `${encodeURIComponent(vk)}:${encodeURIComponent(String(vv))}`,
+            )
+            .join(',');
+
+          return `${encodeURIComponent(k)}=${pairs}`;
+        }
+
+        case 'string':
+          return `${encodeURIComponent(k)}=${encodeURIComponent(classified.value)}`;
+      }
+    })
+    .join('&');
+
+  return `https://api.dicebear.com/10.x/${kebabCase(avatarStyle)}/${format}${
+    qs ? `?${qs}` : ''
+  }`;
+}
+
+function shellQuote(value: string): string {
+  return `'${escapeShellArg(value)}'`;
+}
+
+// Numbers and booleans contain no shell-special characters, so they
+// stay unquoted both as single values and inside arrays. Strings get
+// quoted defensively in case they contain spaces, semicolons, etc.
+function formatCliArg(value: unknown): string {
+  if (typeof value === 'number' || typeof value === 'boolean') {
+    return String(value);
+  }
+
+  return shellQuote(String(value));
+}
+
+export function getAvatarApiCommand(
+  avatarStyle: string,
+  options: Record<string, unknown> = {},
+): string {
+  const args = Object.entries(options)
+    .map(([k, v]) => {
+      const classified = classifyOptionValue(v);
+      switch (classified.kind) {
+        case 'array':
+          return `  --${k} ${classified.values
+            .map(formatCliArg)
+            .join(' ')}`.trimEnd();
+        case 'primitive':
+          return `  --${k} ${formatCliArg(classified.value)}`;
+        case 'object': {
+          const pairs = classified.entries
+            .map(([vk, vv]) => shellQuote(`${vk}:${vv}`))
+            .join(' ');
+
+          return `  --${k} ${pairs}`;
+        }
+
+        case 'string':
+          return `  --${k} ${formatCliArg(classified.value)}`;
+      }
+    })
+    .join(' \\\n');
+
+  return `dicebear ${avatarStyle} .${
+    args.length > 0 ? ` \\\n${args}` : ''
+  }`.trim();
+}
diff --git a/apps/docs/.vitepress/theme/utils/avatar/colors.ts b/apps/docs/.vitepress/theme/utils/avatar/colors.ts
new file mode 100644
index 0000000..f58829f
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/colors.ts
@@ -0,0 +1,42 @@
+import type { Style } from '@dicebear/core';
+
+export function stripHash(hex: string): string {
+  return hex.replace(/^#/, '');
+}
+
+export function getStyleColorsMap(style: Style): Record<string, string[]> {
+  const result: Record<string, string[]> = {};
+
+  for (const [name, color] of style.colors()) {
+    result[name] = color.values().map(stripHash);
+  }
+
+  return result;
+}
+
+export const fallbackColors = [
+  'ff8aab',
+  'ffbe47',
+  '5bc971',
+  '4da6ff',
+  'a67df5',
+] as const;
+
+export function padColors(values: readonly string[], min = 4): string[] {
+  if (values.length >= min) return [...values];
+
+  const pool = fallbackColors.filter((c) => !values.includes(c));
+
+  return [...values, ...pool.slice(0, min - values.length)];
+}
+
+export function resolveColors(
+  colorName: string,
+  styleColors?: Readonly<Record<string, readonly string[]>>,
+): readonly string[] {
+  const values = styleColors?.[colorName];
+
+  if (values && values.length > 0) return values;
+
+  return fallbackColors;
+}
diff --git a/apps/docs/.vitepress/theme/utils/avatar/combinationCount.ts b/apps/docs/.vitepress/theme/utils/avatar/combinationCount.ts
new file mode 100644
index 0000000..3b20dc4
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/combinationCount.ts
@@ -0,0 +1,581 @@
+import type { StyleDefinition } from '@dicebear/core';
+import type { AvatarUniqueCount } from '@theme/types';
+
+// Locally-mirrored granular pieces of @dicebear/core's `StyleDefinition` —
+// the core only re-exports the root type, but we need to address the nested
+// pieces directly.
+type Components = NonNullable<StyleDefinition['components']>;
+type Component = Components[string];
+type ComponentBase = Extract<Component, { variants: unknown }>;
+type ComponentAlias = Extract<Component, { extends: string }>;
+type Variant = ComponentBase['variants'][string];
+type Range = NonNullable<ComponentBase['rotate']>;
+type ColorGroup = NonNullable<StyleDefinition['colors']>[string];
+
+export function isAlias(
+  component: Component | undefined,
+): component is ComponentAlias {
+  return (
+    component !== undefined &&
+    'extends' in component &&
+    typeof component.extends === 'string'
+  );
+}
+
+function isComponentRef(
+  node: unknown,
+): node is { type: 'component'; name: string } {
+  return (
+    typeof node === 'object' &&
+    node !== null &&
+    (node as { type?: unknown }).type === 'component' &&
+    typeof (node as { name?: unknown }).name === 'string'
+  );
+}
+
+function isVariableRef(
+  node: unknown,
+): node is { type: 'variable'; name: string } {
+  return (
+    typeof node === 'object' &&
+    node !== null &&
+    (node as { type?: unknown }).type === 'variable' &&
+    typeof (node as { name?: unknown }).name === 'string'
+  );
+}
+
+function walkElements(node: unknown, visit: (node: object) => void): void {
+  if (node === null || typeof node !== 'object') {
+    return;
+  }
+
+  visit(node);
+
+  if (Array.isArray(node)) {
+    for (const item of node) {
+      walkElements(item, visit);
+    }
+
+    return;
+  }
+
+  for (const value of Object.values(node as Record<string, unknown>)) {
+    walkElements(value, visit);
+  }
+}
+
+function collectComponentRefs(node: unknown): Set<string> {
+  const out = new Set<string>();
+
+  walkElements(node, (n) => {
+    if (isComponentRef(n)) {
+      out.add(n.name);
+    }
+  });
+
+  return out;
+}
+
+type InitialsUsage = { initial: boolean; initials: boolean };
+
+function collectInitialsUsage(node: unknown, usage: InitialsUsage): void {
+  walkElements(node, (n) => {
+    if (!isVariableRef(n)) {
+      return;
+    }
+
+    if (n.name === 'initial') {
+      usage.initial = true;
+    } else if (n.name === 'initials') {
+      usage.initials = true;
+    }
+  });
+}
+
+export function resolveBase(
+  definition: StyleDefinition,
+  componentName: string,
+): { name: string; component: ComponentBase } | undefined {
+  const seen = new Set<string>();
+  let current = componentName;
+
+  while (!seen.has(current)) {
+    seen.add(current);
+
+    const component = definition.components?.[current];
+
+    if (component === undefined) {
+      return undefined;
+    }
+
+    if (isAlias(component)) {
+      current = component.extends;
+
+      continue;
+    }
+
+    return { name: current, component };
+  }
+
+  return undefined;
+}
+
+// Mirrors Prng.weightedPick fallback (src/js/core/src/Prng.ts:56-60):
+// when every variant has weight 0 the renderer falls back to an unweighted
+// pick across all variants, so weight-0 variants only become unreachable
+// when at least one positively-weighted sibling exists.
+function effectiveVariants(base: ComponentBase): Variant[] {
+  const variants = Object.values(base.variants ?? {});
+  const allZero =
+    variants.length > 0 && variants.every((v) => (v.weight ?? 1) === 0);
+
+  return allZero ? variants : variants.filter((v) => (v.weight ?? 1) > 0);
+}
+
+// Counts the distinct outputs produced by Prng.float on the definition's
+// rotate/scale/translate ranges. Prng.float rounds to 4 decimals
+// (src/js/core/src/Prng.ts:89-98), so a continuous `{ min, max }` range
+// yields round((max-min)*10000)+1 reachable values; a stepped range
+// yields floor((max-min)/step)+1; `min === max` yields 1.
+function transformMultiplier(base: ComponentBase): bigint {
+  const ranges: ReadonlyArray<Range | undefined> = [
+    base.rotate,
+    base.scale,
+    base.translate?.x,
+    base.translate?.y,
+  ];
+
+  let mult = 1n;
+
+  for (const range of ranges) {
+    if (!range) {
+      continue;
+    }
+
+    const min = Math.min(range.min, range.max);
+    const max = Math.max(range.min, range.max);
+
+    if (min === max) {
+      continue;
+    }
+
+    const slots =
+      range.step !== undefined && range.step > 0
+        ? Math.floor((max - min) / range.step) + 1
+        : Math.round((max - min) * 10000) + 1;
+
+    mult *= BigInt(slots);
+  }
+
+  return mult;
+}
+
+/**
+ * Computes the number of distinct renderings produced when a `<use>` of
+ * `name` is rendered. Mirrors {@link Resolver.variant},
+ * {@link Resolver.componentTransform}, and the probability short-circuit
+ * in `Resolver.#isVisible`.
+ *
+ * Exact for tree-shaped reachability (one parent per component). The two
+ * shipped definitions with shared descendants (lorelei: `mouth` reachable
+ * through `head` and `beard`; micah: `mouth` reachable through canvas and
+ * `facialHair`) are overcounted by a factor of `outcomes(shared)` per
+ * extra parent. Acceptable trade-off — the alternative is a full
+ * variant-tuple enumeration that scales as 7^49 for circles.
+ */
+function outcomes(
+  definition: StyleDefinition,
+  name: string,
+  visited: Set<string>,
+): bigint {
+  if (visited.has(name)) {
+    return 1n;
+  }
+
+  const base = resolveBase(definition, name);
+
+  if (!base) {
+    return 1n;
+  }
+
+  visited.add(name);
+
+  let variantSum = 0n;
+
+  for (const variant of effectiveVariants(base.component)) {
+    let product = 1n;
+
+    for (const ref of collectComponentRefs(variant.elements)) {
+      product *= outcomes(definition, ref, visited);
+    }
+
+    variantSum += product;
+  }
+
+  visited.delete(name);
+
+  const rendered = variantSum * transformMultiplier(base.component);
+  const p = base.component.probability ?? 100;
+
+  if (p <= 0) {
+    return 1n;
+  }
+
+  if (p >= 100) {
+    return rendered;
+  }
+
+  return rendered + 1n;
+}
+
+function componentCount(definition: StyleDefinition): bigint {
+  let total = 1n;
+
+  for (const ref of collectComponentRefs(definition.canvas?.elements)) {
+    total *= outcomes(definition, ref, new Set());
+  }
+
+  return total;
+}
+
+function normalizeHex(input: string): string {
+  let raw = input.trim();
+
+  if (raw.startsWith('#')) {
+    raw = raw.slice(1);
+  }
+
+  if (raw.length === 3) {
+    raw = raw
+      .split('')
+      .map((c) => c + c)
+      .join('');
+  }
+
+  if (raw.length === 8) {
+    raw = raw.slice(0, 6);
+  }
+
+  return '#' + raw.toLowerCase();
+}
+
+function linearizeChannel(channel: number): number {
+  const s = channel / 255;
+
+  if (s <= 0.04045) {
+    return s / 12.92;
+  }
+
+  return ((s + 0.055) / 1.055) ** 2.4;
+}
+
+function luminance(hex: string): number {
+  const value = parseInt(hex.slice(1), 16);
+  const r = (value >> 16) & 0xff;
+  const g = (value >> 8) & 0xff;
+  const b = value & 0xff;
+
+  return (
+    0.2126 * linearizeChannel(r) +
+    0.7152 * linearizeChannel(g) +
+    0.0722 * linearizeChannel(b)
+  );
+}
+
+function sortByContrast(candidates: readonly string[], ref: string): string[] {
+  const refLum = luminance(ref);
+
+  return Array.from(candidates)
+    .map((c) => {
+      const lum = luminance(c);
+      const ratio =
+        (Math.max(lum, refLum) + 0.05) / (Math.min(lum, refLum) + 0.05);
+
+      return { color: c, ratio };
+    })
+    .sort((a, b) => b.ratio - a.ratio)
+    .map((e) => e.color);
+}
+
+function topoSortColorGroups(
+  groups: Record<string, ColorGroup>,
+): string[] | undefined {
+  const names = Object.keys(groups);
+  const incoming = new Map<string, Set<string>>();
+
+  for (const name of names) {
+    incoming.set(name, new Set());
+  }
+
+  for (const [name, group] of Object.entries(groups)) {
+    const deps = new Set<string>();
+
+    for (const ref of group.notEqualTo ?? []) {
+      if (groups[ref]) {
+        deps.add(ref);
+      }
+    }
+
+    if (group.contrastTo && groups[group.contrastTo]) {
+      deps.add(group.contrastTo);
+    }
+
+    incoming.set(name, deps);
+  }
+
+  const order: string[] = [];
+  const ready = names.filter((n) => incoming.get(n)!.size === 0);
+
+  while (ready.length > 0) {
+    const name = ready.shift()!;
+
+    order.push(name);
+
+    for (const other of names) {
+      const deps = incoming.get(other)!;
+
+      if (deps.delete(name) && deps.size === 0 && !order.includes(other)) {
+        ready.push(other);
+      }
+    }
+  }
+
+  if (order.length !== names.length) {
+    return undefined;
+  }
+
+  return order;
+}
+
+function jointColorCount(definition: StyleDefinition): bigint {
+  const groups = definition.colors;
+
+  if (!groups || Object.keys(groups).length === 0) {
+    return 1n;
+  }
+
+  const order = topoSortColorGroups(groups);
+
+  if (!order) {
+    return 1n;
+  }
+
+  // Per-position flag: does any later group consume this group's pick
+  // (via `notEqualTo` or `contrastTo`)? If not, the recursion below
+  // produces the same count for every candidate — we can multiply
+  // instead of enumerating. This collapses an N₁ × N₂ × … × Nₖ
+  // cartesian product into k group-walks for constraint-free styles
+  // (e.g. pixel-art's 5.3M leaves → 8).
+  const consumedByLater = new Array<boolean>(order.length).fill(false);
+
+  for (let j = 0; j < order.length; j++) {
+    const laterSpec = groups[order[j]];
+
+    if (laterSpec.contrastTo) {
+      const refIdx = order.indexOf(laterSpec.contrastTo);
+
+      if (refIdx >= 0 && refIdx < j) {
+        consumedByLater[refIdx] = true;
+      }
+    }
+
+    for (const ref of laterSpec.notEqualTo ?? []) {
+      const refIdx = order.indexOf(ref);
+
+      if (refIdx >= 0 && refIdx < j) {
+        consumedByLater[refIdx] = true;
+      }
+    }
+  }
+
+  const picks = new Map<string, string>();
+
+  function enumerate(idx: number): bigint {
+    if (idx === order!.length) {
+      return 1n;
+    }
+
+    const name = order![idx];
+    const spec = groups![name];
+    const raw = (spec.values ?? []).map(normalizeHex);
+
+    if (raw.length === 0) {
+      return enumerate(idx + 1);
+    }
+
+    let candidates: string[];
+    const contrastRef = spec.contrastTo
+      ? picks.get(spec.contrastTo)
+      : undefined;
+
+    if (contrastRef) {
+      candidates = sortByContrast(raw, contrastRef).slice(0, 1);
+    } else {
+      const excluded = new Set<string>();
+
+      for (const ref of spec.notEqualTo ?? []) {
+        const picked = picks.get(ref);
+
+        if (picked !== undefined) {
+          excluded.add(picked);
+        }
+      }
+
+      const filtered = raw.filter((c) => !excluded.has(c));
+
+      candidates = filtered.length > 0 ? filtered : raw;
+    }
+
+    if (!consumedByLater[idx]) {
+      return BigInt(candidates.length) * enumerate(idx + 1);
+    }
+
+    let total = 0n;
+
+    for (const hex of candidates) {
+      picks.set(name, hex);
+      total += enumerate(idx + 1);
+    }
+
+    picks.delete(name);
+
+    return total;
+  }
+
+  return enumerate(0);
+}
+
+function initialsUsage(definition: StyleDefinition): InitialsUsage {
+  const usage: InitialsUsage = { initial: false, initials: false };
+
+  collectInitialsUsage(definition.canvas?.elements, usage);
+
+  for (const component of Object.values(definition.components ?? {})) {
+    if (isAlias(component)) {
+      continue;
+    }
+
+    for (const variant of Object.values(component.variants ?? {})) {
+      collectInitialsUsage(variant.elements, usage);
+    }
+  }
+
+  return usage;
+}
+
+// Counts distinct uppercased characters reachable through `\p{L}` — the
+// character class Initials.fromSeed (src/js/core/src/Utils/Initials.ts:21)
+// uses to match base letters. Computed once at module load; reflects the
+// host runtime's Unicode tables (~140k codepoints, ~200 ms).
+const LETTER_CARDINALITY: number = (() => {
+  const upper = new Set<string>();
+  const letter = /\p{L}/u;
+
+  for (let cp = 0; cp <= 0x10ffff; cp++) {
+    const c = String.fromCodePoint(cp);
+
+    if (letter.test(c)) {
+      upper.add(c.toUpperCase());
+    }
+  }
+
+  return upper.size;
+})();
+
+// Distinct text outcomes the renderer can emit when a definition references
+// the `initial` and/or `initials` variables. `initials` returns 0, 1, or 2
+// uppercased letters (Initials.fromSeed); `initial` is its first UTF-16 unit
+// (Renderer.ts:519-522), so it adds no extra distinct outputs when the
+// definition also uses `initials`. Combining marks (`\p{M}*`) are ignored —
+// they extend the symbol space without changing the leading-letter cardinality
+// the seed actually drives.
+function initialsTextCardinality(usage: InitialsUsage): bigint {
+  const n = BigInt(LETTER_CARDINALITY);
+
+  if (usage.initials) {
+    return n * n + n + 1n;
+  }
+
+  if (usage.initial) {
+    return n + 1n;
+  }
+
+  return 1n;
+}
+
+// Below this many digits the number is shown as comma-grouped digits;
+// above it we switch to scientific notation with 3 significant figures,
+// since 30+ digit groupings are unreadable in the docs table.
+const SCIENTIFIC_THRESHOLD_DIGITS = 16;
+
+const SUPERSCRIPT_DIGITS: Record<string, string> = {
+  '0': '⁰',
+  '1': '¹',
+  '2': '²',
+  '3': '³',
+  '4': '⁴',
+  '5': '⁵',
+  '6': '⁶',
+  '7': '⁷',
+  '8': '⁸',
+  '9': '⁹',
+};
+
+function toSuperscript(n: number): string {
+  return String(n)
+    .split('')
+    .map((c) => SUPERSCRIPT_DIGITS[c] ?? c)
+    .join('');
+}
+
+function formatCount(count: bigint): string {
+  const digits = count.toString().length;
+
+  if (digits <= SCIENTIFIC_THRESHOLD_DIGITS) {
+    return count.toLocaleString('en-US');
+  }
+
+  // Round to 3 significant figures using BigInt arithmetic so we never lose
+  // precision converting through Number.
+  const exp = digits - 1;
+  const divisor = 10n ** BigInt(exp - 2);
+  let rounded = (count + divisor / 2n) / divisor;
+  let realExp = exp;
+
+  if (rounded.toString().length === 4) {
+    // Rounding overflowed (e.g. 9.99 → 10.00); shift the exponent.
+    rounded = rounded / 10n;
+    realExp = exp + 1;
+  }
+
+  const mantissaDigits = rounded.toString();
+  const mantissa = `${mantissaDigits[0]}.${mantissaDigits.slice(1)}`;
+
+  return `≈ ${mantissa} × 10${toSuperscript(realExp)}`;
+}
+
+// BigInts aren't JSON-serializable, so we ship a `Math.log10`-style magnitude
+// alongside the display string. Doubles handle exponents up to ~308, well
+// above any count we produce. Leading-digit precision is bounded by the 15
+// digits taken into `head` — plenty for sort comparisons.
+function bigintLog10(n: bigint): number {
+  const s = n.toString();
+
+  if (s.length === 0 || s === '0') {
+    return 0;
+  }
+
+  const headLength = Math.min(s.length, 15);
+  const head = Number(s.slice(0, headLength));
+
+  return s.length - headLength + Math.log10(head);
+}
+
+export function computeCount(definition: StyleDefinition): AvatarUniqueCount {
+  const count =
+    componentCount(definition) *
+    jointColorCount(definition) *
+    initialsTextCardinality(initialsUsage(definition));
+
+  return { display: formatCount(count), log10: bigintLog10(count) };
+}
diff --git a/apps/docs/.vitepress/theme/utils/avatar/fonts.ts b/apps/docs/.vitepress/theme/utils/avatar/fonts.ts
new file mode 100644
index 0000000..97b44a1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/fonts.ts
@@ -0,0 +1,23 @@
+export const webSafeFonts = [
+  'system-ui',
+  'Arial',
+  'Verdana',
+  'Tahoma',
+  'Trebuchet MS',
+  'Times New Roman',
+  'Georgia',
+  'Garamond',
+  'Courier New',
+] as const;
+
+export const fontWeights = [
+  { label: '100 — Thin', value: 100 },
+  { label: '200 — Extra Light', value: 200 },
+  { label: '300 — Light', value: 300 },
+  { label: '400 — Normal', value: 400 },
+  { label: '500 — Medium', value: 500 },
+  { label: '600 — Semi Bold', value: 600 },
+  { label: '700 — Bold', value: 700 },
+  { label: '800 — Extra Bold', value: 800 },
+  { label: '900 — Black', value: 900 },
+] as const;
diff --git a/apps/docs/.vitepress/theme/utils/avatar/narrowDefinition.ts b/apps/docs/.vitepress/theme/utils/avatar/narrowDefinition.ts
new file mode 100644
index 0000000..4b0ccb7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/narrowDefinition.ts
@@ -0,0 +1,182 @@
+import type { StyleDefinition } from '@dicebear/core';
+import { isAlias, resolveBase } from './combinationCount';
+
+type MutableDefinition = StyleDefinition & {
+  components?: Record<string, any>;
+  colors?: Record<string, any>;
+};
+
+/**
+ * Produces a deep clone of `definition` with the user's playground option
+ * choices applied — restricting variant lists, probability, and color
+ * palettes so that `computeCount` reflects the narrowed space.
+ *
+ * Only options whose key appears in `options` (i.e. that the user actually
+ * set) are applied. Canvas-level transforms (flip, rotate, scale,
+ * borderRadius, translateX/Y) and presentation options (fontFamily, *Fill,
+ * *FillStops, *Angle, seed, size, …) do not change the cardinality and are
+ * therefore ignored here, matching what `combinationCount` already counts.
+ */
+export function narrowDefinition(
+  definition: StyleDefinition,
+  options: Record<string, unknown>,
+): StyleDefinition {
+  const next = structuredClone(definition) as MutableDefinition;
+  const entries = Object.entries(options).filter(([, v]) => v !== undefined);
+
+  // Probability first, then variants — so an empty-variant override can
+  // unconditionally pin probability = 0 (component always invisible)
+  // without being clobbered by a separately-set probability.
+  for (const [key, value] of entries) {
+    if (key.endsWith('Probability')) {
+      applyProbability(next, key.slice(0, -'Probability'.length), value);
+    }
+  }
+
+  for (const [key, value] of entries) {
+    if (key.endsWith('Variant')) {
+      applyVariantNarrowing(next, key.slice(0, -'Variant'.length), value);
+    } else if (key.endsWith('Color')) {
+      applyColorPalette(next, key.slice(0, -'Color'.length), value);
+    }
+  }
+
+  return next;
+}
+
+function applyVariantNarrowing(
+  definition: MutableDefinition,
+  componentName: string,
+  value: unknown,
+): void {
+  const base = resolveBase(definition, componentName);
+
+  if (!base || !base.component.variants) {
+    return;
+  }
+
+  const baseComponent = definition.components?.[base.name];
+
+  if (!baseComponent || isAlias(baseComponent)) {
+    return;
+  }
+
+  let active: Map<string, number> | undefined;
+
+  if (Array.isArray(value)) {
+    active = new Map();
+
+    for (const entry of value) {
+      if (typeof entry !== 'string') continue;
+
+      // Strip optional weight prefix like "2:variantName" (Prng.weightedPick syntax).
+      const colon = entry.indexOf(':');
+      const name = colon >= 0 ? entry.slice(colon + 1) : entry;
+      const weight = colon >= 0 ? Number(entry.slice(0, colon)) : 1;
+
+      if (name in (base.component.variants ?? {})) {
+        active.set(name, Number.isFinite(weight) ? Math.max(weight, 0) : 1);
+      }
+    }
+  } else if (value && typeof value === 'object') {
+    active = new Map();
+
+    for (const [name, weight] of Object.entries(
+      value as Record<string, unknown>,
+    )) {
+      if (name in (base.component.variants ?? {})) {
+        const w = typeof weight === 'number' ? weight : 1;
+        active.set(name, Math.max(w, 0));
+      }
+    }
+  }
+
+  if (!active) {
+    return;
+  }
+
+  // Empty selection: renderer's weightedPick returns undefined for `[]`
+  // (Prng.ts:57-59), so the component renders nothing — exactly one outcome.
+  // Force probability = 0 so `outcomes()` collapses to 1n regardless of any
+  // user-set probability.
+  if (active.size === 0) {
+    baseComponent.probability = 0;
+    return;
+  }
+
+  const narrowed: Record<string, any> = {};
+
+  for (const [name, weight] of active) {
+    const original = base.component.variants![name];
+    narrowed[name] = { ...original, weight };
+  }
+
+  baseComponent.variants = narrowed;
+}
+
+function applyProbability(
+  definition: MutableDefinition,
+  componentName: string,
+  value: unknown,
+): void {
+  const base = resolveBase(definition, componentName);
+
+  if (!base) {
+    return;
+  }
+
+  const baseComponent = definition.components?.[base.name];
+
+  if (!baseComponent || isAlias(baseComponent)) {
+    return;
+  }
+
+  let probability: number | undefined;
+
+  if (typeof value === 'number') {
+    probability = value;
+  } else if (Array.isArray(value) && value.length === 2) {
+    const [a, b] = value;
+
+    if (typeof a === 'number' && typeof b === 'number') {
+      // For counting purposes only the "can be invisible" bit matters:
+      // if both endpoints hit the same extreme, honor it; otherwise the
+      // range straddles non-100 so the +1-invisible branch applies.
+      if (a === 100 && b === 100) probability = 100;
+      else if (a === 0 && b === 0) probability = 0;
+      else probability = 99;
+    }
+  }
+
+  if (probability === undefined) {
+    return;
+  }
+
+  baseComponent.probability = Math.max(0, Math.min(100, probability));
+}
+
+function applyColorPalette(
+  definition: MutableDefinition,
+  colorName: string,
+  value: unknown,
+): void {
+  const group = definition.colors?.[colorName];
+
+  if (!group) {
+    return;
+  }
+
+  let values: string[] | undefined;
+
+  if (Array.isArray(value)) {
+    values = value.filter((v): v is string => typeof v === 'string');
+  } else if (typeof value === 'string') {
+    values = [value];
+  }
+
+  if (!values || values.length === 0) {
+    return;
+  }
+
+  group.values = values;
+}
diff --git a/apps/docs/.vitepress/theme/utils/avatar/preview.ts b/apps/docs/.vitepress/theme/utils/avatar/preview.ts
new file mode 100644
index 0000000..a326ef1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/preview.ts
@@ -0,0 +1,37 @@
+/**
+ * Build preview options for general (non-component) avatar properties —
+ * seed, backgroundType, backgroundRotation, and generic values.
+ * Component-specific options (Variant, Color, Probability) are rendered
+ * through ComponentPreview.
+ */
+export function getAvatarPropertyPreviewOptions(
+  propertyName: string,
+  propertyValue: unknown,
+): Record<string, unknown> {
+  if (propertyName === 'seed') {
+    return {
+      [propertyName]: propertyValue,
+    };
+  }
+
+  if (propertyName === 'backgroundType') {
+    return {
+      backgroundColor: ['0ea5e9', 'ec4899'],
+      [propertyName]: [propertyValue],
+    };
+  }
+
+  if (propertyName === 'backgroundRotation') {
+    return {
+      backgroundColor: ['3f3f46', 'd4d4d8'],
+      backgroundType: ['gradientLinear'],
+      [propertyName]: [propertyValue],
+    };
+  }
+
+  return {
+    seed: 'JD',
+    [propertyName]:
+      typeof propertyValue === 'string' ? [propertyValue] : propertyValue,
+  };
+}
diff --git a/apps/docs/.vitepress/theme/utils/avatar/style.ts b/apps/docs/.vitepress/theme/utils/avatar/style.ts
new file mode 100644
index 0000000..f339183
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/avatar/style.ts
@@ -0,0 +1,208 @@
+import { Style, type StyleDefinition } from '@dicebear/core';
+import { kebabCase } from 'change-case';
+
+export function clonePlain<T>(obj: T): T {
+  return JSON.parse(JSON.stringify(obj));
+}
+
+const definitionImports: Record<string, () => Promise<{ default: unknown }>> = {
+  adventurer: () => import('@dicebear/styles/adventurer.json'),
+  'adventurer-neutral': () =>
+    import('@dicebear/styles/adventurer-neutral.json'),
+  avataaars: () => import('@dicebear/styles/avataaars.json'),
+  'avataaars-neutral': () => import('@dicebear/styles/avataaars-neutral.json'),
+  'big-ears': () => import('@dicebear/styles/big-ears.json'),
+  'big-ears-neutral': () => import('@dicebear/styles/big-ears-neutral.json'),
+  'big-smile': () => import('@dicebear/styles/big-smile.json'),
+  bottts: () => import('@dicebear/styles/bottts.json'),
+  'bottts-neutral': () => import('@dicebear/styles/bottts-neutral.json'),
+  croodles: () => import('@dicebear/styles/croodles.json'),
+  'croodles-neutral': () => import('@dicebear/styles/croodles-neutral.json'),
+  disco: () => import('@dicebear/styles/disco.json'),
+  dylan: () => import('@dicebear/styles/dylan.json'),
+  'fun-emoji': () => import('@dicebear/styles/fun-emoji.json'),
+  glass: () => import('@dicebear/styles/glass.json'),
+  glyphs: () => import('@dicebear/styles/glyphs.json'),
+  icons: () => import('@dicebear/styles/icons.json'),
+  identicon: () => import('@dicebear/styles/identicon.json'),
+  'initial-face': () => import('@dicebear/styles/initial-face.json'),
+  initials: () => import('@dicebear/styles/initials.json'),
+  lorelei: () => import('@dicebear/styles/lorelei.json'),
+  'lorelei-neutral': () => import('@dicebear/styles/lorelei-neutral.json'),
+  micah: () => import('@dicebear/styles/micah.json'),
+  miniavs: () => import('@dicebear/styles/miniavs.json'),
+  notionists: () => import('@dicebear/styles/notionists.json'),
+  'notionists-neutral': () =>
+    import('@dicebear/styles/notionists-neutral.json'),
+  'open-peeps': () => import('@dicebear/styles/open-peeps.json'),
+  personas: () => import('@dicebear/styles/personas.json'),
+  'pixel-art': () => import('@dicebear/styles/pixel-art.json'),
+  'pixel-art-neutral': () => import('@dicebear/styles/pixel-art-neutral.json'),
+  rings: () => import('@dicebear/styles/rings.json'),
+  'shape-grid': () => import('@dicebear/styles/shape-grid.json'),
+  shapes: () => import('@dicebear/styles/shapes.json'),
+  stripes: () => import('@dicebear/styles/stripes.json'),
+  thumbs: () => import('@dicebear/styles/thumbs.json'),
+  'toon-head': () => import('@dicebear/styles/toon-head.json'),
+  triangles: () => import('@dicebear/styles/triangles.json'),
+};
+
+const styleCache = new Map<string, Style>();
+const definitionRawCache = new Map<string, object>();
+const variableResultCache = new Map<string, Map<string, boolean>>();
+const pendingCustomStyles = new Map<string, PromiseWithResolvers<Style>>();
+let customStylesFlushed = false;
+
+export function registerCustomStyle(key: string, definition: object): Style {
+  const style = new Style(definition);
+
+  styleCache.set(key, style);
+  definitionRawCache.set(key, definition);
+  variableResultCache.delete(key);
+
+  const pending = pendingCustomStyles.get(key);
+
+  if (pending) {
+    pending.resolve(style);
+    pendingCustomStyles.delete(key);
+  }
+
+  return style;
+}
+
+export function flushPendingCustomStyles(): void {
+  for (const [key, { reject }] of pendingCustomStyles) {
+    reject(new Error(`Custom style "${key}" not found in storage.`));
+  }
+
+  pendingCustomStyles.clear();
+  customStylesFlushed = true;
+}
+
+export function unregisterCustomStyle(key: string): void {
+  styleCache.delete(key);
+  definitionRawCache.delete(key);
+  variableResultCache.delete(key);
+}
+
+/**
+ * Returns the cached raw definition for a previously-loaded style, or
+ * loads and caches it on demand. Used where the runtime needs the
+ * `StyleDefinition` shape directly — e.g. to compute combination counts
+ * over a narrowed copy.
+ */
+export async function loadAvatarStyleDefinition(
+  avatarStyle: string,
+): Promise<StyleDefinition> {
+  await loadAvatarStyle(avatarStyle);
+
+  const name = kebabCase(avatarStyle);
+  const key = definitionRawCache.has(name) ? name : avatarStyle;
+  const raw = definitionRawCache.get(key);
+
+  if (!raw) {
+    throw new Error(`Definition for "${avatarStyle}" not available.`);
+  }
+
+  return raw as StyleDefinition;
+}
+
+export async function loadAvatarStyle(avatarStyle: string): Promise<Style> {
+  const cached = styleCache.get(avatarStyle);
+
+  if (cached) {
+    return cached;
+  }
+
+  const name = kebabCase(avatarStyle);
+  const cachedByName = styleCache.get(name);
+
+  if (cachedByName) {
+    return cachedByName;
+  }
+
+  if (avatarStyle.startsWith('custom:')) {
+    if (customStylesFlushed) {
+      throw new Error(`Custom style "${avatarStyle}" not found.`);
+    }
+
+    const existing = pendingCustomStyles.get(avatarStyle);
+
+    if (existing) {
+      return existing.promise;
+    }
+
+    const deferred = Promise.withResolvers<Style>();
+
+    pendingCustomStyles.set(avatarStyle, deferred);
+
+    return deferred.promise;
+  }
+
+  const loader = definitionImports[name];
+
+  if (!loader) {
+    throw new Error(`Avatar style "${avatarStyle}" not found.`);
+  }
+
+  const def = await loader();
+  const raw = def.default as object;
+
+  definitionRawCache.set(name, raw);
+
+  const style = new Style(raw);
+
+  styleCache.set(name, style);
+
+  return style;
+}
+
+function scanForVariable(obj: unknown, variableName: string): boolean {
+  if (typeof obj !== 'object' || obj === null) {
+    return false;
+  }
+
+  const record = obj as Record<string, unknown>;
+
+  if (record.type === 'variable' && record.value === variableName) {
+    return true;
+  }
+
+  for (const val of Object.values(record)) {
+    if (scanForVariable(val, variableName)) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+export function styleUsesVariable(
+  avatarStyle: string,
+  variableName: string,
+): boolean {
+  const name = kebabCase(avatarStyle);
+  const key = definitionRawCache.has(name) ? name : avatarStyle;
+  const raw = definitionRawCache.get(key);
+
+  if (!raw) {
+    return false;
+  }
+
+  let perStyle = variableResultCache.get(key);
+
+  if (!perStyle) {
+    perStyle = new Map();
+    variableResultCache.set(key, perStyle);
+  }
+
+  if (perStyle.has(variableName)) {
+    return perStyle.get(variableName)!;
+  }
+
+  const result = scanForVariable(raw, variableName);
+
+  perStyle.set(variableName, result);
+
+  return result;
+}
diff --git a/apps/docs/.vitepress/theme/utils/code-examples.ts b/apps/docs/.vitepress/theme/utils/code-examples.ts
new file mode 100644
index 0000000..b139a93
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/code-examples.ts
@@ -0,0 +1,206 @@
+import { getAvatarApiUrl, getAvatarApiCommand } from './avatar/api';
+
+export interface CodeExamples {
+  httpApi: string;
+  js: string;
+  php: string;
+  python: string;
+  rust: string;
+  go: string;
+  dart: string;
+  cli: string;
+}
+
+export function formatPhpValue(value: unknown, depth = 0): string {
+  const indent = '    '.repeat(depth);
+  const outerIndent = depth > 0 ? '    '.repeat(depth - 1) : '';
+
+  if (value === null || value === undefined) return 'null';
+  if (typeof value === 'boolean') return value ? 'true' : 'false';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'string')
+    return `'${value.replace(/\\/g, '\\\\').replace(/'/g, "\\'")}'`;
+
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]';
+
+    if (depth === 0) {
+      return `[${value.map((v) => formatPhpValue(v)).join(', ')}]`;
+    }
+
+    const items = value.map((v) => `${indent}${formatPhpValue(v, depth + 1)}`);
+
+    return `[\n${items.join(',\n')}\n${outerIndent}]`;
+  }
+
+  if (typeof value === 'object') {
+    const entries = Object.entries(value as Record<string, unknown>);
+    if (entries.length === 0) return '[]';
+
+    if (depth === 0) {
+      return `[${entries.map(([k, v]) => `'${k.replace(/'/g, "\\'")}' => ${formatPhpValue(v)}`).join(', ')}]`;
+    }
+
+    const items = entries.map(
+      ([k, v]) =>
+        `${indent}'${k.replace(/'/g, "\\'")}' => ${formatPhpValue(v, depth + 1)}`,
+    );
+
+    return `[\n${items.join(',\n')}\n${outerIndent}]`;
+  }
+
+  return String(value);
+}
+
+export function formatPythonValue(value: unknown, depth = 0): string {
+  const indent = '    '.repeat(depth);
+  const outerIndent = depth > 0 ? '    '.repeat(depth - 1) : '';
+
+  if (value === null || value === undefined) return 'None';
+  if (typeof value === 'boolean') return value ? 'True' : 'False';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'string')
+    return `"${value.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"`;
+
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]';
+
+    if (depth === 0) {
+      return `[${value.map((v) => formatPythonValue(v)).join(', ')}]`;
+    }
+
+    const items = value.map(
+      (v) => `${indent}${formatPythonValue(v, depth + 1)}`,
+    );
+
+    return `[\n${items.join(',\n')}\n${outerIndent}]`;
+  }
+
+  if (typeof value === 'object') {
+    const entries = Object.entries(value as Record<string, unknown>);
+    if (entries.length === 0) return '{}';
+
+    if (depth === 0) {
+      return `{${entries.map(([k, v]) => `"${k.replace(/"/g, '\\"')}": ${formatPythonValue(v)}`).join(', ')}}`;
+    }
+
+    const items = entries.map(
+      ([k, v]) =>
+        `${indent}"${k.replace(/"/g, '\\"')}": ${formatPythonValue(v, depth + 1)}`,
+    );
+
+    return `{\n${items.join(',\n')}\n${outerIndent}}`;
+  }
+
+  return String(value);
+}
+
+export function formatGoValue(value: unknown, depth = 0): string {
+  const indent = '\t'.repeat(depth);
+  const outerIndent = depth > 0 ? '\t'.repeat(depth - 1) : '';
+
+  if (value === null || value === undefined) return 'nil';
+  if (typeof value === 'boolean') return value ? 'true' : 'false';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'string')
+    return `"${value.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"`;
+
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]any{}';
+
+    if (depth === 0) {
+      return `[]any{${value.map((v) => formatGoValue(v)).join(', ')}}`;
+    }
+
+    const items = value.map((v) => `${indent}${formatGoValue(v, depth + 1)}`);
+
+    // Go requires a trailing comma when the closing brace is on its own line.
+    return `[]any{\n${items.join(',\n')},\n${outerIndent}}`;
+  }
+
+  if (typeof value === 'object') {
+    const entries = Object.entries(value as Record<string, unknown>);
+    if (entries.length === 0) return 'map[string]any{}';
+
+    if (depth === 0) {
+      return `map[string]any{${entries.map(([k, v]) => `"${k.replace(/"/g, '\\"')}": ${formatGoValue(v)}`).join(', ')}}`;
+    }
+
+    const items = entries.map(
+      ([k, v]) =>
+        `${indent}"${k.replace(/"/g, '\\"')}": ${formatGoValue(v, depth + 1)}`,
+    );
+
+    // Go requires a trailing comma when the closing brace is on its own line.
+    return `map[string]any{\n${items.join(',\n')},\n${outerIndent}}`;
+  }
+
+  return String(value);
+}
+
+export function formatDartValue(value: unknown, depth = 0): string {
+  const indent = '  '.repeat(depth);
+  const outerIndent = depth > 0 ? '  '.repeat(depth - 1) : '';
+
+  if (value === null || value === undefined) return 'null';
+  if (typeof value === 'boolean') return value ? 'true' : 'false';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'string')
+    return `'${value.replace(/\\/g, '\\\\').replace(/'/g, "\\'").replace(/\$/g, '\\$')}'`;
+
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]';
+
+    if (depth === 0) {
+      return `[${value.map((v) => formatDartValue(v)).join(', ')}]`;
+    }
+
+    const items = value.map((v) => `${indent}${formatDartValue(v, depth + 1)}`);
+
+    // dart format keeps a trailing comma when the closing bracket is on its
+    // own line.
+    return `[\n${items.join(',\n')},\n${outerIndent}]`;
+  }
+
+  if (typeof value === 'object') {
+    const entries = Object.entries(value as Record<string, unknown>);
+    if (entries.length === 0) return '{}';
+
+    if (depth === 0) {
+      return `{${entries.map(([k, v]) => `'${k.replace(/'/g, "\\'")}': ${formatDartValue(v)}`).join(', ')}}`;
+    }
+
+    const items = entries.map(
+      ([k, v]) =>
+        `${indent}'${k.replace(/'/g, "\\'")}': ${formatDartValue(v, depth + 1)}`,
+    );
+
+    return `{\n${items.join(',\n')},\n${outerIndent}}`;
+  }
+
+  return String(value);
+}
+
+export function generateCodeExamples(
+  styleName: string,
+  optionName: string,
+  value: unknown,
+): CodeExamples {
+  const httpApi = getAvatarApiUrl(styleName, { [optionName]: value });
+
+  const js = `new Avatar(style, {\n  ${optionName}: ${JSON.stringify(value)}\n});`;
+
+  const php = `new Avatar($style, [\n  '${optionName}' => ${formatPhpValue(value)}\n]);`;
+
+  const python = `Avatar(style, {\n    "${optionName}": ${formatPythonValue(value)}\n})`;
+
+  const rust = `Avatar::new(&style, json!({\n    "${optionName}": ${JSON.stringify(value)}\n}))?;`;
+
+  const go = `dicebear.NewAvatar(style, map[string]any{\n\t"${optionName}": ${formatGoValue(value)},\n})`;
+
+  const dart = `Avatar(style, {\n  '${optionName}': ${formatDartValue(value)},\n});`;
+
+  const cli = getAvatarApiCommand(styleName, { [optionName]: value });
+
+  return { httpApi, js, php, python, rust, go, dart, cli };
+}
diff --git a/apps/docs/.vitepress/theme/utils/colorSpaces.ts b/apps/docs/.vitepress/theme/utils/colorSpaces.ts
new file mode 100644
index 0000000..c3eca00
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/colorSpaces.ts
@@ -0,0 +1,130 @@
+import { Color } from '@dicebear/core';
+
+export type Rgb = { r: number; g: number; b: number };
+export type Hsl = { h: number; s: number; l: number };
+export type Hsv = { h: number; s: number; v: number };
+
+export function clamp(value: number, min: number, max: number): number {
+  if (value < min) return min;
+  if (value > max) return max;
+  return value;
+}
+
+export function hexToRgb(hex: string): Rgb {
+  const [r, g, b] = Color.parseHex(hex);
+  return { r, g, b };
+}
+
+export function rgbToHex({ r, g, b }: Rgb): string {
+  const toHex = (n: number) =>
+    clamp(Math.round(n), 0, 255).toString(16).padStart(2, '0');
+
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+
+export function rgbToHsv({ r, g, b }: Rgb): Hsv {
+  const max = Math.max(r, g, b) / 255;
+  const min = Math.min(r, g, b) / 255;
+  const h = max === min ? 0 : hueFromRgb({ r, g, b }, max, min);
+  const s = max === 0 ? 0 : ((max - min) / max) * 100;
+  const v = max * 100;
+
+  return { h, s, v };
+}
+
+export function hsvToRgb({ h, s, v }: Hsv): Rgb {
+  const sn = s / 100;
+  const vn = v / 100;
+  const c = vn * sn;
+  const hp = (((h % 360) + 360) % 360) / 60;
+  const x = c * (1 - Math.abs((hp % 2) - 1));
+  const m = vn - c;
+
+  const [r, g, b] = hueSegment(hp, c, x);
+
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255),
+  };
+}
+
+export function rgbToHsl({ r, g, b }: Rgb): Hsl {
+  const max = Math.max(r, g, b) / 255;
+  const min = Math.min(r, g, b) / 255;
+  const l = (max + min) / 2;
+  const h = max === min ? 0 : hueFromRgb({ r, g, b }, max, min);
+  const s =
+    max === min
+      ? 0
+      : l > 0.5
+        ? (max - min) / (2 - max - min)
+        : (max - min) / (max + min);
+
+  return { h, s: s * 100, l: l * 100 };
+}
+
+export function hslToRgb({ h, s, l }: Hsl): Rgb {
+  const sn = s / 100;
+  const ln = l / 100;
+  const c = (1 - Math.abs(2 * ln - 1)) * sn;
+  const hp = (((h % 360) + 360) % 360) / 60;
+  const x = c * (1 - Math.abs((hp % 2) - 1));
+  const m = ln - c / 2;
+
+  const [r, g, b] = hueSegment(hp, c, x);
+
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255),
+  };
+}
+
+function hueSegment(
+  hp: number,
+  c: number,
+  x: number,
+): [number, number, number] {
+  if (hp < 1) return [c, x, 0];
+  if (hp < 2) return [x, c, 0];
+  if (hp < 3) return [0, c, x];
+  if (hp < 4) return [0, x, c];
+  if (hp < 5) return [x, 0, c];
+  return [c, 0, x];
+}
+
+export function hsvToHex(hsv: Hsv): string {
+  return rgbToHex(hsvToRgb(hsv));
+}
+
+// At S=0 (achromatic), hue is undefined. Preserve the caller's previous hue so
+// the canvas crosshair doesn't snap to red when the user picks a grey.
+export function rgbToHsvPreservingHue(rgb: Rgb, fallback: Hsv): Hsv {
+  const max = Math.max(rgb.r, rgb.g, rgb.b) / 255;
+  const min = Math.min(rgb.r, rgb.g, rgb.b) / 255;
+  const v = max * 100;
+  const s = max === 0 ? 0 : ((max - min) / max) * 100;
+  const h = max === min ? fallback.h : hueFromRgb(rgb, max, min);
+
+  return { h, s, v };
+}
+
+function hueFromRgb(rgb: Rgb, max: number, min: number): number {
+  const rn = rgb.r / 255;
+  const gn = rgb.g / 255;
+  const bn = rgb.b / 255;
+  const delta = max - min;
+
+  let h: number;
+  if (max === rn) h = ((gn - bn) / delta) % 6;
+  else if (max === gn) h = (bn - rn) / delta + 2;
+  else h = (rn - gn) / delta + 4;
+  h *= 60;
+  if (h < 0) h += 360;
+  return h;
+}
+
+export function isValidHex(value: string): boolean {
+  return /^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(value.trim());
+}
diff --git a/apps/docs/.vitepress/theme/utils/componentPreview.ts b/apps/docs/.vitepress/theme/utils/componentPreview.ts
new file mode 100644
index 0000000..2250407
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/componentPreview.ts
@@ -0,0 +1,100 @@
+import { Style, Avatar, type StyleDefinition } from '@dicebear/core';
+
+export class ComponentPreview {
+  #style: Style;
+  #definition: StyleDefinition;
+  #syntheticStyleCache = new Map<string, Style>();
+  #dataUriCache = new Map<string, string>();
+
+  constructor(style: Style) {
+    this.#style = style;
+    this.#definition = style.definition();
+  }
+
+  firstVariant(componentName: string): string | undefined {
+    const component = this.#style.components().get(componentName);
+
+    if (!component) return undefined;
+
+    return component.variants().keys().next().value;
+  }
+
+  toSvg(
+    componentName: string,
+    variantName: string,
+    options?: Record<string, unknown>,
+  ): string {
+    const def = this.#definition;
+    const component = this.#style.components().get(componentName);
+
+    if (!component) return '';
+
+    // Cache the Style per component to avoid repeated validation + cloning
+    let syntheticStyle = this.#syntheticStyleCache.get(componentName);
+
+    if (!syntheticStyle) {
+      // Strip scale/translate/rotate so the component renders centered
+      // on its own preview canvas instead of being offset for the full
+      // avatar canvas it was authored for.
+      const sourceName = component.sourceName();
+      const sanitizedComponents = { ...def.components };
+      const target = sanitizedComponents[sourceName];
+
+      if (target && !('extends' in target)) {
+        sanitizedComponents[sourceName] = {
+          width: target.width,
+          height: target.height,
+          probability: target.probability,
+          variants: target.variants,
+        };
+      }
+
+      syntheticStyle = new Style({
+        canvas: {
+          width: component.width(),
+          height: component.height(),
+          elements: [{ type: 'component' as const, name: componentName }],
+        },
+        attributes: def.attributes,
+        components: sanitizedComponents,
+        colors: def.colors,
+      });
+      this.#syntheticStyleCache.set(componentName, syntheticStyle);
+    }
+
+    // Pass a fixed seed so variables that depend on it (e.g. `initial` /
+    // `initials` text content in the initials style) resolve, otherwise
+    // text-driven colors render onto an empty <text> and stay invisible.
+    const previewOptions: Record<string, unknown> = {
+      seed: 'JD',
+      backgroundColor: [],
+      [`${componentName}Probability`]: 100,
+    };
+
+    Object.assign(previewOptions, options);
+    previewOptions[`${componentName}Variant`] = variantName;
+
+    return new Avatar(syntheticStyle, previewOptions).toString();
+  }
+
+  toDataUri(
+    componentName: string,
+    variantName: string,
+    options?: Record<string, unknown>,
+  ): string {
+    if (!options) {
+      const key = `${componentName}|${variantName}`;
+      const cached = this.#dataUriCache.get(key);
+
+      if (cached !== undefined) return cached;
+
+      const uri = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(this.toSvg(componentName, variantName))}`;
+
+      this.#dataUriCache.set(key, uri);
+
+      return uri;
+    }
+
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(this.toSvg(componentName, variantName, options))}`;
+  }
+}
diff --git a/apps/docs/.vitepress/theme/utils/definitionElement.ts b/apps/docs/.vitepress/theme/utils/definitionElement.ts
new file mode 100644
index 0000000..f811ff7
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/definitionElement.ts
@@ -0,0 +1,7 @@
+export interface DefinitionElement {
+  type(): string;
+  name(): string | undefined;
+  value(): unknown;
+  attributes(): Record<string, unknown> | undefined;
+  children(): readonly DefinitionElement[];
+}
diff --git a/apps/docs/.vitepress/theme/utils/download.ts b/apps/docs/.vitepress/theme/utils/download.ts
new file mode 100644
index 0000000..7f95d8d
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/download.ts
@@ -0,0 +1,10 @@
+export function triggerDownload(blob: Blob, filename: string): void {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+
+  link.href = url;
+  link.download = filename;
+  link.click();
+  link.remove();
+  URL.revokeObjectURL(url);
+}
diff --git a/apps/docs/.vitepress/theme/utils/escape.ts b/apps/docs/.vitepress/theme/utils/escape.ts
new file mode 100644
index 0000000..074cb81
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/escape.ts
@@ -0,0 +1,20 @@
+export function escapeHtml(str: string): string {
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;');
+}
+
+export function escapeJsString(str: string): string {
+  return str
+    .replace(/\\/g, '\\\\')
+    .replace(/'/g, "\\'")
+    .replace(/\n/g, '\\n')
+    .replace(/\r/g, '\\r');
+}
+
+export function escapeShellArg(str: string): string {
+  return str.replace(/'/g, "'\\''");
+}
diff --git a/apps/docs/.vitepress/theme/utils/format.ts b/apps/docs/.vitepress/theme/utils/format.ts
new file mode 100644
index 0000000..0e88dbb
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/format.ts
@@ -0,0 +1,47 @@
+export interface NumberParts {
+  value: string;
+  unit: string;
+}
+
+export function formatNumberParts(value: number): NumberParts {
+  if (value >= 1e12) return { value: (value / 1e12).toFixed(1), unit: 'T' };
+  if (value >= 1e9) return { value: (value / 1e9).toFixed(1), unit: 'B' };
+  if (value >= 1e6) return { value: (value / 1e6).toFixed(0), unit: 'M' };
+  if (value >= 1e3) return { value: (value / 1e3).toFixed(0), unit: 'K' };
+
+  return { value: value.toLocaleString('en'), unit: '' };
+}
+
+export function formatNumber(value: number): string {
+  const { value: v, unit } = formatNumberParts(value);
+
+  return `${v}${unit}`;
+}
+
+export function formatBytesParts(bytes: number): NumberParts {
+  if (bytes >= 1e12) return { value: (bytes / 1e12).toFixed(1), unit: 'TB' };
+  if (bytes >= 1e9) return { value: (bytes / 1e9).toFixed(0), unit: 'GB' };
+  if (bytes >= 1e6) return { value: (bytes / 1e6).toFixed(0), unit: 'MB' };
+
+  return { value: String(bytes), unit: '' };
+}
+
+export function formatBytes(bytes: number): string {
+  const { value, unit } = formatBytesParts(bytes);
+
+  return `${value}${unit}`;
+}
+
+export function formatLicenseName(name: string | undefined): string {
+  return name?.replace(/\.$/, '') ?? '';
+}
+
+export function formatStars(count: number): string {
+  if (count >= 1000) {
+    const k = Math.floor((count / 1000) * 10) / 10;
+
+    return `${k}k+`;
+  }
+
+  return `${count}+`;
+}
diff --git a/apps/docs/.vitepress/theme/utils/globeLandPoints.ts b/apps/docs/.vitepress/theme/utils/globeLandPoints.ts
new file mode 100644
index 0000000..1d4a569
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/globeLandPoints.ts
@@ -0,0 +1,91 @@
+export function pointInPolygon(
+  x: number,
+  y: number,
+  ring: number[][],
+): boolean {
+  let inside = false;
+  for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {
+    const xi = ring[i][0],
+      yi = ring[i][1];
+    const xj = ring[j][0],
+      yj = ring[j][1];
+    if (yi > y !== yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi) {
+      inside = !inside;
+    }
+  }
+  return inside;
+}
+
+export function buildLandPoints(geoJson: any): [number, number][] {
+  const points: [number, number][] = [];
+  if (!geoJson) return points;
+
+  for (const feature of geoJson.features) {
+    const polygons =
+      feature.geometry.type === 'MultiPolygon'
+        ? feature.geometry.coordinates
+        : [feature.geometry.coordinates];
+    for (const poly of polygons) {
+      const ring = poly[0]; // outer ring
+      if (!ring || ring.length < 3) continue;
+      // Compute bounding box
+      let minLng = Infinity,
+        maxLng = -Infinity,
+        minLat = Infinity,
+        maxLat = -Infinity;
+      for (const [lng, lat] of ring) {
+        if (lng < minLng) minLng = lng;
+        if (lng > maxLng) maxLng = lng;
+        if (lat < minLat) minLat = lat;
+        if (lat > maxLat) maxLat = lat;
+      }
+      // Sample points within the bounding box
+      const area = (maxLng - minLng) * (maxLat - minLat);
+      const samples = Math.max(2, Math.floor(area / 50));
+      for (let i = 0; i < samples; i++) {
+        const lng = minLng + Math.random() * (maxLng - minLng);
+        const lat = minLat + Math.random() * (maxLat - minLat);
+        if (pointInPolygon(lng, lat, ring)) {
+          points.push([lat, lng]);
+        }
+      }
+    }
+  }
+
+  return points;
+}
+
+export interface PreloadBuffer {
+  getPreloadedUrl(): string;
+}
+
+export function createPreloadBuffer(
+  generateUrl: () => string,
+  size = 6,
+): PreloadBuffer {
+  const preloadedUrls: string[] = [];
+
+  function preload(url: string) {
+    const img = new Image();
+    img.src = url;
+  }
+
+  while (preloadedUrls.length < size) {
+    const url = generateUrl();
+    preloadedUrls.push(url);
+    preload(url);
+  }
+
+  return {
+    getPreloadedUrl(): string {
+      if (preloadedUrls.length > 0) {
+        const url = preloadedUrls.shift()!;
+        const newUrl = generateUrl();
+        preloadedUrls.push(newUrl);
+        preload(newUrl);
+        return url;
+      }
+      return generateUrl();
+    },
+  };
+}
diff --git a/apps/docs/.vitepress/theme/utils/hljs.ts b/apps/docs/.vitepress/theme/utils/hljs.ts
new file mode 100644
index 0000000..6e70b64
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/hljs.ts
@@ -0,0 +1,43 @@
+type Hljs = typeof import('highlight.js/lib/core').default;
+
+let hljsPromise: Promise<Hljs> | null = null;
+
+export function loadHljs(): Promise<Hljs> {
+  return (hljsPromise ??= (async () => {
+    const [
+      { default: core },
+      { default: javascript },
+      { default: xml },
+      { default: php },
+      { default: python },
+      { default: rust },
+      { default: go },
+      { default: dart },
+    ] = await Promise.all([
+      import('highlight.js/lib/core'),
+      import('highlight.js/lib/languages/javascript'),
+      import('highlight.js/lib/languages/xml'),
+      import('highlight.js/lib/languages/php'),
+      import('highlight.js/lib/languages/python'),
+      import('highlight.js/lib/languages/rust'),
+      import('highlight.js/lib/languages/go'),
+      import('highlight.js/lib/languages/dart'),
+    ]);
+
+    for (const [name, language] of [
+      ['js', javascript],
+      ['html', xml],
+      ['php', php],
+      ['python', python],
+      ['rust', rust],
+      ['go', go],
+      ['dart', dart],
+    ] as const) {
+      core.registerLanguage(name, language);
+    }
+
+    return core;
+  })());
+}
+
+export type { Hljs };
diff --git a/apps/docs/.vitepress/theme/utils/palette.ts b/apps/docs/.vitepress/theme/utils/palette.ts
new file mode 100644
index 0000000..f184ea1
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/palette.ts
@@ -0,0 +1,16 @@
+// Pastel backgrounds shared between the hero swarm and the use-case showcases.
+// Stored without the leading `#` because they're passed as URL query values to
+// the DiceBear avatar API (e.g. `?backgroundColor=ffe4e6`); CSS consumers
+// prefix `#` themselves.
+export const PALETTE = {
+  rose: 'ffe4e6',
+  amber: 'fef3c7',
+  cyan: 'cffafe',
+  blue: 'dbeafe',
+  green: 'dcfce7',
+  lime: 'ecfccb',
+  peach: 'ffedd5',
+  pink: 'ffe4f1',
+} as const;
+
+export type Pastel = (typeof PALETTE)[keyof typeof PALETTE];
diff --git a/apps/docs/.vitepress/theme/utils/styleOptionMeta.ts b/apps/docs/.vitepress/theme/utils/styleOptionMeta.ts
new file mode 100644
index 0000000..d8d1302
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/styleOptionMeta.ts
@@ -0,0 +1,77 @@
+/**
+ * Returns a curated description for a style option, or undefined if none exists.
+ * Used by StyleOptionsCard to render help text under each option.
+ */
+export function getOptionDescription(name: string): string | undefined {
+  if (name === 'seed')
+    return 'The seed determines the initial value for the PRNG. With the same seed, the same avatar is generated every time.';
+  if (name === 'size')
+    return 'Output size in pixels. If omitted, the avatar scales to 100% of its container.';
+  if (name === 'idRandomization')
+    return 'Randomizes all SVG element IDs to avoid conflicts when embedding multiple avatars in the same page.';
+  if (name === 'title')
+    return 'Accessible title for the SVG element. Useful for screen readers.';
+  if (name.match(/Probability$/))
+    return 'Probability that this component appears in the avatar.';
+  if (name.match(/Variant$/))
+    return 'The visual variant for this component. If multiple values are given, the PRNG picks one.';
+  if (name.match(/Color$/) && !name.match(/ColorFill/))
+    return 'Hex color value(s). If multiple values are given, the PRNG picks one.';
+  if (name.match(/ColorFill$/))
+    return 'Fill mode for the color gradient. Only visible when multiple color stops are used.';
+  if (name.match(/ColorFillStops$/))
+    return 'Number of color stops for gradient fills.';
+  if (name.match(/ColorAngle$/))
+    return 'Rotation angle for gradient fills in degrees.';
+  if (name === 'flip') return 'Mirror direction for the avatar.';
+  if (name === 'scale' || name.match(/Scale$/))
+    return 'Scale factor. A value of 1 corresponds to the original size. As a range [min, max], the PRNG picks a value in between.';
+  if (name === 'borderRadius')
+    return 'Corner radius as a percentage. 0 = sharp corners, 50 = full circle.';
+  if (name === 'rotate' || name.match(/Rotate$/))
+    return 'Rotation in degrees. As a range [min, max], the PRNG picks a value in between.';
+  if (
+    name === 'translateX' ||
+    name === 'translateY' ||
+    name.match(/TranslateX$/) ||
+    name.match(/TranslateY$/)
+  )
+    return 'Translation as a percentage of the canvas size. As a range [min, max], the PRNG picks a value in between.';
+  if (name === 'fontFamily')
+    return 'Font family for text elements within the avatar SVG.';
+  if (name === 'fontWeight')
+    return 'Font weight for text elements within the avatar SVG.';
+
+  return undefined;
+}
+
+/**
+ * Returns curated example values for a style option, or undefined if none.
+ * `colorExamples` is a callback that returns colors for a given color name
+ * (so we don't pull `padColors`/`styleColors` into this util).
+ */
+export function getOptionExamples(
+  name: string,
+  colorExamples: (colorName: string, min?: number) => string[],
+): (string | number | boolean)[] | undefined {
+  if (name === 'backgroundColor') return colorExamples('background', 5);
+  if (name.match(/Color$/)) {
+    const colorName = name.slice(0, -'Color'.length);
+    return colorExamples(colorName);
+  }
+  if (name.match(/ColorFill$/)) return ['solid', 'linear', 'radial'];
+  if (name.match(/ColorFillStops$/)) return [2, 3, 4, 5];
+  if (name.match(/ColorAngle$/)) return [0, 90, 180, 270];
+  if (name === 'seed') return ['Felix', 'Aneka', 'Mia', 'James'];
+  if (name === 'flip') return ['none', 'horizontal', 'vertical', 'both'];
+  if (name === 'rotate') return [0, 90, 180, 270];
+  if (name === 'scale') return [0.5, 0.75, 1, 1.5];
+  if (name === 'borderRadius') return [0, 10, 25, 50];
+  // Cap at 96: the preview grid cells are ~104px, so 128 would overflow the box.
+  if (name === 'size') return [32, 64, 96];
+  if (name === 'translateX') return [-50, -25, 0, 25, 50];
+  if (name === 'translateY') return [-50, -25, 0, 25, 50];
+  if (name === 'fontWeight') return [100, 400, 700, 900];
+
+  return undefined;
+}
diff --git a/apps/docs/.vitepress/theme/utils/track.ts b/apps/docs/.vitepress/theme/utils/track.ts
new file mode 100644
index 0000000..f9cb153
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/track.ts
@@ -0,0 +1,11 @@
+/** Fire a privacy-safe Umami event. No-ops when Umami is absent (e.g. dev). */
+export function track(event: string, data?: Record<string, string>): void {
+  if (typeof umami !== 'undefined') {
+    umami.track(event, data);
+  }
+}
+
+/** Collapse custom styles to a non-identifying label; never leak user-typed names. */
+export function styleLabel(name: string): string {
+  return name.startsWith('custom:') ? 'custom' : name;
+}
diff --git a/apps/docs/.vitepress/theme/utils/url.ts b/apps/docs/.vitepress/theme/utils/url.ts
new file mode 100644
index 0000000..dd6cddc
--- /dev/null
+++ b/apps/docs/.vitepress/theme/utils/url.ts
@@ -0,0 +1,21 @@
+/**
+ * Returns the URL only if it parses and uses an http(s) protocol; otherwise
+ * undefined. Use this for any href that ultimately renders user-provided or
+ * style-metadata URLs so that javascript:, data:, file: and other dangerous
+ * schemes are dropped before they reach the DOM.
+ */
+export function safeHttpUrl(
+  url: string | undefined | null,
+): string | undefined {
+  if (!url) {
+    return undefined;
+  }
+
+  try {
+    const u = new URL(url);
+
+    return u.protocol === 'http:' || u.protocol === 'https:' ? url : undefined;
+  } catch {
+    return undefined;
+  }
+}
diff --git a/apps/docs/README.md b/apps/docs/README.md
new file mode 100644
index 0000000..80dac0c
--- /dev/null
+++ b/apps/docs/README.md
@@ -0,0 +1,8 @@
+# dicebear.com
+
+[![preview](https://raw.githubusercontent.com/dicebear/dicebear/10.x/apps/docs/preview.png)](https://www.dicebear.com)
+
+## Contributing
+
+See documentation:
+https://www.dicebear.com/guides/contribute-to-the-documentation
diff --git a/apps/docs/env.d.ts b/apps/docs/env.d.ts
new file mode 100644
index 0000000..bf77b1a
--- /dev/null
+++ b/apps/docs/env.d.ts
@@ -0,0 +1,21 @@
+/// <reference types="vitepress/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent;
+  export default component;
+}
+
+interface Umami {
+  track(event: string, data?: Record<string, string>): void;
+}
+
+declare const umami: Umami | undefined;
+
+declare module 'three';
+
+interface ImportMetaEnv {
+  readonly VITE_PRIVACY_POLICY_URL?: string;
+  readonly VITE_COOKIE_POLICY_URL?: string;
+  readonly VITE_LEGAL_NOTICE_URL?: string;
+}
diff --git a/apps/docs/package.json b/apps/docs/package.json
new file mode 100644
index 0000000..86e620f
--- /dev/null
+++ b/apps/docs/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "@dicebear/docs",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vitepress dev .",
+    "build": "vitepress build .",
+    "preview": "vitepress preview ."
+  },
+  "dependencies": {
+    "@dicebear/converter": "10.3.0",
+    "@dicebear/core": "10.3.0",
+    "@dicebear/styles": "^10.1.0",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@lucide/vue": "^1.7.0",
+    "@primeuix/themes": "^2.0.3",
+    "@vueuse/core": "^14.2.0",
+    "canvas-confetti": "^1.9.4",
+    "change-case": "^5.4.4",
+    "chart.js": "^4.5.1",
+    "copy-to-clipboard": "^3.3.3",
+    "globe.gl": "^2.45.0",
+    "highlight.js": "^11.11.1",
+    "idb-keyval": "^6.2.2",
+    "jszip": "^3.10.1",
+    "pinia": "^3.0.4",
+    "prando": "^6.0.1",
+    "primevue": "^4.5.4",
+    "random-int": "^3.1.0",
+    "random-item": "^4.0.1",
+    "simple-icons": "^16.7.0",
+    "vitepress": "^2.0.0-alpha.16",
+    "vue": "^3.5.17",
+    "vue-chartjs": "^5.3.3"
+  },
+  "devDependencies": {
+    "@types/canvas-confetti": "^1.9.0",
+    "@types/json-schema": "^7.0.15",
+    "@types/node": "^24.0.3",
+    "typescript": "^5.9.3"
+  },
+  "private": true
+}
diff --git a/apps/docs/pages/guides/access-all-available-options/index.md b/apps/docs/pages/guides/access-all-available-options/index.md
new file mode 100644
index 0000000..02adc4e
--- /dev/null
+++ b/apps/docs/pages/guides/access-all-available-options/index.md
@@ -0,0 +1,111 @@
+---
+title: Access All Available Style Options Programmatically
+description: >
+  Learn how to programmatically access all available options of a DiceBear
+  avatar style using the OptionsDescriptor class.
+---
+
+# How to programmatically access all available options of an avatar style?
+
+Each avatar style has different options depending on its components and colors.
+The `OptionsDescriptor` class lets you discover all available options at
+runtime.
+
+## JavaScript
+
+```js
+import { Style, OptionsDescriptor } from '@dicebear/core';
+import definition from '@dicebear/styles/micah.json' with { type: 'json' };
+
+const style = new Style(definition);
+const descriptor = new OptionsDescriptor(style);
+
+console.log(descriptor.toJSON());
+```
+
+## PHP
+
+```php
+use Composer\InstalledVersions;
+use DiceBear\Style;
+use DiceBear\OptionsDescriptor;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/micah.json'));
+
+$descriptor = new OptionsDescriptor($style);
+
+print_r($descriptor->toJSON());
+```
+
+## Python
+
+```python
+from importlib.resources import files
+
+from dicebear import OptionsDescriptor, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("micah.json").read_text("utf-8")
+)
+
+descriptor = OptionsDescriptor(style)
+
+print(descriptor.to_json())
+```
+
+## Go
+
+```go
+import (
+	"fmt"
+
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.Micah))
+descriptor := dicebear.NewOptionsDescriptor(style).ToJSON()
+
+fmt.Println(descriptor)
+```
+
+## Dart
+
+```dart
+import 'dart:convert';
+
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/micah.dart';
+
+final style = Style.parse(micah);
+final descriptor = OptionsDescriptor(style);
+
+print(jsonEncode(descriptor.toJson()));
+```
+
+## Field descriptor types
+
+The `toJSON()` method returns a map of option names to field descriptors. Each
+descriptor has a `type` and additional properties depending on the type:
+
+| Type      | Properties                     | Example option           |
+| --------- | ------------------------------ | ------------------------ |
+| `string`  | `list?`                        | `seed`, `fontFamily`     |
+| `number`  | `min?`, `max?`, `list?`        | `fontWeight`             |
+| `boolean` |                                | `idRandomization`        |
+| `enum`    | `values`, `list?`, `weighted?` | `flip`, `*Variant`       |
+| `color`   | `list?`, `contrastTo?`         | `*Color`                 |
+| `range`   | `min?`, `max?`                 | `rotate`, `borderRadius` |
+
+- `list` indicates the option also accepts an array of values.
+- `weighted` (on enum fields) means the option additionally accepts a
+  `Record<string, number>` weight map for PRNG selection.
+- `contrastTo` (on color fields) names the color group the renderer will
+  contrast against, so UIs can flag that this group's selection is
+  contrast-driven rather than random. Only set when the style definition
+  declares a `contrastTo` constraint on the group.
+
+Component aliases (declared via `extends` in the definition) do not contribute
+their own `${alias}Variant` / `${alias}Probability` entries to the descriptor.
+They share their source component's user options.
diff --git a/apps/docs/pages/guides/avatar-library-comparison/index.md b/apps/docs/pages/guides/avatar-library-comparison/index.md
new file mode 100644
index 0000000..47f2171
--- /dev/null
+++ b/apps/docs/pages/guides/avatar-library-comparison/index.md
@@ -0,0 +1,83 @@
+---
+title: 'Avatar Library Comparison: DiceBear and the Alternatives'
+description: >
+  Compare the DiceBear avatar library with Boring Avatars, Avvvatars,
+  Multiavatar, and Jdenticon on styles, API, supported languages, and license.
+aside: false
+---
+
+<script setup>
+import DocsComparisonTable from '@theme/components/docs/DocsComparisonTable.vue';
+</script>
+
+# Avatar library comparison
+
+DiceBear is an open source avatar library with [35+ styles](/styles/), a
+[free HTTP API](/how-to-use/http-api/), and libraries for six languages. Each
+style has a [deep set of options](/guides/access-all-available-options/): you
+can recolor the avatar, swap individual features, control the background, and
+weight how likely each variant is, so two avatars from the same style can look
+completely different. This page compares it with the avatar libraries developers
+most often weigh against it, to help you choose the right one for your project.
+All of them are good at what they do, and the best choice depends on your stack
+and the look you are after.
+
+<DocsComparisonTable />
+
+_This comparison is based on publicly available information and may not reflect
+the latest updates. Each tool has its own strengths, so choose what works best
+for your project._
+
+## DiceBear vs. Boring Avatars
+
+Boring Avatars is a polished React component with a handful of clean,
+gradient-based styles. It installs in seconds and the gradients look great,
+which makes it a strong pick for a React app that wants that exact style. The
+hosted API is a separate, paid product.
+
+DiceBear comes at it differently: more styles from different artists, no
+framework dependency, and a free HTTP API. As a Boring Avatars alternative
+DiceBear fits when you want a wider range of looks or you build outside React.
+
+## DiceBear vs. Avvvatars
+
+Avvvatars is a small, tidy React component with two looks: an initials avatar
+and a geometric shape. It is light and quick to add, and when those two styles
+are all you need it does the job nicely.
+
+DiceBear aims at a different spot, with many more styles, server-side rendering,
+and support beyond JavaScript.
+
+## DiceBear vs. Multiavatar
+
+Multiavatar has real charm: one illustrated, multicultural character style,
+available in JavaScript, PHP, and Python. If that single look is what you want,
+it is a solid choice.
+
+DiceBear covers the same languages and adds Rust, Go, and Dart, plus a larger
+set of styles and more output formats. It is the better fit for variety, while
+Multiavatar is the one to reach for when you love that specific character look.
+
+## DiceBear vs. Jdenticon
+
+Jdenticon is a focused, dependency-free library that does geometric identicons
+really well. It runs in JavaScript, C#, and PHP, exports SVG and PNG, and is an
+excellent fit for .NET projects that just need identicons.
+
+DiceBear also has an [Identicon style](/styles/identicon/) if that is the look
+you want, along with many other styles and the HTTP API. When identicons are all
+you will ever need, Jdenticon is hard to beat, especially on .NET.
+
+## Which avatar library should you choose?
+
+- Choose DiceBear for a range of art styles, deep customization, more than one
+  language, several output formats, or self-hosting.
+- Choose Boring Avatars for its gradient styles in a React app.
+- Choose Avvvatars for a tiny two-style placeholder in React.
+- Choose Multiavatar for its illustrated multicultural character look.
+- Choose Jdenticon for geometric identicons, especially on .NET.
+
+You can try any DiceBear style in the [playground](/playground/), or start with
+the [JavaScript](/how-to-use/js-library/), [PHP](/how-to-use/php-library/),
+[Python](/how-to-use/python-library/), [Rust](/how-to-use/rust-library/),
+[Go](/how-to-use/go-library/), or [Dart](/how-to-use/dart-library/) library.
diff --git a/apps/docs/pages/guides/contribute-to-the-api/index.md b/apps/docs/pages/guides/contribute-to-the-api/index.md
new file mode 100644
index 0000000..033eeef
--- /dev/null
+++ b/apps/docs/pages/guides/contribute-to-the-api/index.md
@@ -0,0 +1,21 @@
+---
+title: Contribute to the HTTP API
+description: >
+  Pointer to the contribution guide for the DiceBear HTTP API at
+  api.dicebear.com.
+---
+
+# Contribute to the API
+
+The HTTP API at [api.dicebear.com](https://api.dicebear.com) is a
+[Fastify](https://www.fastify.io/) server that lives in its own repository:
+[`dicebear/api`](https://github.com/dicebear/api).
+
+The contribution guide, including local setup, the test suite, the Docker-based
+production image, and the release process, lives alongside the code:
+
+- [`CONTRIBUTING.md`](https://github.com/dicebear/api/blob/4.x/CONTRIBUTING.md)
+  in `dicebear/api`
+
+For hosting the API yourself (as opposed to working on its source), see
+[Host the HTTP API yourself](/guides/host-the-http-api-yourself/).
diff --git a/apps/docs/pages/guides/contribute-to-the-documentation/index.md b/apps/docs/pages/guides/contribute-to-the-documentation/index.md
new file mode 100644
index 0000000..8318dfa
--- /dev/null
+++ b/apps/docs/pages/guides/contribute-to-the-documentation/index.md
@@ -0,0 +1,19 @@
+---
+title: Contribute to the Documentation
+description: >
+  Pointer to the contribution guide for the DiceBear documentation site at
+  dicebear.com.
+---
+
+# Contribute to the documentation
+
+This documentation site is a [VitePress](https://vitepress.vuejs.org/) app under
+`apps/docs/` in the main
+[`dicebear/dicebear`](https://github.com/dicebear/dicebear) monorepo. Every page
+has an "Edit this page on GitHub" link at the bottom that opens the
+corresponding source file.
+
+Setup and workflow instructions live in the monorepo's contribution guide:
+
+- [Documentation changes section](https://github.com/dicebear/dicebear/blob/10.x/CONTRIBUTING.md#documentation-changes-appsdocs)
+  in `dicebear/dicebear/CONTRIBUTING.md`
diff --git a/apps/docs/pages/guides/contribute-to-the-editor/index.md b/apps/docs/pages/guides/contribute-to-the-editor/index.md
new file mode 100644
index 0000000..aee1fb1
--- /dev/null
+++ b/apps/docs/pages/guides/contribute-to-the-editor/index.md
@@ -0,0 +1,18 @@
+---
+title: Contribute to the Editor
+description: >
+  Pointer to the contribution guide for the DiceBear editor at
+  editor.dicebear.com.
+---
+
+# Contribute to the editor
+
+The editor at [editor.dicebear.com](https://editor.dicebear.com) is a
+[Vue 3](https://vuejs.org/) + [Vite](https://vitejs.dev/) +
+[PrimeVue](https://primevue.org/) app. It lives under `apps/editor/` in the main
+[`dicebear/dicebear`](https://github.com/dicebear/dicebear) monorepo.
+
+Setup and workflow instructions live in the monorepo's contribution guide:
+
+- [Editor changes section](https://github.com/dicebear/dicebear/blob/10.x/CONTRIBUTING.md#editor-changes-appseditor)
+  in `dicebear/dicebear/CONTRIBUTING.md`
diff --git a/apps/docs/pages/guides/contribute-to-the-library/index.md b/apps/docs/pages/guides/contribute-to-the-library/index.md
new file mode 100644
index 0000000..f7f9b3b
--- /dev/null
+++ b/apps/docs/pages/guides/contribute-to-the-library/index.md
@@ -0,0 +1,53 @@
+---
+title: Contribute to the Library
+description: >
+  Learn how to contribute an avatar style, improve an existing one, or work on
+  the DiceBear core packages.
+---
+
+# Contribute to the library
+
+DiceBear is maintained across several repositories on GitHub. Each repo has its
+own `CONTRIBUTING.md` with setup, scripts, testing, and release instructions.
+Pick the one that matches what you want to work on.
+
+## Avatar styles
+
+New avatar styles and fixes to existing styles live in
+[`dicebear/styles`](https://github.com/dicebear/styles). Most styles are
+authored in Figma and exported with the
+[DiceBear Exporter](/guides/create-an-avatar-style-with-figma/) plugin, so the
+workflow there is not the usual "edit a JSON file" loop.
+
+- [`CONTRIBUTING.md`](https://github.com/dicebear/styles/blob/main/CONTRIBUTING.md)
+  in `dicebear/styles`
+
+## Core library, CLI, documentation, editor
+
+The JavaScript, PHP, Python, Rust, Go and Dart cores, the CLI, the VitePress
+documentation (including the Playground), and the standalone editor all live in
+the main [`dicebear/dicebear`](https://github.com/dicebear/dicebear) monorepo.
+See:
+
+- [`CONTRIBUTING.md`](https://github.com/dicebear/dicebear/blob/10.x/CONTRIBUTING.md)
+  in `dicebear/dicebear`
+
+It covers the monorepo layout, per-package workflow, cross-language parity tests
+across the JavaScript, PHP, Python, Rust, Go and Dart cores, and the release
+process.
+
+## JSON Schema
+
+The schema for avatar style definitions and runtime options is versioned
+separately in [`dicebear/schema`](https://github.com/dicebear/schema).
+
+- [`CONTRIBUTING.md`](https://github.com/dicebear/schema/blob/main/CONTRIBUTING.md)
+  in `dicebear/schema`
+
+## Figma exporter plugin
+
+The Figma plugin that produces new avatar style definitions lives in
+[`dicebear/exporter-plugin-for-figma`](https://github.com/dicebear/exporter-plugin-for-figma).
+
+- [`CONTRIBUTING.md`](https://github.com/dicebear/exporter-plugin-for-figma/blob/main/CONTRIBUTING.md)
+  in `dicebear/exporter-plugin-for-figma`
diff --git a/apps/docs/pages/guides/create-an-avatar-style-from-scratch/index.md b/apps/docs/pages/guides/create-an-avatar-style-from-scratch/index.md
new file mode 100644
index 0000000..6b622df
--- /dev/null
+++ b/apps/docs/pages/guides/create-an-avatar-style-from-scratch/index.md
@@ -0,0 +1,425 @@
+---
+title: Create an Avatar Style from Scratch
+description: >
+  Learn how to create a DiceBear avatar style from scratch by writing a JSON
+  definition file. No Figma or design tools required.
+---
+
+# Create an avatar style from scratch
+
+We highly recommend our
+[Figma plugin](/guides/create-an-avatar-style-with-figma/) to create an avatar
+style. Most of DiceBear's official avatar styles were created with the plugin.
+But you can also create an avatar style by writing a JSON
+[definition file](/specification/definition-schema/) by hand.
+
+## Minimal example
+
+A minimal style definition with a colored circle:
+
+```json
+{
+  "canvas": {
+    "width": 100,
+    "height": 100,
+    "elements": [
+      {
+        "type": "element",
+        "name": "circle",
+        "attributes": {
+          "cx": "50",
+          "cy": "50",
+          "r": "45",
+          "fill": { "type": "color", "name": "background" }
+        }
+      }
+    ]
+  },
+  "colors": {
+    "background": {
+      "values": ["#f94144", "#f9c74f", "#90be6d", "#43aa8b", "#577590"]
+    }
+  }
+}
+```
+
+Save this as `my-style.json` and test it:
+
+```
+dicebear ./my-style.json ./output --count 5
+```
+
+The PRNG picks a different background color for each seed.
+
+## Adding components
+
+Components are the randomizable parts of your avatar. Each component has
+multiple variants that the PRNG can choose from.
+
+Let's add a face component with two variants:
+
+```json
+{
+  "canvas": {
+    "width": 100,
+    "height": 100,
+    "elements": [
+      {
+        "type": "element",
+        "name": "circle",
+        "attributes": {
+          "cx": "50",
+          "cy": "50",
+          "r": "45",
+          "fill": { "type": "color", "name": "background" }
+        }
+      },
+      {
+        "type": "component",
+        "name": "face"
+      }
+    ]
+  },
+  "components": {
+    "face": {
+      "width": 100,
+      "height": 100,
+      "variants": {
+        "smile": {
+          "elements": [
+            {
+              "type": "element",
+              "name": "circle",
+              "attributes": { "cx": "35", "cy": "40", "r": "4", "fill": "#000" }
+            },
+            {
+              "type": "element",
+              "name": "circle",
+              "attributes": { "cx": "65", "cy": "40", "r": "4", "fill": "#000" }
+            },
+            {
+              "type": "element",
+              "name": "path",
+              "attributes": {
+                "d": "M 30 60 Q 50 80 70 60",
+                "stroke": "#000",
+                "stroke-width": "3",
+                "fill": "none"
+              }
+            }
+          ]
+        },
+        "neutral": {
+          "elements": [
+            {
+              "type": "element",
+              "name": "circle",
+              "attributes": { "cx": "35", "cy": "40", "r": "4", "fill": "#000" }
+            },
+            {
+              "type": "element",
+              "name": "circle",
+              "attributes": { "cx": "65", "cy": "40", "r": "4", "fill": "#000" }
+            },
+            {
+              "type": "element",
+              "name": "line",
+              "attributes": {
+                "x1": "35",
+                "y1": "62",
+                "x2": "65",
+                "y2": "62",
+                "stroke": "#000",
+                "stroke-width": "3"
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  "colors": {
+    "background": {
+      "values": ["#f94144", "#f9c74f", "#90be6d", "#43aa8b", "#577590"]
+    }
+  }
+}
+```
+
+The `canvas.elements` array references the `face` component via
+`{ "type": "component", "name": "face" }`. The PRNG selects either the `smile`
+or `neutral` variant.
+
+## Multiple components
+
+You can add as many components as you like. Each component is independent: the
+PRNG selects a variant for each one separately.
+
+```json
+{
+  "components": {
+    "eyes": {
+      "width": 100,
+      "height": 100,
+      "variants": {
+        "round": { "elements": [...] },
+        "narrow": { "elements": [...] }
+      }
+    },
+    "mouth": {
+      "width": 100,
+      "height": 100,
+      "variants": {
+        "smile": { "elements": [...] },
+        "open": { "elements": [...] },
+        "flat": { "elements": [...] }
+      }
+    },
+    "accessories": {
+      "width": 100,
+      "height": 100,
+      "probability": 30,
+      "variants": {
+        "glasses": { "elements": [...] },
+        "hat": { "elements": [...] }
+      }
+    }
+  }
+}
+```
+
+### Probability
+
+The `probability` property (0-100) controls how often a component appears. In
+the example above, `accessories` only appears in ~30% of generated avatars.
+Default is `100` (always visible).
+
+### Variant weights
+
+Control how often specific variants are selected:
+
+```json
+{
+  "variants": {
+    "common": { "weight": 3, "elements": [...] },
+    "uncommon": { "weight": 1, "elements": [...] },
+    "rare": { "weight": 0, "elements": [...] }
+  }
+}
+```
+
+Higher weight = more likely to be selected. Weight `0` is only chosen when all
+other weights are also `0`. Default weight is `1`.
+
+### Component transforms
+
+Components can have default rotation, translation, and scale ranges that the
+PRNG samples per render. All four fields use the same `{ min, max, step? }`
+range object. See [Ranges](/specification/definition-schema/#ranges) for the
+full reference.
+
+```json
+{
+  "eyes": {
+    "width": 80,
+    "height": 40,
+    "rotate": { "min": -5, "max": 5 },
+    "scale": { "min": 0.95, "max": 1.05 },
+    "translate": {
+      "x": { "min": -2, "max": 2 },
+      "y": { "min": -3, "max": 3 }
+    },
+    "variants": { ... }
+  }
+}
+```
+
+Set `min === max` for a fixed value, or add `"step": <n>` to quantize the range
+to discrete buckets.
+
+## Color palettes
+
+Colors can be referenced from element attributes. The PRNG picks a value from
+the palette for each avatar.
+
+```json
+{
+  "colors": {
+    "skin": {
+      "values": ["#f5d6c3", "#d4a889", "#a67c5b", "#614335"]
+    },
+    "hair": {
+      "values": ["#2c1b18", "#b58143", "#d6b370", "#724133"],
+      "notEqualTo": ["skin"]
+    },
+    "text": {
+      "values": ["#ffffff", "#000000"],
+      "contrastTo": "background"
+    }
+  }
+}
+```
+
+### Color references
+
+Use color references in SVG attributes to apply dynamic colors:
+
+```json
+{
+  "type": "element",
+  "name": "circle",
+  "attributes": {
+    "fill": { "type": "color", "name": "skin" }
+  }
+}
+```
+
+### Color constraints
+
+**`notEqualTo`** prevents two color groups from selecting the same color. In the
+example above, `hair` will never be the same color as `skin`.
+
+**`contrastTo`** picks the color with the highest contrast ratio against the
+referenced color group. This is useful for ensuring text is readable against a
+background.
+
+## Metadata
+
+Add metadata to your definition for license attribution:
+
+```json
+{
+  "meta": {
+    "license": {
+      "name": "CC BY 4.0",
+      "url": "https://creativecommons.org/licenses/by/4.0/",
+      "text": "Full license text..."
+    },
+    "creator": {
+      "name": "Your Name",
+      "url": "https://your-website.com"
+    },
+    "source": {
+      "name": "My Style",
+      "url": "https://github.com/your/repo"
+    }
+  }
+}
+```
+
+This metadata appears in:
+
+- The `<metadata>` RDF block inside generated SVGs (Dublin Core terms; see the
+  [Core implementation spec](/specification/implement-dicebear-core/#metadata-block))
+- The CLI license banner
+- The documentation (if your style is added to the official collection)
+
+## Schema validation
+
+Add the `$schema` property to enable validation in your editor:
+
+```json
+{
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.0.0/dist/definition.min.json",
+  "canvas": { ... }
+}
+```
+
+Most editors (VS Code, WebStorm, etc.) will provide autocompletion and inline
+validation for your definition file.
+
+## Testing
+
+### With the CLI
+
+```
+dicebear ./my-style.json ./output --count 10
+dicebear ./my-style.json ./output --seed "Alice" --format png
+```
+
+### With the JS Library
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import definition from './my-style.json' with { type: 'json' };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, { seed: 'test' });
+console.log(avatar.toString());
+```
+
+### With the PHP Library
+
+```php
+use DiceBear\Avatar;
+use DiceBear\Style;
+
+$style = Style::fromJson(file_get_contents('./my-style.json'));
+$avatar = new Avatar($style, ['seed' => 'test']);
+echo (string) $avatar;
+```
+
+### With the Python Library
+
+```python
+from pathlib import Path
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(Path("./my-style.json").read_text("utf-8"))
+avatar = Avatar(style, {"seed": "test"})
+print(avatar.to_string())
+```
+
+### With the Rust Library
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+use std::fs;
+
+let definition = fs::read_to_string("./my-style.json")?;
+let style = Style::from_str(&definition)?;
+
+let avatar = Avatar::new(&style, json!({ "seed": "test" }))?;
+println!("{}", avatar.to_svg());
+```
+
+### With the Go Library
+
+```go
+import (
+	"fmt"
+	"os"
+
+	dicebear "github.com/dicebear/dicebear-go/v10"
+)
+
+definition, _ := os.ReadFile("./my-style.json")
+style, _ := dicebear.NewStyle(definition)
+
+avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "test"})
+fmt.Println(avatar.SVG())
+```
+
+### With the Dart Library
+
+```dart
+import 'dart:io';
+
+import 'package:dicebear_core/dicebear_core.dart';
+
+final style = Style.parse(File('./my-style.json').readAsStringSync());
+
+final avatar = Avatar(style, {'seed': 'test'});
+print(avatar.svg);
+```
+
+## Next steps
+
+- See the [Definition Schema Reference](/specification/definition-schema/) for
+  the complete specification
+- Browse the [official definitions](https://github.com/dicebear/styles) for
+  real-world examples
+- Use the [Figma plugin](/guides/create-an-avatar-style-with-figma/) for a
+  visual workflow
diff --git a/apps/docs/pages/guides/create-an-avatar-style-with-figma/index.md b/apps/docs/pages/guides/create-an-avatar-style-with-figma/index.md
new file mode 100644
index 0000000..09d846c
--- /dev/null
+++ b/apps/docs/pages/guides/create-an-avatar-style-with-figma/index.md
@@ -0,0 +1,224 @@
+---
+title: Create an Avatar Style with Figma
+description: >
+  Step-by-step guide to creating a custom DiceBear avatar style using the
+  DiceBear Figma Exporter plugin.
+---
+
+# Create an avatar style with Figma
+
+Our [Figma plugin](https://www.figma.com/community/plugin/1005765655729342787)
+is the easiest way to create an avatar style for DiceBear. The following
+tutorial requires basic knowledge about [Figma](https://www.figma.com/).
+
+## Step 1
+
+If you want DiceBear to dynamically change colors in your avatar, you have to
+create the colors in Figma as
+[locale style](https://help.figma.com/hc/en-us/articles/360039820134-Manage-and-share-styles).
+Arrange the colors in
+[groups](https://help.figma.com/hc/en-us/articles/360039820134-Manage-and-share-styles#Manage_styles).
+Name them according to the following pattern: `<group>/<option-name>`. For
+example, `skin/light`.
+
+You will use the locale styles later to colorize paths. DiceBear will then
+change the colors of the paths within a group depending on the seed and color
+settings. For the names of `<group>` and `<option-name>` you can use
+alphanumeric characters as well as hyphens.
+
+In the following example you can see how this could look like:
+
+<video src="/guides/create-an-avatar-style-with-figma/1.mp4" controls muted></video>
+
+## Step 2
+
+Now assign a color from the created groups to your paths that will be colored
+dynamically. Which color from a group does not matter. The important thing is
+that the group is correct.
+
+<video src="/guides/create-an-avatar-style-with-figma/2.mp4" controls muted></video>
+
+## Step 3
+
+Create the individual parts of your avatar as
+[components](https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-components-in-Figma).
+Again, use the `<group>/<option-name>` naming pattern to create groups.
+
+Identical to the colors, DiceBear will later (taking into account the seed and
+the settings) select a component from a group and put it into the avatar.
+
+<video src="/guides/create-an-avatar-style-with-figma/3.mp4" controls muted></video>
+
+## Step 4
+
+Make sure that each component in a group has the same dimensions.
+
+<video src="/guides/create-an-avatar-style-with-figma/4.mp4" controls muted></video>
+
+## Step 5
+
+Create as many color and component groups as you like. Then you can bring all
+the components together.
+
+To do this,
+[create a frame](https://help.figma.com/hc/en-us/articles/360041539473-Frames-in-Figma)
+and make sure that the width and height are identical. From the Assets tab, drag
+one instance from each component group into the frame.
+
+<video src="/guides/create-an-avatar-style-with-figma/5.mp4" controls muted></video>
+
+## Step 6
+
+Search now for the
+[DiceBear Exporter](https://www.figma.com/community/plugin/1005765655729342787)
+plugin. Make sure you have selected the frame and start the plugin.
+
+A dialog will open where you can make all kinds of settings. For example the
+name of your avatar style, the license or the probability with which the
+components will appear in your avatar later.
+
+The settings are automatically saved to your frame. Once you are happy with your
+settings, you can export your avatar style.
+
+<video src="/guides/create-an-avatar-style-with-figma/6.mp4" controls muted></video>
+
+::: tip
+
+Make sure you select version **10.x** in the export settings. This guide covers
+version 10.x.
+
+![You can find the version option in the "General" tab](/guides/create-an-avatar-style-with-figma/version-hint.png)
+
+:::
+
+## Step 7
+
+The plugin exports a JSON file: your
+[style definition](/specification/definition-schema/). This file is ready to use
+immediately, without a build step.
+
+You can test your style right away with the [CLI](/how-to-use/cli/):
+
+```
+dicebear ./your-style.json ./test-output --count 10
+```
+
+This generates 10 sample avatars in the `./test-output` directory.
+
+## Step 8
+
+Congratulations! You can now use your avatar style with the
+[JS Library](/how-to-use/js-library/), the
+[PHP Library](/how-to-use/php-library/), the
+[Python Library](/how-to-use/python-library/), the
+[Rust Library](/how-to-use/rust-library/), the
+[Go Library](/how-to-use/go-library/), the
+[Dart Library](/how-to-use/dart-library/), or the [CLI](/how-to-use/cli/).
+
+### With the JS Library
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import definition from './your-style.json' with { type: 'json' };
+
+const style = new Style(definition);
+const avatar = new Avatar(style, {
+  seed: 'dicebear',
+  // ... other options
+});
+```
+
+### With the PHP Library
+
+```php
+use DiceBear\Avatar;
+use DiceBear\Style;
+
+$style = Style::fromJson(file_get_contents('./your-style.json'));
+
+$avatar = new Avatar($style, [
+  'seed' => 'dicebear',
+  // ... other options
+]);
+```
+
+### With the Python Library
+
+```python
+from pathlib import Path
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(Path("./your-style.json").read_text("utf-8"))
+
+avatar = Avatar(style, {
+    "seed": "dicebear",
+    # ... other options
+})
+```
+
+### With the Rust Library
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+use std::fs;
+
+let definition = fs::read_to_string("./your-style.json")?;
+let style = Style::from_str(&definition)?;
+
+let avatar = Avatar::new(&style, json!({
+    "seed": "dicebear",
+    // ... other options
+}))?;
+```
+
+### With the Go Library
+
+```go
+import (
+	"os"
+
+	dicebear "github.com/dicebear/dicebear-go/v10"
+)
+
+definition, _ := os.ReadFile("./your-style.json")
+style, _ := dicebear.NewStyle(definition)
+
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed": "dicebear",
+	// ... other options
+})
+```
+
+### With the Dart Library
+
+```dart
+import 'dart:io';
+
+import 'package:dicebear_core/dicebear_core.dart';
+
+final style = Style.parse(File('./your-style.json').readAsStringSync());
+
+final avatar = Avatar(style, {
+  'seed': 'dicebear',
+  // ... other options
+});
+```
+
+### With the CLI
+
+```
+dicebear ./your-style.json ./avatars --seed "dicebear" --format png
+```
+
+::: tip
+
+The CLI automatically detects all available options from your style definition.
+Use `--help` with your definition file to see them:
+
+```
+dicebear ./your-style.json --help
+```
+
+:::
diff --git a/apps/docs/pages/guides/host-the-http-api-yourself/index.md b/apps/docs/pages/guides/host-the-http-api-yourself/index.md
new file mode 100644
index 0000000..990e706
--- /dev/null
+++ b/apps/docs/pages/guides/host-the-http-api-yourself/index.md
@@ -0,0 +1,115 @@
+---
+title: Self-Hosted Avatar API – Host DiceBear Yourself
+description: >
+  Self-host the DiceBear avatar API for privacy-by-design and commercial use.
+  Docker and Node.js deployment options available.
+---
+
+# Self-hosted avatar API: host DiceBear yourself
+
+You can host the HTTP API yourself. This is not necessary for most users, but it
+can be useful in some cases.
+
+You can find the source code for the HTTP API on
+[GitHub](https://github.com/dicebear/api). The code is written in TypeScript and
+uses the [Fastify](https://www.fastify.io/) framework.
+
+## With Docker
+
+The easiest way to host the HTTP API yourself is to use the docker image. You
+can find the image on [Docker Hub](https://hub.docker.com/r/dicebear/api).
+
+```
+docker run --tmpfs /run --tmpfs /tmp -p 3000:3000 -i -t dicebear/api:4
+```
+
+Or you can use `docker-compose.yml` to configure the HTTP API and start it with
+"docker compose up".
+
+```
+services:
+  dicebear:
+    image: dicebear/api:4
+    restart: always
+    ports:
+      - '3000:3000'
+    tmpfs:
+      - '/run'
+      - '/tmp'
+```
+
+## Without Docker
+
+If you don't want to use docker, you can also run the HTTP API directly on your
+machine. You need to have [Node.js](https://nodejs.org/) installed.
+
+```
+git clone git@github.com:dicebear/api.git
+cd api
+
+npm install
+npm run build
+npm start
+```
+
+## Optional style metadata endpoints
+
+Besides the avatar endpoints, your instance can expose two metadata endpoints
+per style. Both are disabled by default and can be enabled individually with an
+environment variable:
+
+```
+http://localhost:3000/10.x/<styleName>/definition.json
+http://localhost:3000/10.x/<styleName>/options.json
+```
+
+- `definition.json` returns the raw
+  [style definition](/guides/create-an-avatar-style-from-scratch/), the same
+  JSON that is shipped with the style package. Enable it with `DEFINITION=1`.
+- `options.json` returns a descriptor of all options the style accepts: field
+  types, allowed enum values, and value ranges. Options listed in
+  `EXCLUDED_OPTIONS` are omitted, so the response always matches what your
+  instance actually accepts. Enable it with `OPTIONS=1`.
+
+Both responses are cached according to `CACHE_CONTROL_STYLES`.
+
+## Environment variables
+
+The HTTP API supports the following environment variables:
+
+| Variable                           | Default                                       | Description                                                          |
+| ---------------------------------- | --------------------------------------------- | -------------------------------------------------------------------- |
+| `PORT`                             | `3000`                                        | Port to listen on.                                                   |
+| `HOST`                             | `0.0.0.0`                                     | Host to bind to (all IPv4 addresses by default).                     |
+| `LOGGER`                           | `0`                                           | Enable request logger (1 = on, 0 = off).                             |
+| `WORKERS`                          | `1`                                           | Number of Node.js worker threads.                                    |
+| `VERSIONS`                         | `10`                                          | Comma-separated list of supported DiceBear major versions.           |
+| `CACHE_CONTROL_AVATARS`            | `31536000`                                    | Cache duration for avatar responses in seconds (1 year).             |
+| `CACHE_CONTROL_STYLES`             | `3600`                                        | Cache duration for the styles listing in seconds (1 hour).           |
+| `PNG`                              | `1`                                           | Enable the PNG endpoint (1 = on, 0 = off).                           |
+| `PNG_SIZE_MIN`                     | `1`                                           | Minimum allowed PNG size in px.                                      |
+| `PNG_SIZE_MAX`                     | `256`                                         | Maximum allowed PNG size in px.                                      |
+| `PNG_SIZE_DEFAULT`                 | `128`                                         | Default PNG size in px.                                              |
+| `PNG_EXIF`                         | `1`                                           | Enable EXIF metadata for PNG (1 = on, 0 = off).                      |
+| `JPEG`                             | `1`                                           | Enable the JPEG endpoint (1 = on, 0 = off).                          |
+| `JPEG_SIZE_MIN`                    | `1`                                           | Minimum allowed JPEG size in px.                                     |
+| `JPEG_SIZE_MAX`                    | `256`                                         | Maximum allowed JPEG size in px.                                     |
+| `JPEG_SIZE_DEFAULT`                | `128`                                         | Default JPEG size in px.                                             |
+| `JPEG_EXIF`                        | `1`                                           | Enable EXIF metadata for JPEG (1 = on, 0 = off).                     |
+| `WEBP`                             | `1`                                           | Enable the WebP endpoint (1 = on, 0 = off).                          |
+| `WEBP_SIZE_MIN`                    | `1`                                           | Minimum allowed WebP size in px.                                     |
+| `WEBP_SIZE_MAX`                    | `256`                                         | Maximum allowed WebP size in px.                                     |
+| `WEBP_SIZE_DEFAULT`                | `128`                                         | Default WebP size in px.                                             |
+| `WEBP_EXIF`                        | `1`                                           | Enable EXIF metadata for WebP (1 = on, 0 = off).                     |
+| `AVIF`                             | `1`                                           | Enable the AVIF endpoint (1 = on, 0 = off).                          |
+| `AVIF_SIZE_MIN`                    | `1`                                           | Minimum allowed AVIF size in px.                                     |
+| `AVIF_SIZE_MAX`                    | `256`                                         | Maximum allowed AVIF size in px.                                     |
+| `AVIF_SIZE_DEFAULT`                | `128`                                         | Default AVIF size in px.                                             |
+| `AVIF_EXIF`                        | `1`                                           | Enable EXIF metadata for AVIF (1 = on, 0 = off).                     |
+| `JSON`                             | `1`                                           | Enable the JSON endpoint (1 = on, 0 = off).                          |
+| `DEFINITION`                       | `0`                                           | Enable the per-style `definition.json` endpoint (1 = on, 0 = off).   |
+| `OPTIONS`                          | `0`                                           | Enable the per-style `options.json` endpoint (1 = on, 0 = off).      |
+| `INITIALS_FILTER`                  | `1`                                           | Replace blocked text in rendered avatars with `*` (1 = on, 0 = off). |
+| `QUERY_STRING_ARRAY_LIMIT_MIN`     | `20`                                          | Minimum number of values allowed per array parameter.                |
+| `EXCLUDED_OPTIONS`                 | `idRandomization,fontFamily,fontWeight,title` | Comma-separated list of option names to exclude.                     |
+| `QUERY_STRING_PARAMETER_LIMIT_MIN` | `100`                                         | Minimum number of query string parameters allowed.                   |
diff --git a/apps/docs/pages/guides/how-do-i-set-a-gender/index.md b/apps/docs/pages/guides/how-do-i-set-a-gender/index.md
new file mode 100644
index 0000000..9b2e3c1
--- /dev/null
+++ b/apps/docs/pages/guides/how-do-i-set-a-gender/index.md
@@ -0,0 +1,64 @@
+---
+title: How Do I Set a Gender?
+description: >
+  DiceBear has no single gender switch, but you can shape avatars to look more
+  masculine or feminine using each style's options. Here is how, plus where to
+  share and reuse option sets.
+---
+
+# How do I set a gender?
+
+DiceBear has no single `gender` switch, but you can shape any avatar to look more
+masculine or feminine. Every feature is its own option, so you stay in control:
+pick the ones that fit the look you want, such as the hair or facial hair, and
+leave out the rest.
+
+## Find and apply the options
+
+The [Playground](/playground/) shows a preview for every option value and lets
+you combine them, with the avatar updating as you go. Every
+[avatar style page](/styles/) lists the same options as a static reference, also
+with previews, so you can look them up at any time. If you would rather not write
+any code, the [Editor](https://editor.dicebear.com) lets you browse styles and
+adjust options visually.
+
+Once you know which options you want, pass them as
+[query parameters in the HTTP API](/how-to-use/http-api/#options) or as options
+in the [JS library](/how-to-use/js-library/) and the other libraries. The
+Avataaars style, for example, lets you turn facial hair off with
+`facialHairProbability=0`:
+
+```
+https://api.dicebear.com/10.x/avataaars/svg?seed=Casey&facialHairProbability=0
+```
+
+The options differ from style to style, so check the style page for the one you
+use.
+
+## Share and reuse option sets
+
+If you put together a set of options you like, share it under
+[Show and tell](https://github.com/orgs/dicebear/discussions/categories/show-and-tell)
+in our GitHub Discussions. Other people can then build on your work and adapt it
+to their own needs, and you can reuse combinations that others have already
+shared.
+
+## Why there is no dedicated gender option
+
+Most DiceBear styles draw a face or head, not a whole body. A face shows very
+few features that clearly read as male or female, so there is no dependable set
+of traits a `male`/`female` switch could flip. The closest thing to an exception
+is facial hair, which grows mainly on men. Even that is a weak signal: many men
+are clean-shaven by choice, culture, or religion, and in many populations men
+naturally grow little facial hair, so a missing beard tells you nothing.
+
+Beyond facial hair, what reads as "masculine" or "feminine" depends on culture
+and personal taste. A hairstyle, a piece of clothing, or an accessory can mean
+something different depending on where and who you are. A built-in switch would
+have to settle on one fixed interpretation for everyone, and that would not fit
+every project or audience.
+
+DiceBear is used all over the world, in every kind of project, so it makes no
+assumptions about what a male or female avatar should look like. No option is
+tied to a gender unless the style's designer deliberately built it that way. The
+options describe features such as hair or glasses, not a gender.
diff --git a/apps/docs/pages/guides/how-many-unique-avatars/index.md b/apps/docs/pages/guides/how-many-unique-avatars/index.md
new file mode 100644
index 0000000..72eb872
--- /dev/null
+++ b/apps/docs/pages/guides/how-many-unique-avatars/index.md
@@ -0,0 +1,46 @@
+---
+title: How Many Unique Avatars Are Possible?
+description: >
+  Find out how many unique seed-driven avatar combinations are possible for each
+  DiceBear avatar style at default configuration.
+---
+
+<script setup lang="ts">
+import UniqueAvatarsTable from '@theme/components/guides/UniqueAvatarsTable.vue';
+</script>
+
+# How many unique avatars are possible per avatar style?
+
+The number below is the size of the seed-driven output space for each style at
+its default configuration: how many distinct avatars the seed can produce while
+every other option is left untouched. The count mirrors what the renderer
+actually does:
+
+- **Variant pick per component.** Each visible component contributes one variant
+  choice. Variants with `weight: 0` are excluded because the PRNG never picks
+  them (unless every variant has `weight: 0`, in which case the PRNG falls back
+  to an unweighted pick across all of them).
+- **Probability.** A component whose `probability` is strictly between `0` and
+  `100` adds the "not rendered" branch as one extra outcome. A component with
+  `probability: 0` collapses to a single (always-absent) outcome.
+- **Per-component transforms.** `rotate`, `scale`, and `translate` ranges in the
+  definition are sampled with 4-decimal precision per component reference, so a
+  `[min, max]` range contributes `round((max - min) × 10000) + 1` distinct
+  values.
+- **Color palettes.** Color groups are evaluated jointly: `notEqualTo` strips
+  the picked hex values of the referenced groups (with the renderer's "fall back
+  to full palette when filtering empties" rule), and `contrastTo` reduces to a
+  single, deterministic pick.
+- **Seed-derived initials.** When a style renders the `initial` or `initials`
+  variable, each output letter ranges over the Unicode `\p{L}` category (about
+  140,000 distinct uppercased characters), and `initials` emits up to two
+  letters per seed.
+
+User-supplied options (custom color palettes, variant whitelists, additional
+backgrounds, `flip`, `rotate`, `scale`, `translate`, `borderRadius`, ID
+randomization, …) raise the count further beyond what is reported here.
+
+<UniqueAvatarsTable />
+
+If a number looks wrong, please open a
+[discussion](https://github.com/orgs/dicebear/discussions) on GitHub.
diff --git a/apps/docs/pages/guides/load-all-avatar-styles/index.md b/apps/docs/pages/guides/load-all-avatar-styles/index.md
new file mode 100644
index 0000000..cbec4be
--- /dev/null
+++ b/apps/docs/pages/guides/load-all-avatar-styles/index.md
@@ -0,0 +1,192 @@
+---
+title: Load All Avatar Styles from @dicebear/styles
+description: >
+  Learn how to load every avatar style shipped with @dicebear/styles at once in
+  Node.js, PHP, Python, Rust, Go and Dart.
+---
+
+# How to load all avatar styles from `@dicebear/styles`?
+
+The [DiceBear styles repository](https://github.com/dicebear/styles) ships every
+official avatar style as a separate JSON file. It is distributed as
+[`@dicebear/styles`](https://www.npmjs.com/package/@dicebear/styles) on npm,
+[`dicebear/styles`](https://packagist.org/packages/dicebear/styles) on
+Packagist, [`dicebear-styles`](https://pypi.org/project/dicebear-styles/) on
+PyPI, [`dicebear-styles`](https://crates.io/crates/dicebear-styles) on
+crates.io,
+[`github.com/dicebear/styles/v10`](https://pkg.go.dev/github.com/dicebear/styles/v10)
+as a Go module and [`dicebear_styles`](https://pub.dev/packages/dicebear_styles)
+on pub.dev. Most projects only need one or two styles, but sometimes (for a
+style picker, a gallery page, or a batch job) you want to load all of them at
+once.
+
+This guide shows how to do that in Node.js, PHP, Python, Rust, Go and Dart.
+
+## Node.js
+
+In Node.js you can read the styles straight from the installed package on disk.
+The package ships its source JSON files under `src/`.
+
+```js
+import { readdir, readFile } from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import path from 'node:path';
+import { Avatar } from '@dicebear/core';
+
+const require = createRequire(import.meta.url);
+const stylesDir = path.join(
+  path.dirname(require.resolve('@dicebear/styles/package.json')),
+  'src',
+);
+
+const files = (await readdir(stylesDir)).filter((file) =>
+  file.endsWith('.json'),
+);
+
+const styles = Object.fromEntries(
+  await Promise.all(
+    files.map(async (file) => {
+      const definition = JSON.parse(
+        await readFile(path.join(stylesDir, file), 'utf8'),
+      );
+
+      return [path.basename(file, '.json'), definition];
+    }),
+  ),
+);
+
+const avatar = new Avatar(styles.lorelei, { seed: 'Alice' });
+```
+
+## PHP
+
+PHP can locate the installed package via Composer and iterate over the JSON
+files in its `src/` directory.
+
+```php
+<?php
+
+use Composer\InstalledVersions;
+use DiceBear\Avatar;
+use DiceBear\Style;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$files    = glob($basePath . '/src/*.json');
+
+$styles = [];
+foreach ($files as $file) {
+    $name = basename($file, '.json');
+
+    $styles[$name] = Style::fromJson(file_get_contents($file));
+}
+
+$avatar = new Avatar($styles['lorelei'], ['seed' => 'Alice']);
+```
+
+## Python
+
+The `dicebear-styles` package ships the definitions as JSON resources under the
+`dicebear_styles` import name. Iterate over them with `importlib.resources`.
+
+```python
+from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+styles = {
+    resource.name.removesuffix(".json"): Style.from_json(
+        resource.read_text("utf-8")
+    )
+    for resource in files("dicebear_styles").iterdir()
+    if resource.name.endswith(".json")
+}
+
+avatar = Avatar(styles["lorelei"], {"seed": "Alice"})
+```
+
+## Rust
+
+The `dicebear-styles` crate embeds each style behind a Cargo feature of the same
+name, so a binary only ships the styles it opts into. To load _all_ of them, add
+the crate with the `all` feature:
+
+```sh
+cargo add dicebear-core serde_json
+cargo add dicebear-styles --features all
+```
+
+`dicebear_styles::all()` lists every style compiled into the build, and
+`dicebear_styles::get(name)` returns its raw JSON definition.
+
+```rust
+use std::collections::HashMap;
+
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let mut styles = HashMap::new();
+for name in dicebear_styles::all() {
+    let definition = dicebear_styles::get(name).expect("style is embedded");
+    styles.insert(name, Style::from_str(definition)?);
+}
+
+let avatar = Avatar::new(&styles["lorelei"], json!({ "seed": "Alice" }))?;
+```
+
+## Go
+
+The `github.com/dicebear/styles/v10` module embeds every style. Unlike the Rust
+crate, there is no per-style opt-in, so the whole set is available once the
+module is added.
+
+```sh
+go get github.com/dicebear/dicebear-go/v10
+go get github.com/dicebear/styles/v10
+```
+
+`styles.All()` lists every embedded style and `styles.Get(name)` returns its raw
+JSON definition.
+
+```go
+import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+parsed := map[string]*dicebear.Style{}
+for _, name := range styles.All() {
+	definition, _ := styles.Get(name)
+	style, err := dicebear.NewStyle([]byte(definition))
+	if err != nil {
+		panic(err)
+	}
+	parsed[name] = style
+}
+
+avatar, _ := dicebear.NewAvatar(parsed["lorelei"], map[string]any{"seed": "Alice"})
+```
+
+## Dart
+
+The `dicebear_styles` package ships each style in its own library, so a compiled
+app only embeds the styles it imports. To load _all_ of them, import the
+umbrella library `package:dicebear_styles/dicebear_styles.dart`, which
+re-exports every style:
+
+```sh
+dart pub add dicebear_core dicebear_styles
+```
+
+`styles.all` lists every embedded style and `styles.get(name)` returns its raw
+JSON definition.
+
+```dart
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/dicebear_styles.dart' as styles;
+
+final parsed = {
+  for (final name in styles.all) name: Style.parse(styles.get(name)!),
+};
+
+final avatar = Avatar(parsed['lorelei']!, {'seed': 'Alice'});
+```
diff --git a/apps/docs/pages/guides/use-as-avatar-placeholder/index.md b/apps/docs/pages/guides/use-as-avatar-placeholder/index.md
new file mode 100644
index 0000000..96e66ac
--- /dev/null
+++ b/apps/docs/pages/guides/use-as-avatar-placeholder/index.md
@@ -0,0 +1,320 @@
+---
+title: Using DiceBear as an Avatar Placeholder API
+description: >
+  Use DiceBear as a deterministic avatar placeholder API for user profiles.
+  Generate consistent SVG profile pictures from user IDs or emails, with no
+  image upload required.
+---
+
+<script setup>
+import { Fingerprint, Zap, Server, Palette } from '@lucide/vue';
+import BrowserPreview from '@theme/components/ui/UiBrowserPreview.vue';
+import DocsHighlights from '@theme/components/docs/DocsHighlights.vue';
+import DocsStyleGrid from '@theme/components/docs/DocsStyleGrid.vue';
+
+const highlights = [
+  {
+    icon: Fingerprint,
+    title: 'Deterministic',
+    description:
+      'The same seed always produces the same avatar. Use a user ID or email as the seed and the placeholder stays consistent across sessions and devices.',
+    color: '#1689cc',
+  },
+  {
+    icon: Zap,
+    title: 'Zero upload required',
+    description:
+      'No images to store, no moderation needed. The avatar is generated on the fly, which works well for new users without a profile picture yet.',
+    color: '#f59e0b',
+  },
+  {
+    icon: Server,
+    title: 'Self-hostable',
+    description:
+      'Run your own instance of the HTTP API for full control over availability and data retention.',
+    color: '#22c55e',
+  },
+  {
+    icon: Palette,
+    title: '35+ styles',
+    description:
+      'Pick the visual style that fits your product, from abstract geometric shapes to illustrated characters.',
+    color: '#a855f7',
+  },
+];
+
+const styles = [
+  {
+    name: 'Initials',
+    styleName: 'initials',
+    link: '/styles/initials/',
+    bestFor: 'Apps where showing user initials is conventional',
+  },
+  {
+    name: 'Identicon',
+    styleName: 'identicon',
+    link: '/styles/identicon/',
+    bestFor: 'Developer tools, version control, technical platforms',
+  },
+  {
+    name: 'Pixel Art',
+    styleName: 'pixel-art',
+    link: '/styles/pixel-art/',
+    bestFor: 'Gaming, retro, or developer-focused communities',
+  },
+  {
+    name: 'Thumbs',
+    styleName: 'thumbs',
+    link: '/styles/thumbs/',
+    bestFor: 'Friendly consumer apps and social platforms',
+  },
+  {
+    name: 'Shapes',
+    styleName: 'shapes',
+    link: '/styles/shapes/',
+    bestFor: 'Abstract, neutral placeholder for any context',
+  },
+];
+</script>
+
+# Using DiceBear as an avatar placeholder API
+
+An avatar placeholder replaces the generic default shown when a user hasn't
+uploaded a profile picture yet. Instead of a gray silhouette, DiceBear generates
+a unique, deterministic SVG avatar from any seed, so every user gets a distinct
+picture from the moment they sign up.
+
+## Why DiceBear as a placeholder?
+
+<DocsHighlights :highlights="highlights" />
+
+## With the HTTP API
+
+The simplest approach: use a DiceBear API URL as the `src` of an `<img>` tag.
+Use a stable identifier as the seed. A numeric user ID works well. For full
+options and rate limit details, see the
+[HTTP API documentation](/how-to-use/http-api/).
+
+<BrowserPreview url="https://api.dicebear.com/10.x/initials/svg?seed=JD" />
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg?seed=user-42" />
+
+```html
+<img
+  src="https://api.dicebear.com/10.x/initials/svg?seed=JD"
+  alt="User avatar"
+  width="48"
+  height="48"
+/>
+```
+
+### Fallback on image error
+
+Combine DiceBear with an `onerror` handler to fall back gracefully when a user's
+uploaded photo fails to load:
+
+```html
+<img
+  src="/uploads/user-123.jpg"
+  onerror="this.src='https://api.dicebear.com/10.x/pixel-art/svg?seed=123'; this.onerror=null;"
+  alt="User avatar"
+/>
+```
+
+### Using a user ID as seed
+
+Pass a stable, unique identifier as the seed to ensure each user always gets the
+same placeholder:
+
+```js
+const userId = 'user-8f3a2c';
+const avatarUrl = `https://api.dicebear.com/10.x/thumbs/svg?seed=${encodeURIComponent(userId)}`;
+```
+
+<BrowserPreview url="https://api.dicebear.com/10.x/thumbs/svg?seed=user-8f3a2c" />
+
+## With the JavaScript library
+
+Use the JS library for server-side rendering or to embed the SVG directly in
+your markup without an additional HTTP request. For full installation and API
+details, see the [JavaScript library documentation](/how-to-use/js-library/).
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import thumbs from '@dicebear/styles/thumbs.json' with { type: 'json' };
+
+const style = new Style(thumbs);
+
+function getPlaceholderAvatar(userId) {
+  return new Avatar(style, {
+    seed: userId,
+    size: 48,
+    borderRadius: 50,
+  }).toString();
+}
+```
+
+## With the PHP library
+
+Use the PHP library for server-side rendering without an additional HTTP
+request. For full installation and API details, see the
+[PHP library documentation](/how-to-use/php-library/).
+
+```php
+<?php
+
+use Composer\InstalledVersions;
+use DiceBear\Style;
+use DiceBear\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/thumbs.json'));
+
+function getPlaceholderAvatar(Style $style, string $userId): string {
+  return (string) new Avatar($style, [
+    'seed' => $userId,
+    'size' => 48,
+    'borderRadius' => 50,
+  ]);
+}
+```
+
+## With the Python library
+
+Use the Python library for server-side rendering without an additional HTTP
+request. For full installation and API details, see the
+[Python library documentation](/how-to-use/python-library/).
+
+```python
+from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("thumbs.json").read_text("utf-8")
+)
+
+def get_placeholder_avatar(user_id: str) -> str:
+    return Avatar(style, {
+        "seed": user_id,
+        "size": 48,
+        "borderRadius": 50,
+    }).to_string()
+```
+
+## With the Rust library
+
+Use the Rust library for server-side rendering without an additional HTTP
+request. For full installation and API details, see the
+[Rust library documentation](/how-to-use/rust-library/).
+
+```rust
+use dicebear_core::{Avatar, Error, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::THUMBS)?;
+
+fn placeholder_avatar(style: &Style, user_id: &str) -> Result<String, Error> {
+    let avatar = Avatar::new(style, json!({
+        "seed": user_id,
+        "size": 48,
+        "borderRadius": 50,
+    }))?;
+
+    Ok(avatar.to_string())
+}
+```
+
+## With the Go library
+
+Use the Go library for server-side rendering without an additional HTTP request.
+For full installation and API details, see the
+[Go library documentation](/how-to-use/go-library/).
+
+```go
+import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+style, _ := dicebear.NewStyle([]byte(styles.Thumbs))
+
+func placeholderAvatar(style *dicebear.Style, userID string) (string, error) {
+	avatar, err := dicebear.NewAvatar(style, map[string]any{
+		"seed":         userID,
+		"size":         48,
+		"borderRadius": 50,
+	})
+	if err != nil {
+		return "", err
+	}
+
+	return avatar.SVG(), nil
+}
+```
+
+## With the Dart library
+
+Use the Dart library for server-side rendering without an additional HTTP
+request. For full installation and API details, see the
+[Dart library documentation](/how-to-use/dart-library/).
+
+```dart
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/thumbs.dart';
+
+final style = Style.parse(thumbs);
+
+String getPlaceholderAvatar(String userId) {
+  return Avatar(style, {
+    'seed': userId,
+    'size': 48,
+    'borderRadius': 50,
+  }).svg;
+}
+```
+
+## Choosing a style
+
+Different styles suit different use cases. Click a style to see all available
+options.
+
+<DocsStyleGrid :styles="styles" />
+
+## Tip: always define a size
+
+Specify a `size` or CSS dimensions to avoid layout shift while the avatar loads:
+
+```js
+// JS library
+new Avatar(style, { seed: userId, size: 48, borderRadius: 50 });
+```
+
+```php
+// PHP library
+new Avatar($style, ['seed' => $userId, 'size' => 48, 'borderRadius' => 50]);
+```
+
+```python
+# Python library
+Avatar(style, {"seed": user_id, "size": 48, "borderRadius": 50})
+```
+
+```rust
+// Rust library
+Avatar::new(&style, json!({ "seed": user_id, "size": 48, "borderRadius": 50 }))?;
+```
+
+```go
+// Go library
+dicebear.NewAvatar(style, map[string]any{"seed": userID, "size": 48, "borderRadius": 50})
+```
+
+```dart
+// Dart library
+Avatar(style, {'seed': userId, 'size': 48, 'borderRadius': 50});
+```
+
+```
+// HTTP API
+https://api.dicebear.com/10.x/thumbs/svg?seed=user-123&size=48&borderRadius=50
+```
diff --git a/apps/docs/pages/guides/use-the-http-api-as-gravatar-default-image/index.md b/apps/docs/pages/guides/use-the-http-api-as-gravatar-default-image/index.md
new file mode 100644
index 0000000..a17cb39
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-http-api-as-gravatar-default-image/index.md
@@ -0,0 +1,182 @@
+---
+title: DiceBear as Gravatar Default Avatar
+description: >
+  Use DiceBear's avatar API as a privacy-focused Gravatar fallback image. Simple
+  URL-based integration with no authentication required.
+---
+
+# DiceBear as Gravatar default avatar
+
+You can use the HTTP API of DiceBear as Gravatar default image. But before that,
+let's take a look at the conditions for Gravatar default images:
+
+> 1. ✅ MUST be publicly available (e.g. cannot be on an intranet, on a local
+>    development machine, behind HTTP Auth or some other firewall etc). Default
+>    images are passed through a security scan to avoid malicious content.
+> 2. ✅ MUST be accessible via HTTP or HTTPS on the standard ports, 80 and 443,
+>    respectively.
+> 3. ⚠️ MUST have a recognizable image extension (jpg, jpeg, gif, png, heic)
+> 4. ⚠️ MUST NOT include a querystring (if it does, it will be ignored)
+
+> Source: https://docs.gravatar.com/sdk/images/#default-image
+
+Since Gravatar does not support SVG, we have to use the PNG endpoint.
+
+::: code-group
+
+<!-- prettier-ignore -->
+```js [JavaScript]
+const emailHash = encodeURIComponent('00000000000000000000000000000000');
+const defaultImage = encodeURIComponent(
+  'https://api.dicebear.com/10.x/lorelei/svg' // [!code --]
+  'https://api.dicebear.com/10.x/lorelei/png' // [!code ++]
+);
+
+const gravatarImage = `https://www.gravatar.com/avatar/${emailHash}?d=${defaultImage}`;
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng
+```
+
+<!-- prettier-ignore -->
+```php [PHP]
+$emailHash = urlencode('00000000000000000000000000000000');
+$defaultImage = urlencode(
+  'https://api.dicebear.com/10.x/lorelei/svg' // [!code --]
+  'https://api.dicebear.com/10.x/lorelei/png' // [!code ++]
+);
+
+$gravatarImage = sprintf(
+  'https://www.gravatar.com/avatar/%s?d=%s',
+  $emailHash,
+  $defaultImage
+);
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng
+```
+
+<!-- prettier-ignore -->
+```python [Python]
+import urllib.parse
+
+email_hash = urllib.parse.quote("00000000000000000000000000000000")
+default_image = urllib.parse.quote(
+    "https://api.dicebear.com/10.x/lorelei/svg"  # [!code --]
+    "https://api.dicebear.com/10.x/lorelei/png"  # [!code ++]
+)
+
+gravatar_image = f"https://www.gravatar.com/avatar/{email_hash}?d={default_image}"
+# https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng
+```
+
+<!-- prettier-ignore -->
+```go [Go]
+import (
+	"fmt"
+	"net/url"
+)
+
+emailHash := url.QueryEscape("00000000000000000000000000000000")
+defaultImage := url.QueryEscape(
+	"https://api.dicebear.com/10.x/lorelei/svg", // [!code --]
+	"https://api.dicebear.com/10.x/lorelei/png", // [!code ++]
+)
+
+gravatarImage := fmt.Sprintf("https://www.gravatar.com/avatar/%s?d=%s", emailHash, defaultImage)
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng
+```
+
+<!-- prettier-ignore -->
+```dart [Dart]
+final emailHash = Uri.encodeComponent('00000000000000000000000000000000');
+final defaultImage = Uri.encodeComponent(
+  'https://api.dicebear.com/10.x/lorelei/svg' // [!code --]
+  'https://api.dicebear.com/10.x/lorelei/png' // [!code ++]
+);
+
+final gravatarImage = 'https://www.gravatar.com/avatar/$emailHash?d=$defaultImage';
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng
+```
+
+:::
+
+Usually we set options in the query string, such as the seed. Since a query
+string is not allowed by Gravatar, the [HTTP-API](/how-to-use/http-api/) allows
+you to specify the options in the path. Just replace the question mark with a
+slash and encode the options.
+
+::: code-group
+
+```js [JavaScript]
+const emailHash = encodeURIComponent('00000000000000000000000000000000');
+const options = `seed=${emailHash}`;
+const defaultImage = encodeURIComponent(
+  `https://api.dicebear.com/10.x/lorelei/png?${options}` // [!code --]
+  `https://api.dicebear.com/10.x/lorelei/png/${encodeURIComponent(options)}`, // [!code ++]
+);
+
+const gravatarImage = `https://www.gravatar.com/avatar/${emailHash}?d=${defaultImage}`;
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng%2Fseed%253D00000000000000000000000000000000
+```
+
+<!-- prettier-ignore -->
+```php [PHP]
+$emailHash = urlencode('00000000000000000000000000000000');
+$options = sprintf('seed=%s', $emailHash);
+$defaultImage = urlencode(
+  'https://api.dicebear.com/10.x/lorelei/png?' . $options // [!code --]
+  'https://api.dicebear.com/10.x/lorelei/png/' . urlencode($options) // [!code ++]
+);
+
+$gravatarImage = sprintf(
+  'https://www.gravatar.com/avatar/%s?d=%s',
+  $emailHash,
+  $defaultImage
+);
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng%2Fseed%253D00000000000000000000000000000000
+```
+
+<!-- prettier-ignore -->
+```python [Python]
+import urllib.parse
+
+email_hash = urllib.parse.quote("00000000000000000000000000000000")
+options = f"seed={email_hash}"
+default_image = urllib.parse.quote(
+    f"https://api.dicebear.com/10.x/lorelei/png?{options}"  # [!code --]
+    f"https://api.dicebear.com/10.x/lorelei/png/{urllib.parse.quote(options)}"  # [!code ++]
+)
+
+gravatar_image = f"https://www.gravatar.com/avatar/{email_hash}?d={default_image}"
+# https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng%2Fseed%253D00000000000000000000000000000000
+```
+
+<!-- prettier-ignore -->
+```go [Go]
+import (
+	"fmt"
+	"net/url"
+)
+
+emailHash := url.QueryEscape("00000000000000000000000000000000")
+options := fmt.Sprintf("seed=%s", emailHash)
+defaultImage := url.QueryEscape(
+	fmt.Sprintf("https://api.dicebear.com/10.x/lorelei/png?%s", options), // [!code --]
+	fmt.Sprintf("https://api.dicebear.com/10.x/lorelei/png/%s", url.QueryEscape(options)), // [!code ++]
+)
+
+gravatarImage := fmt.Sprintf("https://www.gravatar.com/avatar/%s?d=%s", emailHash, defaultImage)
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng%2Fseed%253D00000000000000000000000000000000
+```
+
+<!-- prettier-ignore -->
+```dart [Dart]
+final emailHash = Uri.encodeComponent('00000000000000000000000000000000');
+final options = 'seed=$emailHash';
+final defaultImage = Uri.encodeComponent(
+  'https://api.dicebear.com/10.x/lorelei/png?$options' // [!code --]
+  'https://api.dicebear.com/10.x/lorelei/png/${Uri.encodeComponent(options)}' // [!code ++]
+);
+
+final gravatarImage = 'https://www.gravatar.com/avatar/$emailHash?d=$defaultImage';
+// https://www.gravatar.com/avatar/00000000000000000000000000000000?d=https%3A%2F%2Fapi.dicebear.com%2F10.x%2Florelei%2Fpng%2Fseed%253D00000000000000000000000000000000
+```
+
+:::
diff --git a/apps/docs/pages/guides/use-the-library-with-angular/index.md b/apps/docs/pages/guides/use-the-library-with-angular/index.md
new file mode 100644
index 0000000..6c19dbc
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-angular/index.md
@@ -0,0 +1,120 @@
+---
+title: Angular Avatar Library – DiceBear Integration
+description: >
+  Integrate DiceBear SVG profile pictures into Angular applications via the
+  JavaScript avatar library or avatar API.
+---
+
+# Angular avatar library: using DiceBear with Angular
+
+DiceBear can be integrated into Angular components using Signals (Angular 17+)
+or the `OnChanges` lifecycle hook. Use the JavaScript library for client-side
+SVG avatar generation, or the HTTP API as a simple `<img>` source with no
+additional dependencies.
+
+You can use DiceBear with Angular either via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+::: code-group
+
+```typescript [Angular 17+]
+import { Component, input, computed } from '@angular/core';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+@Component({
+  selector: 'app-avatar',
+  template: `<img [src]="avatarUrl()" alt="Avatar" />`,
+})
+export class AvatarComponent {
+  seed = input('Alice');
+
+  avatarUrl = computed(() =>
+    new Avatar(style, {
+      seed: this.seed(),
+      size: 128,
+      // ... other options
+    }).toDataUri(),
+  );
+}
+```
+
+```typescript [Angular 16 and earlier]
+import { Component, Input, OnChanges } from '@angular/core';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+@Component({
+  selector: 'app-avatar',
+  standalone: true,
+  template: `<img [src]="avatarUrl" alt="Avatar" />`,
+})
+export class AvatarComponent implements OnChanges {
+  @Input() seed: string = 'Alice';
+  avatarUrl: string = '';
+
+  ngOnChanges() {
+    this.avatarUrl = new Avatar(style, {
+      seed: this.seed,
+      size: 128,
+      // ... other options
+    }).toDataUri();
+  }
+}
+```
+
+:::
+
+## With the HTTP API
+
+::: code-group
+
+```typescript [Angular 17+]
+import { Component, input, computed } from '@angular/core';
+
+@Component({
+  selector: 'app-avatar',
+  template: `<img [src]="avatarUrl()" alt="Avatar" />`,
+})
+export class AvatarComponent {
+  seed = input('Alice');
+
+  avatarUrl = computed(() => {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+    url.searchParams.set('seed', this.seed());
+    url.searchParams.set('size', '128');
+    // ... other options
+    return url.href;
+  });
+}
+```
+
+```typescript [Angular 16 and earlier]
+import { Component, Input, OnChanges } from '@angular/core';
+
+@Component({
+  selector: 'app-avatar',
+  standalone: true,
+  template: `<img [src]="avatarUrl" alt="Avatar" />`,
+})
+export class AvatarComponent implements OnChanges {
+  @Input() seed: string = 'Alice';
+  avatarUrl: string = '';
+
+  ngOnChanges() {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+    url.searchParams.set('seed', this.seed);
+    url.searchParams.set('size', '128');
+    // ... other options
+    this.avatarUrl = url.href;
+  }
+}
+```
+
+:::
diff --git a/apps/docs/pages/guides/use-the-library-with-flutter/index.md b/apps/docs/pages/guides/use-the-library-with-flutter/index.md
new file mode 100644
index 0000000..72c2667
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-flutter/index.md
@@ -0,0 +1,94 @@
+---
+title: Flutter Avatar Library
+description: >
+  Generate SVG profile pictures in Flutter with DiceBear. Render avatars on the
+  device with the Dart library, or load PNGs from the HTTP API with no extra
+  packages.
+---
+
+# Flutter avatar library: using DiceBear with Flutter
+
+You can generate DiceBear avatars in Flutter two ways. Use the
+[Dart library](/how-to-use/dart-library/) with an SVG renderer to build avatars
+on the device, or use the [HTTP API](/how-to-use/http-api/) with Flutter's
+built-in `Image.network` to load ready-made PNGs.
+
+The HTTP API needs no extra packages and is the quickest to set up. The Dart
+library keeps everything local, so it works offline and sends no requests.
+
+## With the Dart library
+
+Add the core library, the style definitions, and an SVG renderer. We use
+[flutter_svg](https://pub.dev/packages/flutter_svg) to draw the SVG string.
+
+```sh
+flutter pub add dicebear_core dicebear_styles flutter_svg
+```
+
+```dart
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/lorelei.dart';
+
+// Parse the style once and reuse it.
+final style = Style.parse(lorelei);
+
+class UserAvatar extends StatelessWidget {
+  const UserAvatar({super.key, this.seed = 'Alice'});
+
+  final String seed;
+
+  @override
+  Widget build(BuildContext context) {
+    final avatar = Avatar(style, {
+      'seed': seed,
+      'size': 128,
+      // ... other options
+    });
+
+    return SvgPicture.string(
+      avatar.svg,
+      width: 128,
+      height: 128,
+    );
+  }
+}
+```
+
+`Avatar(style, {...}).svg` returns the SVG as a string, which
+`SvgPicture.string` renders directly. For the full API and the options each
+style accepts, see the [Dart library reference](/how-to-use/dart-library/).
+
+## With the HTTP API
+
+The HTTP API returns finished images, so you need no extra packages. Request the
+`png` format and pass the URL to `Image.network`.
+
+```dart
+import 'package:flutter/material.dart';
+
+class UserAvatar extends StatelessWidget {
+  const UserAvatar({super.key, this.seed = 'Alice'});
+
+  final String seed;
+
+  @override
+  Widget build(BuildContext context) {
+    final url = Uri.https('api.dicebear.com', '/10.x/lorelei/png', {
+      'seed': seed,
+      'size': '128',
+      // ... other options
+    });
+
+    return Image.network(
+      url.toString(),
+      width: 128,
+      height: 128,
+    );
+  }
+}
+```
+
+Every option is a query parameter. See the
+[HTTP API reference](/how-to-use/http-api/) for the full list.
diff --git a/apps/docs/pages/guides/use-the-library-with-next-js/index.md b/apps/docs/pages/guides/use-the-library-with-next-js/index.md
new file mode 100644
index 0000000..ef3ce36
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-next-js/index.md
@@ -0,0 +1,183 @@
+---
+title: Next.js Avatar Library – DiceBear Integration
+description: >
+  Use DiceBear SVG avatars in Next.js (App Router and Pages Router). Server
+  component rendering, client component rendering, and image optimization
+  patterns for deterministic profile pictures.
+---
+
+# Next.js avatar library: using DiceBear with Next.js
+
+DiceBear works in every Next.js rendering mode: server components, client
+components, and the Pages Router. Server-side generation is the default
+recommendation because it produces zero JavaScript on the client and avoids
+hydration pitfalls.
+
+You can use DiceBear with [Next.js](https://nextjs.org/) via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## App Router
+
+### Server component (recommended)
+
+In App Router, components are server components by default. Generate the SVG on
+the server and inline it as a
+[data URI](https://en.wikipedia.org/wiki/Data_URI_scheme), so the avatar needs
+no client-side JavaScript.
+
+```tsx
+// app/components/UserAvatar.tsx
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+export function UserAvatar({ seed = 'Alice' }: { seed?: string }) {
+  const dataUri = new Avatar(style, {
+    seed,
+    size: 128,
+    // ... other options
+  }).toDataUri();
+
+  return <img src={dataUri} alt="Avatar" width={128} height={128} />;
+}
+```
+
+### Client component
+
+Mark the file with `'use client'` and wrap generation in `useMemo` so the avatar
+is only re-derived when the seed changes.
+
+```tsx
+// app/components/UserAvatarClient.tsx
+'use client';
+
+import { useMemo } from 'react';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+export function UserAvatarClient({ seed = 'Alice' }: { seed?: string }) {
+  const dataUri = useMemo(
+    () =>
+      new Avatar(style, {
+        seed,
+        size: 128,
+        // ... other options
+      }).toDataUri(),
+    [seed],
+  );
+
+  return <img src={dataUri} alt="Avatar" width={128} height={128} />;
+}
+```
+
+::: warning Hydration & `idRandomization`
+
+`idRandomization` uses the host's non-seeded RNG, so the server and the client
+will produce different IDs and React will throw a hydration mismatch warning.
+Either:
+
+- Generate the avatar in a server component (no hydration) and don't pass the
+  SVG to a client component, **or**
+- Leave `idRandomization: false` and rely on the deterministic IDs.
+
+If you need ID uniqueness across multiple avatars on the same page, render each
+avatar entirely on the server.
+
+:::
+
+### Route handler (avatar endpoint)
+
+Expose DiceBear behind your own URL. This is useful for caching with custom
+`Cache-Control` headers or for restricting which seeds are accepted.
+
+```ts
+// app/api/avatar/[seed]/route.ts
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+export async function GET(
+  _request: Request,
+  { params }: { params: Promise<{ seed: string }> },
+) {
+  const { seed } = await params;
+
+  const svg = new Avatar(style, { seed, size: 128 }).toString();
+
+  return new Response(svg, {
+    headers: {
+      'Content-Type': 'image/svg+xml',
+      'Cache-Control': 'public, max-age=31536000, immutable',
+    },
+  });
+}
+```
+
+## Pages Router
+
+Pages Router treats every component as client-side by default. Use `useMemo`
+exactly like in a plain React app. See the
+[React guide](/guides/use-the-library-with-react/) for the canonical pattern.
+Server-side generation through `getServerSideProps` or `getStaticProps` returns
+the SVG as a prop, which avoids a client bundle hit.
+
+```tsx
+// pages/profile.tsx
+import type { GetServerSideProps } from 'next';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+type Props = { avatar: string };
+
+export const getServerSideProps: GetServerSideProps<Props> = async () => {
+  const avatar = new Avatar(style, { seed: 'Alice', size: 128 }).toDataUri();
+
+  return { props: { avatar } };
+};
+
+export default function Profile({ avatar }: Props) {
+  return <img src={avatar} alt="Avatar" width={128} height={128} />;
+}
+```
+
+## With the HTTP API
+
+The HTTP API needs no installation and works in both routers. Use a plain
+`<img>` tag. Next.js does not pre-process external SVGs by default.
+
+```tsx
+export function UserAvatar({ seed = 'Alice' }: { seed?: string }) {
+  const src = `https://api.dicebear.com/10.x/lorelei/svg?seed=${encodeURIComponent(seed)}&size=128`;
+
+  return <img src={src} alt="Avatar" width={128} height={128} />;
+}
+```
+
+If you want to use `next/image` with the HTTP API, request a raster format (PNG,
+WebP, AVIF), since `next/image` does not optimize SVG sources, and add
+`api.dicebear.com` to `images.remotePatterns` in `next.config.js`.
+
+```js
+// next.config.js
+module.exports = {
+  images: {
+    remotePatterns: [{ protocol: 'https', hostname: 'api.dicebear.com' }],
+  },
+};
+```
+
+```tsx
+import Image from 'next/image';
+
+export function UserAvatar({ seed = 'Alice' }: { seed?: string }) {
+  const src = `https://api.dicebear.com/10.x/lorelei/png?seed=${encodeURIComponent(seed)}&size=128`;
+
+  return <Image src={src} alt="Avatar" width={128} height={128} />;
+}
+```
diff --git a/apps/docs/pages/guides/use-the-library-with-nuxt/index.md b/apps/docs/pages/guides/use-the-library-with-nuxt/index.md
new file mode 100644
index 0000000..58780df
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-nuxt/index.md
@@ -0,0 +1,135 @@
+---
+title: Nuxt Avatar Library – DiceBear Integration
+description: >
+  Use DiceBear SVG avatars in Nuxt 3. Server-side rendering, client-side
+  rendering, and Nitro endpoint patterns for deterministic profile pictures.
+---
+
+# Nuxt avatar library: using DiceBear with Nuxt
+
+DiceBear works with Nuxt's universal rendering model. The avatar can be
+generated on the server during SSR, in a Nitro endpoint, or in a plain client
+component. Pick whichever matches the page's
+[rendering mode](https://nuxt.com/docs/guide/concepts/rendering).
+
+You can use DiceBear with [Nuxt](https://nuxt.com/) via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+### Universal component
+
+Wrap generation in `computed` and the avatar is produced on whichever side the
+component renders on. Because the result is a data URI, the markup hydrates
+without re-running the renderer on the client.
+
+```vue
+<!-- components/UserAvatar.vue -->
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+const props = defineProps<{ seed?: string }>();
+
+const avatar = computed(() =>
+  new Avatar(style, {
+    seed: props.seed ?? 'Alice',
+    size: 128,
+    // ... other options
+  }).toDataUri(),
+);
+</script>
+
+<template>
+  <img :src="avatar" alt="Avatar" width="128" height="128" />
+</template>
+```
+
+::: warning Hydration & `idRandomization`
+
+`idRandomization` is backed by the host's non-seeded RNG, so the IDs produced
+during SSR will not match the client re-render, and Vue logs a hydration
+mismatch. Keep `idRandomization: false` for SSR'd avatars, or wrap the component
+in `<ClientOnly>` and accept the visual flash.
+
+If you need unique IDs across multiple avatars on the same page, render the
+entire page server-side and skip client hydration of the avatar subtree.
+
+:::
+
+### Nitro endpoint
+
+Expose DiceBear behind your own URL when you want custom caching or seed
+validation:
+
+```ts
+// server/api/avatar/[seed].get.ts
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+export default defineEventHandler((event) => {
+  const seed = getRouterParam(event, 'seed') ?? '';
+
+  setHeader(event, 'Content-Type', 'image/svg+xml');
+  setHeader(event, 'Cache-Control', 'public, max-age=31536000, immutable');
+
+  return new Avatar(style, { seed, size: 128 }).toString();
+});
+```
+
+Consume it from any component with `<img :src="`/api/avatar/${seed}`">`.
+
+### Cache with `useAsyncData`
+
+For per-request SSR caching (so the same seed isn't re-rendered when multiple
+components ask for it), wrap generation in `useAsyncData`:
+
+```vue
+<script setup lang="ts">
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+const props = defineProps<{ seed: string }>();
+
+const { data: avatar } = await useAsyncData(`avatar:${props.seed}`, () =>
+  Promise.resolve(
+    new Avatar(style, { seed: props.seed, size: 128 }).toDataUri(),
+  ),
+);
+</script>
+
+<template>
+  <img :src="avatar ?? undefined" alt="Avatar" width="128" height="128" />
+</template>
+```
+
+## With the HTTP API
+
+The HTTP API needs no installation. The URL is the same on the server and in the
+browser, so `<img>` works in any rendering mode:
+
+```vue
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const props = defineProps<{ seed?: string }>();
+
+const src = computed(() => {
+  const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+  url.searchParams.set('seed', props.seed ?? 'Alice');
+  url.searchParams.set('size', '128');
+  return url.href;
+});
+</script>
+
+<template>
+  <img :src="src" alt="Avatar" width="128" height="128" />
+</template>
+```
diff --git a/apps/docs/pages/guides/use-the-library-with-react-native/index.md b/apps/docs/pages/guides/use-the-library-with-react-native/index.md
new file mode 100644
index 0000000..0125b69
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-react-native/index.md
@@ -0,0 +1,77 @@
+---
+title: React Native Avatar Library – DiceBear
+description: >
+  Generate SVG user avatars in React Native using DiceBear. Integrate the
+  JavaScript avatar library or avatar API into your mobile app.
+---
+
+# React Native avatar library: using DiceBear with React Native
+
+DiceBear can be used in React Native via the JavaScript library with an SVG
+renderer, or via the HTTP API's PNG format using the built-in `Image` component.
+The API approach requires no SVG library.
+
+You can use DiceBear with [React Native](https://reactnative.dev/) either via
+the [JS-Library](/how-to-use/js-library/) or the
+[HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+You need an SVG library to render the avatars. In our example we use the package
+[react-native-svg](https://www.npmjs.com/package/react-native-svg).
+
+```
+npm install react-native-svg
+```
+
+```jsx
+import { useMemo } from 'react';
+import { View } from 'react-native';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+import { SvgXml } from 'react-native-svg';
+
+const style = new Style(lorelei);
+
+export default function UserAvatar({ seed = 'Alice' }) {
+  const avatar = useMemo(() => {
+    return new Avatar(style, {
+      seed,
+      size: 128,
+      // ... other options
+    }).toString();
+  }, [seed]);
+
+  return (
+    <View>
+      <SvgXml xml={avatar} />
+    </View>
+  );
+}
+```
+
+## With the HTTP API
+
+With the HTTP API you can use the PNG format and the built-in `Image` component
+without any additional dependencies.
+
+```jsx
+import { useMemo } from 'react';
+import { Image, View } from 'react-native';
+
+export default function Avatar({ seed = 'Alice' }) {
+  const avatar = useMemo(() => {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/png');
+    url.searchParams.set('seed', seed);
+    url.searchParams.set('size', '128');
+    // ... other options
+    return url.href;
+  }, [seed]);
+
+  return (
+    <View>
+      <Image source={{ uri: avatar }} style={{ width: 128, height: 128 }} />
+    </View>
+  );
+}
+```
diff --git a/apps/docs/pages/guides/use-the-library-with-react/index.md b/apps/docs/pages/guides/use-the-library-with-react/index.md
new file mode 100644
index 0000000..f2614d6
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-react/index.md
@@ -0,0 +1,55 @@
+---
+title: React Avatar Library – DiceBear Integration
+description: >
+  Use DiceBear SVG avatars in React via JS library or avatar API. Generate
+  deterministic profile pictures and user placeholder images in React apps.
+---
+
+# React avatar library: using DiceBear with React
+
+DiceBear works in React via the JS library or the HTTP API. Use `useMemo` to
+generate deterministic SVG profile pictures from a seed, or use the HTTP API as a
+plain `<img src>` with no additional dependencies.
+
+You can use DiceBear with React either via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+```jsx
+import { useMemo } from 'react';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+export default function UserAvatar({ seed = 'Alice' }) {
+  const avatar = useMemo(() => {
+    return new Avatar(style, {
+      seed,
+      size: 128,
+      // ... other options
+    }).toDataUri();
+  }, [seed]);
+
+  return <img src={avatar} alt="Avatar" />;
+}
+```
+
+## With the HTTP API
+
+```jsx
+import { useMemo } from 'react';
+
+export default function Avatar({ seed = 'Alice' }) {
+  const avatar = useMemo(() => {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+    url.searchParams.set('seed', seed);
+    url.searchParams.set('size', '128');
+    // ... other options
+    return url.href;
+  }, [seed]);
+
+  return <img src={avatar} alt="Avatar" />;
+}
+```
diff --git a/apps/docs/pages/guides/use-the-library-with-svelte/index.md b/apps/docs/pages/guides/use-the-library-with-svelte/index.md
new file mode 100644
index 0000000..1be7b16
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-svelte/index.md
@@ -0,0 +1,102 @@
+---
+title: Svelte Avatar Library – DiceBear Integration
+description: >
+  Use DiceBear to generate SVG profile pictures in Svelte via the JavaScript
+  avatar library or avatar API.
+---
+
+# Svelte avatar library: using DiceBear with Svelte
+
+DiceBear works with both Svelte 4 and Svelte 5. Use `$derived` (Svelte 5) or
+reactive statements (Svelte 4) to keep SVG profile pictures in sync with prop
+changes, either via the JS library for client-side generation or the HTTP API
+for a zero-dependency approach.
+
+You can use DiceBear with Svelte either via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+::: code-group
+
+```svelte [Svelte 5]
+<script>
+  import { Style, Avatar } from '@dicebear/core';
+  import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+  const style = new Style(lorelei);
+
+  let { seed = 'Alice' } = $props();
+
+  const avatar = $derived(
+    new Avatar(style, {
+      seed,
+      size: 128,
+      // ... other options
+    }).toDataUri()
+  );
+</script>
+
+<img src={avatar} alt="Avatar" />
+```
+
+```svelte [Svelte 4]
+<script>
+  import { Style, Avatar } from '@dicebear/core';
+  import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+  const style = new Style(lorelei);
+
+  export let seed = 'Alice';
+
+  $: avatar = new Avatar(style, {
+    seed,
+    size: 128,
+    // ... other options
+  }).toDataUri();
+</script>
+
+<img src={avatar} alt="Avatar" />
+```
+
+:::
+
+## With the HTTP API
+
+::: code-group
+
+```svelte [Svelte 5]
+<script>
+  let { seed = 'Alice' } = $props();
+
+  const src = $derived.by(() => {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+    url.searchParams.set('seed', seed);
+    url.searchParams.set('size', '128');
+    // ... other options
+    return url.href;
+  });
+</script>
+
+<img src={src} alt="Avatar" />
+```
+
+```svelte [Svelte 4]
+<script>
+  export let seed = 'Alice';
+
+  let src = '';
+
+  $: {
+    const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+    url.searchParams.set('seed', seed);
+    url.searchParams.set('size', '128');
+    // ... other options
+    src = url.href;
+  }
+</script>
+
+<img src={src} alt="Avatar" />
+```
+
+:::
diff --git a/apps/docs/pages/guides/use-the-library-with-vue/index.md b/apps/docs/pages/guides/use-the-library-with-vue/index.md
new file mode 100644
index 0000000..b4d6b5e
--- /dev/null
+++ b/apps/docs/pages/guides/use-the-library-with-vue/index.md
@@ -0,0 +1,67 @@
+---
+title: Vue Avatar Library – DiceBear Integration
+description: >
+  Add DiceBear SVG avatars to Vue 3 projects via the JavaScript avatar library
+  or avatar API. Includes TypeScript support.
+---
+
+# Vue avatar library: using DiceBear with Vue
+
+Wrap avatar generation in a `computed` property to keep profile pictures in sync
+with reactive data. Use the JS library for full control, or the HTTP API for a
+dependency-free approach.
+
+You can use DiceBear with Vue either via the
+[JS-Library](/how-to-use/js-library/) or the [HTTP-API](/how-to-use/http-api/).
+
+## With the JS library
+
+```vue
+<script setup>
+import { computed } from 'vue';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+const props = defineProps({
+  seed: { type: String, default: 'Alice' },
+});
+
+const avatar = computed(() =>
+  new Avatar(style, {
+    seed: props.seed,
+    size: 128,
+    // ... other options
+  }).toDataUri(),
+);
+</script>
+
+<template>
+  <img :src="avatar" alt="Avatar" />
+</template>
+```
+
+## With the HTTP API
+
+```vue
+<script setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+  seed: { type: String, default: 'Alice' },
+});
+
+const src = computed(() => {
+  const url = new URL('https://api.dicebear.com/10.x/lorelei/svg');
+  url.searchParams.set('seed', props.seed);
+  url.searchParams.set('size', '128');
+  // ... other options
+  return url.href;
+});
+</script>
+
+<template>
+  <img :src="src" alt="Avatar" />
+</template>
+```
diff --git a/apps/docs/pages/how-to-use/cli/index.md b/apps/docs/pages/how-to-use/cli/index.md
new file mode 100644
index 0000000..0ca2b89
--- /dev/null
+++ b/apps/docs/pages/how-to-use/cli/index.md
@@ -0,0 +1,340 @@
+---
+title: CLI – Generate Avatars from the Command Line
+description: >
+  Generate avatars in bulk with the DiceBear CLI. Free command-line avatar
+  generator for creating profile pictures and user placeholder images. All
+  styles supported.
+---
+
+# CLI
+
+With the CLI you can generate large numbers of avatars in a single run.
+
+## Installation
+
+Make sure you have [Node.js](https://nodejs.org/en/) (version 22 or higher) and
+npm installed.
+
+```
+npm install dicebear --global
+```
+
+## Upgrade
+
+For the latest features and avatar styles, make sure you update the CLI
+regularly.
+
+```
+npm install dicebear --global
+```
+
+## Usage
+
+### Create an avatar
+
+Replace `<style>` with an avatar style name (lowercase, kebab-case for
+multi-word styles, e.g. `lorelei`, `pixel-art`, `adventurer-neutral`) and
+`[outputPath]` with a target directory. If `[outputPath]` is omitted, the
+current directory is used as target directory.
+
+```
+dicebear <style> [outputPath]
+```
+
+For example, to create an avatar with the [lorelei](/styles/lorelei/) avatar
+style, use the following command:
+
+```
+dicebear lorelei ./avatars
+```
+
+The avatar will be saved as `lorelei-0.svg` in the `./avatars` directory.
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+### Create multiple avatars
+
+You can also create multiple avatars at once with the `--count` option.
+Replace `<count>` with the number of avatars to create.
+
+```
+dicebear <style> [outputPath] --count <count>
+```
+
+For example, to create 100 avatars:
+
+```
+dicebear lorelei ./avatars --count 100
+```
+
+This generates files named `lorelei-0.svg`, `lorelei-1.svg`, ...,
+`lorelei-99.svg`.
+
+:::warning
+
+The `seed` option has no effect in combination with the `count` option. If
+`count` is greater than `1`, random values are generated and used as `seed` to
+make the avatars differ from each other.
+
+:::
+
+:::tip Performance
+
+The CLI uses parallel processing based on your CPU cores, so large batches of
+avatars generate quickly.
+
+:::
+
+### Output formats
+
+You can create avatars in various formats using the `--format` option:
+
+| Format | Description                        |
+| ------ | ---------------------------------- |
+| `svg`  | Scalable Vector Graphics (default) |
+| `png`  | PNG image                          |
+| `jpg`  | JPEG image                         |
+| `jpeg` | JPEG image (alias for jpg)         |
+| `webp` | WebP image                         |
+| `avif` | AVIF image                         |
+| `json` | JSON with avatar metadata          |
+
+Example:
+
+```
+dicebear lorelei ./avatars --format png
+```
+
+#### Controlling the output image size
+
+`--size` controls the output dimensions (width and height in pixels) for all
+formats. The default is `512`. For rasterized formats (PNG, JPEG, WebP, AVIF)
+the value is capped at `2048`.
+
+```
+dicebear lorelei ./avatars --format png --size 256
+```
+
+#### Adding Exif metadata
+
+When creating PNG, JPEG, WebP, or AVIF images, you can include Exif metadata:
+
+```
+dicebear lorelei ./avatars --format png --exif
+```
+
+#### Saving JSON alongside images
+
+You can save a JSON file with avatar metadata alongside each image:
+
+```
+dicebear lorelei ./avatars --format png --json
+```
+
+This creates both `lorelei-0.png` and `lorelei-0.json` for each avatar.
+
+### Passing style options
+
+Each avatar style has its own customization options. To see all available
+options for a specific style, use `--help`:
+
+```
+dicebear lorelei --help
+```
+
+Example output:
+
+```
+dicebear lorelei [outputPath]
+
+Generate "lorelei" avatar(s)
+
+Options:
+      --version            Show version number                         [boolean]
+      --help               Show help                                   [boolean]
+      --count              Defines how many avatars to create.          [number]
+      --format                [string] [choices: "svg", "png", "jpg", ...]
+      --exif               Include Exif Metadata                       [boolean]
+      --json               Save JSON file in addition to image file    [boolean]
+      --seed                                                            [string]
+      --flip                                                            [string]
+      --rotate                                                          [number]
+      --scale                                                           [number]
+      --borderRadius                                                    [number]
+      --size                                                            [number]
+      --backgroundColor                                                  [array]
+      --translateX                                                      [number]
+      --translateY                                                      [number]
+      --idRandomization                                                [boolean]
+      --title                                                           [string]
+      --fontFamily                                                      [string]
+      --fontWeight                                                      [number]
+      ... (style-specific options)
+```
+
+Example with options:
+
+```
+dicebear lorelei ./avatars --backgroundColor b6e3f4,c0aede,d1d4f9 --size 128
+```
+
+### Output file naming
+
+Files are named using the pattern `{style}-{index}.{format}`:
+
+- `lorelei-0.svg`
+- `lorelei-1.png`
+- `avataaars-0.webp`
+
+The index starts at 0 and increments for each avatar created.
+
+:::warning File overwrite protection
+
+The CLI will **not** overwrite existing files. If a file already exists at the
+target path, an error will be thrown. Make sure to use an empty directory or
+remove existing files before generating new avatars.
+
+:::
+
+### License banner
+
+Before generating avatars, the CLI displays a license banner with information
+about the style's creator and license:
+
+```
+----------------------------------------------------------------
+Lorelei by Lisa Wischofsky
+Homepage: https://www.instagram.com/lischi_art/
+Source: https://www.figma.com/community/file/1198749693280469639
+License: CC0 1.0 - https://creativecommons.org/publicdomain/zero/1.0/
+----------------------------------------------------------------
+```
+
+### Show help
+
+For general help and a list of all available styles:
+
+```
+dicebear --help
+```
+
+```
+dicebear <command>
+
+Commands:
+  dicebear adventurer [outputPath]          Generate "adventurer" avatar(s)
+  dicebear adventurer-neutral [outputPath]  Generate "adventurer-neutral" avatar(s)
+  dicebear avataaars [outputPath]           Generate "avataaars" avatar(s)
+  dicebear avataaars-neutral [outputPath]   Generate "avataaars-neutral" avatar(s)
+  dicebear big-ears [outputPath]            Generate "big-ears" avatar(s)
+  dicebear big-ears-neutral [outputPath]    Generate "big-ears-neutral" avatar(s)
+  dicebear big-smile [outputPath]           Generate "big-smile" avatar(s)
+  dicebear bottts [outputPath]              Generate "bottts" avatar(s)
+  dicebear bottts-neutral [outputPath]      Generate "bottts-neutral" avatar(s)
+  dicebear croodles [outputPath]            Generate "croodles" avatar(s)
+  dicebear croodles-neutral [outputPath]    Generate "croodles-neutral" avatar(s)
+  dicebear dylan [outputPath]               Generate "dylan" avatar(s)
+  dicebear fun-emoji [outputPath]           Generate "fun-emoji" avatar(s)
+  dicebear glass [outputPath]               Generate "glass" avatar(s)
+  dicebear icons [outputPath]               Generate "icons" avatar(s)
+  dicebear identicon [outputPath]           Generate "identicon" avatar(s)
+  dicebear initial-face [outputPath]        Generate "initial-face" avatar(s)
+  dicebear initials [outputPath]            Generate "initials" avatar(s)
+  dicebear lorelei [outputPath]             Generate "lorelei" avatar(s)
+  dicebear lorelei-neutral [outputPath]     Generate "lorelei-neutral" avatar(s)
+  dicebear micah [outputPath]               Generate "micah" avatar(s)
+  dicebear miniavs [outputPath]             Generate "miniavs" avatar(s)
+  dicebear notionists [outputPath]          Generate "notionists" avatar(s)
+  dicebear notionists-neutral [outputPath]  Generate "notionists-neutral" avatar(s)
+  dicebear open-peeps [outputPath]          Generate "open-peeps" avatar(s)
+  dicebear personas [outputPath]            Generate "personas" avatar(s)
+  dicebear pixel-art [outputPath]           Generate "pixel-art" avatar(s)
+  dicebear pixel-art-neutral [outputPath]   Generate "pixel-art-neutral" avatar(s)
+  dicebear rings [outputPath]               Generate "rings" avatar(s)
+  dicebear shape-grid [outputPath]          Generate "shape-grid" avatar(s)
+  dicebear shapes [outputPath]              Generate "shapes" avatar(s)
+  dicebear thumbs [outputPath]              Generate "thumbs" avatar(s)
+  dicebear toon-head [outputPath]           Generate "toon-head" avatar(s)
+
+Options:
+  --version  Show version number                                       [boolean]
+  --help     Show help                                                 [boolean]
+```
+
+## Custom styles
+
+You can use any JSON [definition file](/specification/definition-schema/) as a
+style, including your own custom styles or styles exported from the
+[Figma plugin](/guides/create-an-avatar-style-with-figma/).
+
+Just pass the path to the JSON file instead of a style name:
+
+```
+dicebear ./my-style.json ./avatars
+```
+
+All available options are automatically detected from the definition. Use
+`--help` to see them:
+
+```
+dicebear ./my-style.json --help
+```
+
+Generate multiple avatars in PNG format:
+
+```
+dicebear ./my-style.json ./avatars --count 20 --format png
+```
+
+## Examples
+
+### Generate a single avatar with a specific seed
+
+```
+dicebear avataaars ./avatars --seed "john-doe"
+```
+
+### Generate 50 PNG avatars with custom background
+
+```
+dicebear bottts ./avatars --count 50 --format png --backgroundColor b6e3f4
+```
+
+### Generate avatars with JSON metadata
+
+```
+dicebear pixel-art ./avatars --count 10 --format webp --json
+```
+
+### Generate initials avatar
+
+```
+dicebear initials ./avatars --seed "Alice"
+```
+
+## Troubleshooting
+
+### "File already exists" error
+
+The CLI does not overwrite existing files. Either:
+
+- Use an empty output directory
+- Delete existing files before regenerating
+
+### Avatar style not found
+
+Style names are lowercase, with hyphens for multi-word styles (e.g. `pixel-art`,
+`adventurer-neutral`). Run `dicebear --help` to see all available styles.
+
+### Permission denied
+
+Make sure you have write permissions to the output directory. On Unix systems,
+you may need to adjust directory permissions or use `sudo` for global
+installation.
diff --git a/apps/docs/pages/how-to-use/dart-library/index.md b/apps/docs/pages/how-to-use/dart-library/index.md
new file mode 100644
index 0000000..ea1a7d4
--- /dev/null
+++ b/apps/docs/pages/how-to-use/dart-library/index.md
@@ -0,0 +1,276 @@
+---
+title: Dart Avatar Library
+description: >
+  Use the DiceBear Dart library to generate SVG profile pictures in Dart and
+  Flutter. Dart 3.4+ with an API identical to the JavaScript library.
+---
+
+# Dart avatar library
+
+The Dart library provides an API identical to the
+[JavaScript library](/how-to-use/js-library/). It requires Dart 3.4 or higher
+and also works in Flutter apps. The same seed and style definition produce SVGs
+byte-identical to the JavaScript reference.
+
+## Installation
+
+You need two packages: the core library `dicebear_core` and the avatar style
+definitions `dicebear_styles`. Each style is a string constant in its own
+library, so a compiled app only embeds the styles it imports.
+
+```sh
+dart pub add dicebear_core
+dart pub add dicebear_styles
+```
+
+In a Flutter project, use `flutter pub add` instead.
+
+## Usage
+
+We use the avatar style [lorelei](/styles/lorelei/) in our example. You can find
+more avatar styles [here](/styles/). Each style is exposed as a raw-JSON string
+(e.g. `lorelei` from `package:dicebear_styles/lorelei.dart`) that you hand to
+`Style.parse`.
+
+```dart
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/lorelei.dart';
+
+void main() {
+  final style = Style.parse(lorelei);
+
+  final avatar = Avatar(style, {
+    'seed': 'John',
+    // ... other options
+  });
+
+  print(avatar.svg);
+}
+```
+
+`Style.parse` decodes and validates the raw JSON string. If you already hold a
+decoded definition (a `Map<String, Object?>`), pass it to the default
+`Style(...)` constructor instead.
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+always produces the same avatar:
+
+```dart
+final avatar1 = Avatar(style, {'seed': 'user-123'});
+final avatar2 = Avatar(style, {'seed': 'user-123'});
+
+// avatar1.svg == avatar2.svg
+```
+
+## Types
+
+### `Style`
+
+A validated, immutable wrapper around a style definition. Build it once from the
+decoded definition JSON, then reuse it when generating multiple avatars. Invalid
+definitions throw a `StyleValidationError`.
+
+```dart
+final style = Style.parse(lorelei);
+
+final avatar1 = Avatar(style, {'seed': 'Alice'});
+final avatar2 = Avatar(style, {'seed': 'Bob'});
+```
+
+### `Avatar`
+
+The main class for generating avatars. The constructor takes a `Style` and an
+optional map of options (invalid options throw an `OptionsValidationError`,
+circular color references a `CircularColorReferenceError`). Omitting the options
+map is the same as passing an empty one.
+
+```dart
+final avatar = Avatar(style, {
+  // ... options
+});
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input.
+
+```dart
+final descriptor = OptionsDescriptor(style).toJson();
+```
+
+## Methods
+
+### `svg` / `toString()`
+
+**Return type:** `String`
+
+Returns the avatar as SVG in XML format. `toString()` returns the same string,
+so an `Avatar` can be used directly in string contexts (string interpolation,
+`print`).
+
+```dart
+final avatar = Avatar(style, {'seed': 'Alice'});
+
+var svg = avatar.svg;
+// or
+svg = avatar.toString();
+```
+
+### `toJson()`
+
+**Return type:** `Map<String, Object?>` (with keys `svg` and `options`)
+
+Returns the SVG and the resolved options as a JSON-encodable map. Pass it to
+`jsonEncode` for the serialized form.
+
+```dart
+final avatar = Avatar(style, {'seed': 'Alice'});
+
+final result = jsonEncode(avatar.toJson());
+
+// result → {"svg":"<svg>...</svg>","options":{"flip":"none",...}}
+```
+
+The resolved options are also available directly as a map via
+`avatar.resolvedOptions`.
+
+### `toDataUri()`
+
+**Return type:** `String`
+
+Returns the avatar as [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
+
+```dart
+final avatar = Avatar(style, {'seed': 'Alice'});
+
+final dataUri = avatar.toDataUri();
+
+// <img src="{dataUri}" alt="Avatar" />
+```
+
+## Core options
+
+The core options are identical to the JavaScript library. See the
+[JS Library core options](/how-to-use/js-library/#core-options) for the full
+reference. Here are the options in Dart syntax:
+
+```dart
+final avatar = Avatar(style, {
+  'seed': 'Alice',
+  'flip': 'horizontal', // 'none', 'horizontal', 'vertical', 'both'
+  'rotate': 10, // -360 to 360, or [min, max] range
+  'scale': 0.9, // 0 to 10 (1 = original), or [min, max] range
+  'borderRadius': 50, // 0-50 (50 = circle)
+  'size': 128,
+  'translateX': 0, // -1000 to 1000 (percent of canvas width)
+  'translateY': 0, // -1000 to 1000 (percent of canvas height)
+  'idRandomization': true,
+  'title': 'User Avatar',
+  'fontFamily': 'Arial', // or ['Arial', 'Helvetica']
+  'fontWeight': 700, // 1-1000
+  'backgroundColor': ['#b6e3f4', '#c0aede'],
+  'backgroundColorFill': 'solid', // 'solid', 'linear', 'radial'
+});
+```
+
+Dynamic component and color options also work the same way. See the
+[JS Library documentation](/how-to-use/js-library/#dynamic-component-options)
+for all available patterns.
+
+## Examples
+
+### Rendering in Flutter
+
+The library has no Flutter dependency; it returns plain strings. To display an
+avatar in a Flutter widget tree, render the SVG string with a package such as
+[`flutter_svg`](https://pub.dev/packages/flutter_svg):
+
+```dart
+final avatar = Avatar(style, {'seed': 'Alice', 'size': 128});
+
+// In your build method, with package:flutter_svg
+SvgPicture.string(avatar.svg, width: 128, height: 128);
+```
+
+### Avatar with custom background
+
+```dart
+final avatar = Avatar(style, {
+  'seed': 'Alice',
+  'backgroundColor': ['#b6e3f4', '#c0aede', '#d1d4f9'],
+});
+```
+
+### Fixed size avatar
+
+```dart
+import 'package:dicebear_styles/bottts.dart';
+
+final style = Style.parse(bottts);
+
+final avatar = Avatar(style, {
+  'seed': 'robot-42',
+  'size': 128,
+  'borderRadius': 50, // circular avatar
+});
+```
+
+### Avatar with transformations
+
+```dart
+import 'package:dicebear_styles/avataaars.dart';
+
+final style = Style.parse(avataaars);
+
+final avatar = Avatar(style, {
+  'seed': 'Jane',
+  'flip': 'horizontal',
+  'rotate': 10,
+  'scale': 0.9,
+  'translateY': 5,
+});
+```
+
+### Multiple avatars on the same page
+
+When rendering multiple avatars on the same page, use `idRandomization` to
+prevent SVG ID conflicts:
+
+```dart
+final style = Style.parse(lorelei);
+
+for (final seed in ['alice', 'bob', 'charlie']) {
+  final avatar = Avatar(style, {
+    'seed': seed,
+    'idRandomization': true,
+  });
+  print(avatar.svg);
+}
+```
+
+### Weighted variant selection
+
+A weighted map makes some variants more likely than others. The lorelei style
+selects `happy01` or `happy02` mouths twice as often as `sad01` here:
+
+```dart
+final avatar = Avatar(style, {
+  'seed': 'Alice',
+  'mouthVariant': {'happy01': 2, 'happy02': 2, 'sad01': 1},
+});
+```
diff --git a/apps/docs/pages/how-to-use/go-library/index.md b/apps/docs/pages/how-to-use/go-library/index.md
new file mode 100644
index 0000000..6303ef8
--- /dev/null
+++ b/apps/docs/pages/how-to-use/go-library/index.md
@@ -0,0 +1,264 @@
+---
+title: Go Avatar Library
+description: >
+  Use the DiceBear Go library to generate SVG profile pictures on the server. Go
+  1.23+ with an API identical to the JavaScript library.
+---
+
+# Go avatar library
+
+The Go library provides an API identical to the
+[JavaScript library](/how-to-use/js-library/). It requires Go 1.23 or higher.
+The same seed and style definition produce SVGs byte-identical to the JavaScript
+reference.
+
+## Installation
+
+You need two modules: the core library `github.com/dicebear/dicebear-go/v10` and
+the avatar style definitions `github.com/dicebear/styles/v10`. The module path
+carries the major version, so import it with the `/v10` suffix.
+
+```sh
+go get github.com/dicebear/dicebear-go/v10
+go get github.com/dicebear/styles/v10
+```
+
+## Usage
+
+We use the avatar style [lorelei](/styles/lorelei/) in our example. You can find
+more avatar styles [here](/styles/). Each style is exposed as a raw-JSON string
+(e.g. `styles.Lorelei`) that you pass to `NewStyle`.
+
+```go
+package main
+
+import (
+	"fmt"
+
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+func main() {
+	style, err := dicebear.NewStyle([]byte(styles.Lorelei))
+	if err != nil {
+		panic(err)
+	}
+
+	avatar, err := dicebear.NewAvatar(style, map[string]any{
+		"seed": "John",
+		// ... other options
+	})
+	if err != nil {
+		panic(err)
+	}
+
+	svg := avatar.SVG()
+	fmt.Println(svg)
+}
+```
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+always produces the same avatar:
+
+```go
+avatar1, _ := dicebear.NewAvatar(style, map[string]any{"seed": "user-123"})
+avatar2, _ := dicebear.NewAvatar(style, map[string]any{"seed": "user-123"})
+
+// avatar1.SVG() == avatar2.SVG()
+```
+
+## Types
+
+### `Style`
+
+A validated, immutable wrapper around a style definition. Build it once with
+`NewStyle` (from the definition's JSON bytes), then reuse it when generating
+multiple avatars.
+
+```go
+style, err := dicebear.NewStyle(definitionJSON)
+if err != nil {
+	panic(err)
+}
+
+avatar1, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Alice"})
+avatar2, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Bob"})
+```
+
+### `Avatar`
+
+The main type for generating avatars. `NewAvatar` takes a `*Style` and a
+`map[string]any` of options, and returns `(*Avatar, error)` (invalid options and
+circular color references surface as an `error`). A `nil` options map is treated
+as empty.
+
+```go
+avatar, err := dicebear.NewAvatar(style, map[string]any{
+	// ... options
+})
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input.
+
+```go
+descriptor := dicebear.NewOptionsDescriptor(style).ToJSON()
+```
+
+## Methods
+
+### `SVG()` / `String()`
+
+**Return type:** `string`
+
+Returns the avatar as SVG in XML format. `Avatar` also implements
+`fmt.Stringer`, so it can be used directly in string contexts (`fmt.Println`,
+`fmt.Sprintf`).
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Alice"})
+
+svg := avatar.SVG()
+// or
+svg = avatar.String()
+```
+
+### `JSON()`
+
+**Return type:** `[]byte` (JSON with keys `svg` and `options`), `error`
+
+Returns the SVG and the resolved options as JSON.
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Alice"})
+
+result, _ := avatar.JSON()
+
+// result → {"svg":"<svg>...</svg>","options":{"flip":"none",...}}
+```
+
+The resolved options are also available directly as a map via
+`avatar.ResolvedOptions()`.
+
+### `DataURI()`
+
+**Return type:** `string`
+
+Returns the avatar as [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Alice"})
+
+dataURI := avatar.DataURI()
+
+// <img src="{dataURI}" alt="Avatar" />
+```
+
+## Core options
+
+The core options are identical to the JavaScript library. See the
+[JS Library core options](/how-to-use/js-library/#core-options) for the full
+reference. Here are the options in Go syntax:
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed":                "Alice",
+	"flip":                "horizontal",            // "none", "horizontal", "vertical", "both"
+	"rotate":              10,                       // -360 to 360, or [min, max] range
+	"scale":               0.9,                      // 0 to 10 (1 = original), or [min, max] range
+	"borderRadius":        50,                       // 0-50 (50 = circle)
+	"size":                128,
+	"translateX":          0,                        // -1000 to 1000 (percent of canvas width)
+	"translateY":          0,                        // -1000 to 1000 (percent of canvas height)
+	"idRandomization":     true,
+	"title":               "User Avatar",
+	"fontFamily":          "Arial",                  // or []string{"Arial", "Helvetica"}
+	"fontWeight":          700,                      // 1-1000
+	"backgroundColor":     []string{"#b6e3f4", "#c0aede"},
+	"backgroundColorFill": "solid",                  // "solid", "linear", "radial"
+})
+```
+
+Dynamic component and color options also work the same way. See the
+[JS Library documentation](/how-to-use/js-library/#dynamic-component-options)
+for all available patterns.
+
+## Examples
+
+### Avatar with custom background
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed":            "Alice",
+	"backgroundColor": []string{"#b6e3f4", "#c0aede", "#d1d4f9"},
+})
+```
+
+### Fixed size avatar
+
+```go
+style, _ := dicebear.NewStyle([]byte(styles.Bottts))
+
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed":         "robot-42",
+	"size":         128,
+	"borderRadius": 50, // circular avatar
+})
+```
+
+### Avatar with transformations
+
+```go
+style, _ := dicebear.NewStyle([]byte(styles.Avataaars))
+
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed":       "Jane",
+	"flip":       "horizontal",
+	"rotate":     10,
+	"scale":      0.9,
+	"translateY": 5,
+})
+```
+
+### Multiple avatars on the same page
+
+When rendering multiple avatars on the same page, use `idRandomization` to
+prevent SVG ID conflicts:
+
+```go
+style, _ := dicebear.NewStyle([]byte(styles.Lorelei))
+
+for _, seed := range []string{"alice", "bob", "charlie"} {
+	avatar, _ := dicebear.NewAvatar(style, map[string]any{
+		"seed":            seed,
+		"idRandomization": true,
+	})
+	fmt.Println(avatar.SVG())
+}
+```
+
+### Weighted variant selection
+
+```go
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed":     "Alice",
+	"topVariant": map[string]any{"short01": 2, "short02": 2, "long01": 1},
+})
+```
diff --git a/apps/docs/pages/how-to-use/http-api/index.md b/apps/docs/pages/how-to-use/http-api/index.md
new file mode 100644
index 0000000..f5fa150
--- /dev/null
+++ b/apps/docs/pages/how-to-use/http-api/index.md
@@ -0,0 +1,271 @@
+---
+title: HTTP API – Generate SVG Avatars via URL
+description: >
+  Free avatar API and profile picture API by DiceBear. Generate random user
+  avatars and user placeholder images with a simple URL. No authentication
+  required.
+---
+
+<script setup>
+import BrowserPreview from '@theme/components/ui/UiBrowserPreview.vue';
+import DocsGrid from '@theme/components/docs/DocsGrid.vue';
+
+const fileFormats = [
+  {
+    title: 'SVG',
+    description: 'Recommended. Scales indefinitely, no size limit, higher rate limit.',
+    badge: 'Recommended',
+  },
+  {
+    title: 'PNG',
+    description: 'Max. 256 × 256 px. Lower rate limit.',
+  },
+  {
+    title: 'JPG',
+    description: 'Max. 256 × 256 px. Lower rate limit.',
+  },
+  {
+    title: 'WebP',
+    description: 'Max. 256 × 256 px. Lower rate limit.',
+  },
+  {
+    title: 'AVIF',
+    description: 'Max. 256 × 256 px. Lower rate limit.',
+  },
+  {
+    title: 'JSON',
+    description: 'Returns avatar metadata as JSON instead of an image.',
+  },
+];
+</script>
+
+# HTTP API: generate SVG avatars via URL
+
+Our HTTP API is the simplest way to use DiceBear as a profile picture API or
+avatar placeholder API. No authentication is required.
+
+## Usage
+
+Use the following address and replace `<styleName>` with your preferred avatar
+style. Style names are lowercase, with hyphens for multi-word styles, e.g.
+`lorelei`, `pixel-art`, `adventurer-neutral`. Every official
+[avatar style](/styles/) is supported.
+
+```
+https://api.dicebear.com/10.x/<styleName>/svg
+```
+
+### A few examples
+
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg" />
+<BrowserPreview url="https://api.dicebear.com/10.x/lorelei/svg" />
+
+### Generate a consistent avatar from a user ID
+
+Use a stable identifier as the `seed` and every user gets the same avatar on
+every visit. A user ID works well, and the same seed always returns the same
+image. That makes it a good default avatar for people who haven't uploaded a
+photo yet, since the picture stays the same across pages and sessions.
+
+```
+https://api.dicebear.com/10.x/lorelei/svg?seed=user-8f3a2c
+```
+
+<BrowserPreview url="https://api.dicebear.com/10.x/lorelei/svg?seed=user-8f3a2c" />
+
+If the seed contains spaces or other special characters, URL-encode it first.
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Listing available styles
+
+To discover which avatar styles an instance supports, send a request to the
+version root. It returns the available style names as JSON, sorted
+alphabetically:
+
+```
+https://api.dicebear.com/10.x
+```
+
+```json
+{
+  "styles": ["adventurer", "adventurer-neutral", "avataaars", "..."]
+}
+```
+
+::: info
+
+This endpoint is available from version `10.x` onwards. Earlier versions do not
+support listing styles.
+
+:::
+
+## Style definition and options
+
+Each style also exposes two metadata endpoints. They are handy for building
+tooling on top of the API, such as avatar editors:
+
+```
+https://api.dicebear.com/10.x/<styleName>/definition.json
+https://api.dicebear.com/10.x/<styleName>/options.json
+```
+
+`definition.json` returns the raw style definition, the same JSON that is
+shipped with the style's npm package.
+
+`options.json` describes every option the style accepts as query parameter,
+including field types, allowed enum values, and value ranges. An excerpt for
+[Pixel Art](/styles/pixel-art/):
+
+```json
+{
+  "seed": { "type": "string" },
+  "flip": {
+    "type": "enum",
+    "values": ["none", "horizontal", "vertical", "both"],
+    "list": true
+  },
+  "backgroundColor": { "type": "color", "list": true },
+  "hairVariant": {
+    "type": "enum",
+    "values": ["long01", "long02", "...", "short24"],
+    "list": true,
+    "weighted": true
+  },
+  "hairProbability": { "type": "number", "min": 0, "max": 100 }
+}
+```
+
+::: info
+
+These endpoints are available from version `10.x` onwards. On self-hosted
+instances they are disabled by default. See the
+[self-hosting guide](/guides/host-the-http-api-yourself/#optional-style-metadata-endpoints).
+
+:::
+
+## Options
+
+All [core options](/how-to-use/js-library/#core-options) (such as `seed`,
+`flip`, `rotate`, `scale`, `borderRadius`, and `backgroundColor`) are available
+as [query parameters](https://en.wikipedia.org/wiki/Query_string).
+Style-specific options are listed on each [avatar style page](/styles/). For
+example:
+
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg?seed=John" />
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg?seed=Jane" />
+
+:::tip
+
+If you want to pass more options, you connect them with a `&` as usual with
+query strings.
+
+:::
+
+::: warning
+
+The options `idRandomization`, `fontFamily`, `fontWeight`, and `title` are not
+supported by our public HTTP API. You can enable them by
+[hosting your own instance](/guides/host-the-http-api-yourself/).
+
+:::
+
+### Array options
+
+Array values are separated by a comma. For example, the URL could look like this
+if you want to provide the PRNG with several hair styles in addition to the
+seed. Note that the avatar styles provide different options. In this example, we
+use the [Pixel Art](/styles/pixel-art/) avatar style.
+
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg?seed=John&hairVariant=short01,short02,short03,short04,short05" />
+<BrowserPreview url="https://api.dicebear.com/10.x/pixel-art/svg?seed=Jane&hairVariant=long01,long02,long03,long04,long05" />
+
+### Enum options
+
+Enum values are passed as strings. For example, the `flip` option accepts
+`none`, `horizontal`, `vertical`, or `both`:
+
+<BrowserPreview url="https://api.dicebear.com/10.x/lorelei/svg?flip=horizontal" />
+<BrowserPreview url="https://api.dicebear.com/10.x/lorelei/svg?flip=none" />
+
+## File format
+
+<DocsGrid :items="fileFormats" />
+
+PNG, JPG, WebP and AVIF use the
+[Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans) font and currently
+supports the following subsets: `cyrillic`, `cyrillic-ext`, `devanagari`,
+`greek`, `greek-ext`, `japanese`, `korean`, `latin`, `latin-ext`,
+`simplified-chinese`, `thai` and `vietnamese`.
+
+<BrowserPreview url="https://api.dicebear.com/10.x/bottts/svg" />
+<BrowserPreview url="https://api.dicebear.com/10.x/bottts/png" />
+<BrowserPreview url="https://api.dicebear.com/10.x/bottts/jpg" />
+<BrowserPreview url="https://api.dicebear.com/10.x/bottts/webp" />
+<BrowserPreview url="https://api.dicebear.com/10.x/bottts/avif" />
+
+## Versioning
+
+You can set the version in the URL. Just replace the `10.x` from the previous
+examples with the one you want.
+
+| Version | Status     | End of Life    |
+| ------- | ---------- | -------------- |
+| `10.x`  | **Active** | None           |
+| `9.x`   | **Active** | None           |
+| `8.x`   | Deprecated | April 30, 2028 |
+| `7.x`   | Deprecated | April 30, 2028 |
+| `6.x`   | Deprecated | April 30, 2028 |
+| `5.x`   | Deprecated | April 30, 2028 |
+
+::: warning
+
+Versions 5.x to 8.x will reach End of Life on April 30, 2028. After that date,
+the HTTP API for these versions will be shut down and no longer available.
+Please upgrade to the latest version. See the
+[announcement](https://github.com/orgs/dicebear/discussions/491) for details.
+
+:::
+
+::: info
+
+You can [host the API yourself](/guides/host-the-http-api-yourself/) to keep
+using discontinued versions after their End of Life.
+
+:::
+
+## Self-hosted avatar API
+
+Need a private or commercial setup? You can
+[host the Avatar API yourself](/guides/host-the-http-api-yourself/) for full
+control over availability, rate limits, and data privacy.
+
+## Fair use & rate limits
+
+Our API is free to use for non-commercial purposes, but please use it
+responsibly. We reserve the right to block abusive users.
+
+We currently limit requests per second to **50 for SVG** and **10 for PNG, JPG,
+WebP, and AVIF**. Exceeding the limit returns HTTP `429 Too Many Requests`. We
+reserve the right to change these limits at any time without notice.
+
+For commercial use or higher limits, please
+[set up your own instance](/guides/host-the-http-api-yourself/). We're happy to
+answer questions: open a
+[discussion](https://github.com/orgs/dicebear/discussions) on GitHub.
+
+## Changes and availability
+
+Please be aware that we reserve the right to update the API at any time. While
+we will do our best to maintain backwards compatibility, we cannot guarantee
+this. Even though we try to always return the same avatar, the design and
+especially the source code may change. Additionally, we cannot guarantee that
+the API will always be available. If you need consistent access to the API, we
+recommend setting up [your own instance](/guides/host-the-http-api-yourself/).
diff --git a/apps/docs/pages/how-to-use/js-library/converter/index.md b/apps/docs/pages/how-to-use/js-library/converter/index.md
new file mode 100644
index 0000000..c9169d2
--- /dev/null
+++ b/apps/docs/pages/how-to-use/js-library/converter/index.md
@@ -0,0 +1,419 @@
+---
+title: Converter – Convert SVG Avatars to PNG, JPEG & More
+description: >
+  Learn how to use the DiceBear Converter library in your project to convert SVG
+  to PNG or JPEG. Works in the browser and in Node.js!
+---
+
+# Converter
+
+Sometimes you need the avatar in a different format than SVG. For this we have
+created a package called `@dicebear/converter` which can convert the avatar to
+PNG, JPEG, WebP, and AVIF.
+
+## Installation
+
+```
+npm install @dicebear/converter
+```
+
+::: tip
+
+You don't need to install the core library `@dicebear/core` to use the converter
+package. While it is optimized for DiceBear, it can also be used with SVGs from
+other sources.
+
+:::
+
+## Usage
+
+Although the converter can be used without the core library, we use it in our
+example to create the avatar.
+
+```js
+import { toPng } from '@dicebear/converter';
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+const avatar = new Avatar(style, {
+  seed: 'Alice',
+  // ... other options
+});
+
+const png = toPng(avatar);
+const dataUri = await png.toDataUri();
+```
+
+## Supported formats
+
+| Format | Function | Browser | Node.js | Notes                                 |
+| ------ | -------- | ------- | ------- | ------------------------------------- |
+| PNG    | `toPng`  | Yes     | Yes     | Full support                          |
+| JPEG   | `toJpeg` | Yes     | Yes     | Full support                          |
+| WebP   | `toWebp` | Yes\*   | Yes     | Unsupported browsers fall back to PNG |
+| AVIF   | `toAvif` | Yes\*   | Yes     | Unsupported browsers fall back to PNG |
+
+\* WebP is supported in all modern browsers. AVIF support varies; check
+[caniuse.com](https://caniuse.com/avif) for current browser compatibility.
+
+## Methods
+
+### `toPng(svg, options)`
+
+**Return type:** Object with [.toDataUri()](#todatauri) and
+[.toArrayBuffer()](#toarraybuffer) methods.
+
+Converts the avatar from SVG to PNG. Expects an SVG `string` or an `object` with
+`toString` method as first argument. Expects an optional `options` argument of
+type `object`. See [options](#options) for more information.
+
+<!-- prettier-ignore -->
+```js
+import { toPng } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const png = toPng(svg, {
+  // ... options
+});
+```
+
+### `toJpeg(svg, options)`
+
+**Return type:** Object with [.toDataUri()](#todatauri) and
+[.toArrayBuffer()](#toarraybuffer) methods.
+
+Converts the avatar from SVG to JPEG. Expects an SVG `string` or an `object`
+with `toString` method as first argument. Expects an optional `options` argument
+of type `object`. See [options](#options) for more information.
+
+<!-- prettier-ignore -->
+```js
+import { toJpeg } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const jpeg = toJpeg(svg, {
+  // ... options
+});
+```
+
+### `toWebp(svg, options)`
+
+**Return type:** Object with [.toDataUri()](#todatauri) and
+[.toArrayBuffer()](#toarraybuffer) methods.
+
+Converts the avatar from SVG to WebP. Expects an SVG `string` or an `object`
+with `toString` method as first argument. Expects an optional `options` argument
+of type `object`. See [options](#options) for more information.
+
+<!-- prettier-ignore -->
+```js
+import { toWebp } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const webp = toWebp(svg, {
+  // ... options
+});
+```
+
+::: warning Limited browser support
+
+This function uses an HTML canvas element in the browser and is dependent on the
+browser being able to export the canvas as WebP. If the browser does not support
+WebP, PNG is used as a fallback. See
+[MDN web docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob)
+for browser compatibility.
+
+:::
+
+### `toAvif(svg, options)`
+
+**Return type:** Object with [.toDataUri()](#todatauri) and
+[.toArrayBuffer()](#toarraybuffer) methods.
+
+Converts the avatar from SVG to AVIF. Expects an SVG `string` or an `object`
+with `toString` method as first argument. Expects an optional `options` argument
+of type `object`. See [options](#options) for more information.
+
+<!-- prettier-ignore -->
+```js
+import { toAvif } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const avif = toAvif(svg, {
+  // ... options
+});
+```
+
+::: warning Limited browser support
+
+This function uses an HTML canvas element in the browser and is dependent on the
+browser being able to export the canvas as AVIF. If the browser does not support
+AVIF, PNG is used as a fallback. See
+[MDN web docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob)
+for browser compatibility.
+
+:::
+
+### `.toDataUri()`
+
+**Return type:** `Promise<string>`
+
+Returns the image as a
+[data URI](https://en.wikipedia.org/wiki/Data_URI_scheme). This is useful for
+embedding the image directly in HTML or CSS.
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const png = toPng(svg, {
+  // ... options
+});
+const dataUri = await png.toDataUri(); // [!code focus]
+
+// Use in HTML: <img src={dataUri} alt="Avatar" />
+```
+
+### `.toArrayBuffer()`
+
+**Return type:** `Promise<ArrayBuffer>`
+
+Converts the image to an
+[ArrayBuffer](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
+This is useful for saving files or sending binary data.
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const svg = '<svg>...</svg>';
+
+const png = toPng(svg, {
+  // ... options
+});
+const buffer = await png.toArrayBuffer(); // [!code focus]
+```
+
+## Options
+
+| Option        | Type       | Default | Environment       | Description                               |
+| ------------- | ---------- | ------- | ----------------- | ----------------------------------------- |
+| `size`        | `number`   | `512`   | Browser + Node.js | Output image size in pixels (max: `2048`) |
+| `fonts`       | `string[]` | `[]`    | Node.js           | Paths to custom font files                |
+| `includeExif` | `boolean`  | `false` | Node.js           | Include metadata in output image          |
+
+### size
+
+**Type:** `number`
+
+**Default:** `512`
+
+**Maximum:** `2048`
+
+Controls the width and height of the rasterized output image in pixels. The
+output is always square. Values above `2048` are clamped to `2048`. Invalid
+values (`NaN`, `<= 0`, `Infinity`) fall back to `512`.
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const png = toPng(svg, {
+  size: 128,
+});
+```
+
+### fonts <Badge type="warning" text="Node.js only" />
+
+**Type:** `string[]`
+
+**Default:** `[]`
+
+An array of paths to font files which should be used to render the avatar. If
+not set, the system fonts will be used. This is particularly useful for the
+[initials](/styles/initials/) style or other styles that render text.
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const png = toPng(svg, {
+  fonts: ['/path/to/custom-font.ttf'],
+});
+```
+
+### includeExif <Badge type="warning" text="Node.js only" />
+
+**Type:** `boolean`
+
+**Default:** `false`
+
+If set to `true`, the converter will try to read the metadata from the SVG and
+add it to the output image as Exif metadata. This is useful for preserving
+license and attribution information.
+
+The converter extracts the avatar style title, source URL, creator name,
+license, and copyright notice from the SVG and embeds them as Exif fields.
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const png = toPng(svg, {
+  includeExif: true,
+});
+```
+
+::: warning
+
+This uses an `exiftool` singleton which needs to be exited manually when your
+application terminates. See the
+[exiftool-vendored documentation](https://www.npmjs.com/package/exiftool-vendored)
+for more information.
+
+```js
+import { exiftool } from 'exiftool-vendored';
+
+// When your application exits:
+await exiftool.end();
+```
+
+:::
+
+## Examples
+
+### Convert DiceBear avatar to PNG
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+import { toPng } from '@dicebear/converter';
+
+const style = new Style(lorelei);
+
+const avatar = new Avatar(style, {
+  seed: 'Alice',
+  backgroundColor: ['#b6e3f4'],
+});
+
+const png = toPng(avatar);
+const dataUri = await png.toDataUri();
+
+// Use in browser
+document.querySelector('img').src = dataUri;
+```
+
+### Save avatar to file (Node.js)
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import bottts from '@dicebear/styles/bottts.json' with { type: 'json' };
+import { toPng } from '@dicebear/converter';
+import { writeFile } from 'node:fs/promises';
+
+const style = new Style(bottts);
+
+const avatar = new Avatar(style, {
+  seed: 'robot-42',
+});
+
+const png = toPng(avatar);
+const buffer = await png.toArrayBuffer();
+
+await writeFile('avatar.png', Buffer.from(buffer));
+```
+
+### Convert with Exif metadata (Node.js)
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+import { toPng } from '@dicebear/converter';
+import { exiftool } from 'exiftool-vendored';
+import { writeFile } from 'node:fs/promises';
+
+const style = new Style(lorelei);
+
+const avatar = new Avatar(style, {
+  seed: 'Alice',
+});
+
+const png = toPng(avatar, {
+  includeExif: true,
+});
+
+const buffer = await png.toArrayBuffer();
+await writeFile('avatar.png', Buffer.from(buffer));
+
+// Important: Close exiftool when done
+await exiftool.end();
+```
+
+### Use with custom fonts (Node.js)
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import initials from '@dicebear/styles/initials.json' with { type: 'json' };
+import { toPng } from '@dicebear/converter';
+
+const style = new Style(initials);
+
+const avatar = new Avatar(style, {
+  seed: 'Alice',
+});
+
+const png = toPng(avatar, {
+  fonts: ['/path/to/Roboto-Bold.ttf'],
+});
+
+const dataUri = await png.toDataUri();
+```
+
+### Convert with a custom size
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+import { toPng } from '@dicebear/converter';
+
+const style = new Style(lorelei);
+
+const avatar = new Avatar(style, { seed: 'Alice' });
+
+const png = toPng(avatar, { size: 128 });
+const dataUri = await png.toDataUri();
+```
+
+### Convert any SVG (without DiceBear)
+
+```js
+import { toPng } from '@dicebear/converter';
+
+const svg = `
+  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="50" cy="50" r="40" fill="red" />
+  </svg>
+`;
+
+const png = toPng(svg);
+const dataUri = await png.toDataUri();
+```
+
+## TypeScript
+
+The library is fully typed:
+
+```ts
+import { toPng, toJpeg, toWebp, toAvif } from '@dicebear/converter';
+import type { Options, Result } from '@dicebear/converter';
+
+const options: Options = {
+  includeExif: true,
+};
+
+const result: Result = toPng(svg, options);
+const buffer: ArrayBuffer = await result.toArrayBuffer();
+```
diff --git a/apps/docs/pages/how-to-use/js-library/index.md b/apps/docs/pages/how-to-use/js-library/index.md
new file mode 100644
index 0000000..4b4fd45
--- /dev/null
+++ b/apps/docs/pages/how-to-use/js-library/index.md
@@ -0,0 +1,412 @@
+---
+title: JavaScript Avatar Library – Browser & Node.js
+description: >
+  Use the DiceBear JavaScript avatar library to generate SVG profile pictures in
+  the browser (vanilla JS), React, Vue, Angular, Svelte, and Node.js. TypeScript
+  support included.
+---
+
+# JavaScript avatar library
+
+The library is written in [TypeScript](https://www.typescriptlang.org/) /
+[JavaScript](https://developer.mozilla.org/en-US/Web/JavaScript) and can be used
+in the browser and also in [Node.js](https://nodejs.org/en/) (version 22 or
+higher). In other environments you may be interested in the
+[PHP Library](/how-to-use/php-library/), the
+[Python Library](/how-to-use/python-library/), the
+[Rust Library](/how-to-use/rust-library/), the
+[Go Library](/how-to-use/go-library/), the
+[Dart Library](/how-to-use/dart-library/), the [HTTP API](/how-to-use/http-api/)
+or the [CLI](/how-to-use/cli/).
+
+The library is a pure
+[ESM package](https://developer.mozilla.org/en-US/Web/JavaScript/Guide/Modules).
+[Sindre Sorhus](https://github.com/sindresorhus) has written a great
+[help page](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c)
+if you are new to ESM packages.
+
+## Installation
+
+You need two packages: the core library `@dicebear/core` and the avatar style
+definitions `@dicebear/styles`.
+
+```
+npm install @dicebear/core @dicebear/styles
+```
+
+## Usage
+
+We use the avatar style [lorelei](/styles/lorelei/) in our example. You can find
+more avatar styles [here](/styles/).
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  // ... other options
+});
+
+const svg = avatar.toString();
+```
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+::: tip
+
+If you'd like to integrate the library into a framework, check out our guides
+for [Angular](/guides/use-the-library-with-angular/),
+[React](/guides/use-the-library-with-react/),
+[React Native](/guides/use-the-library-with-react-native/),
+[Vue](/guides/use-the-library-with-vue/) or
+[Svelte](/guides/use-the-library-with-svelte/).
+
+:::
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+will always produce the same avatar, which is useful for user profiles:
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+
+// These will always produce the same avatar
+const avatar1 = new Avatar(style, { seed: 'user-123' });
+const avatar2 = new Avatar(style, { seed: 'user-123' });
+
+avatar1.toString() === avatar2.toString(); // true
+```
+
+## Classes
+
+### `Avatar`
+
+The main class for generating avatars. Pass a `Style` instance and optional
+options.
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  // [!code focus:3]
+  // ... options
+});
+```
+
+### `Style`
+
+An immutable wrapper around a style definition.
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei); // [!code focus:4]
+
+const avatar1 = new Avatar(style, { seed: 'Alice' });
+const avatar2 = new Avatar(style, { seed: 'Bob' });
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input. See
+[Access Style Options](/guides/access-all-available-options/) for details.
+
+## Methods
+
+### `.toString()`
+
+**Return type:** `string`
+
+Returns the avatar as SVG in XML format.
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  // ... options
+});
+
+const svg = avatar.toString(); // [!code focus]
+```
+
+### `.toJSON()`
+
+**Return type:** `{ svg: string, options: StyleOptions }`
+
+Returns an object with the SVG and the resolved options that were used to
+generate the avatar.
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  // ... other options
+});
+
+const json = avatar.toJSON(); // [!code focus]
+
+// Example output:
+// {
+//   svg: '<svg>...</svg>',
+//   options: {
+//     seed: 'John',
+//     // ... resolved options
+//   }
+// }
+```
+
+### `.toDataUri()`
+
+**Return type:** `string`
+
+Returns the avatar as [data uri](https://en.wikipedia.org/wiki/Data_URI_scheme).
+This is useful for embedding the avatar directly in HTML or CSS.
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  // ... other options
+});
+
+const dataUri = avatar.toDataUri(); // [!code focus]
+
+// Use in HTML
+// <img src={dataUri} alt="Avatar" />
+```
+
+## Core options
+
+These options are available for all avatar styles. Where the type lists
+`[min, max]`, you may pass either a fixed value or a two-element tuple. The PRNG
+samples a value from the tuple's range.
+
+| Option            | Type                                             | Default       | Description                                                                   |
+| ----------------- | ------------------------------------------------ | ------------- | ----------------------------------------------------------------------------- |
+| `seed`            | `string`                                         | `''`          | Seed for deterministic generation                                             |
+| `flip`            | `'none' \| 'horizontal' \| 'vertical' \| 'both'` | `'none'`      | Flip the avatar (accepts an array of values to randomize)                     |
+| `rotate`          | `number \| [min, max]`                           | `0`           | Rotation in degrees (−360 to 360)                                             |
+| `scale`           | `number \| [min, max]`                           | `1`           | Uniform scale factor around the canvas center (0 to 10; `1` is original size) |
+| `borderRadius`    | `number \| [min, max]`                           | `0`           | Border radius in percent of the canvas (0 to 50; `50` makes a circle)         |
+| `size`            | `integer`                                        | _unset_       | Output size in pixels (1 to 4096); when unset the SVG scales to its container |
+| `translateX`      | `number \| [min, max]`                           | `0`           | Horizontal translation in percent of the canvas width (−1000 to 1000)         |
+| `translateY`      | `number \| [min, max]`                           | `0`           | Vertical translation in percent of the canvas height (−1000 to 1000)          |
+| `idRandomization` | `boolean`                                        | `false`       | Suffix every SVG `id` with a random non-deterministic value (see below)       |
+| `title`           | `string`                                         | _unset_       | Accessible title; when set, the SVG becomes `role="img"` with `<title>`       |
+| `fontFamily`      | `string \| string[]`                             | `'system-ui'` | Font family for text-based styles (CSS-style font stack, no quotes)           |
+| `fontWeight`      | `integer \| integer[]`                           | `400`         | Font weight for text-based styles (1 to 1000)                                 |
+
+### Background options
+
+These options are available for every style, even ones that don't declare a
+`background` color group in their definition.
+
+| Option                     | Type                              | Default   | Description                                                        |
+| -------------------------- | --------------------------------- | --------- | ------------------------------------------------------------------ |
+| `backgroundColor`          | `string \| string[]`              | _unset_   | Background colors as hex (`#` optional, `#RGB` to `#RRGGBBAA`)     |
+| `backgroundColorFill`      | `'solid' \| 'linear' \| 'radial'` | `'solid'` | Background fill type (accepts an array of values to randomize)     |
+| `backgroundColorFillStops` | `integer \| [min, max]`           | `2`       | Number of gradient stops (minimum 2); ignored when fill is `solid` |
+| `backgroundColorAngle`     | `number \| [min, max]`            | `0`       | Gradient angle in degrees (−360 to 360)                            |
+
+### Dynamic component options
+
+For each component in a style (e.g. `eyes`, `mouth`, `hair`), the following
+options are available:
+
+| Pattern                  | Type                                           | Description                                            |
+| ------------------------ | ---------------------------------------------- | ------------------------------------------------------ |
+| `{component}Variant`     | `string \| string[] \| Record<string, number>` | Restrict to specific variants, optionally with weights |
+| `{component}Probability` | `number`                                       | Visibility probability in percent (0 to 100)           |
+
+A component's rotation, translation, and scale are sampled at render time from
+the component definition and are **not** user options: there are no
+`{component}Rotate`, `{component}TranslateX`, `{component}TranslateY`, or
+`{component}Scale` options.
+
+Component aliases (declared via `extends` in the style definition) do not expose
+their own option keys. They share `{source}Variant` and `{source}Probability`
+with the component they extend.
+
+### Dynamic color options
+
+For each color group in a style (e.g. `skin`, `hair`) and `background`, the
+following options are available:
+
+| Pattern                 | Type                              | Description                                                        |
+| ----------------------- | --------------------------------- | ------------------------------------------------------------------ |
+| `{color}Color`          | `string \| string[]`              | Override the palette with hex values (`#` optional)                |
+| `{color}ColorFill`      | `'solid' \| 'linear' \| 'radial'` | Fill type (accepts an array of values to randomize)                |
+| `{color}ColorFillStops` | `integer \| [min, max]`           | Number of gradient stops (minimum 2); ignored when fill is `solid` |
+| `{color}ColorAngle`     | `number \| [min, max]`            | Gradient angle in degrees (−360 to 360)                            |
+
+## Examples
+
+### Avatar with custom background
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  backgroundColor: ['#b6e3f4', '#c0aede', '#d1d4f9'],
+  // ... other options
+});
+```
+
+### Fixed size avatar
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import bottts from '@dicebear/styles/bottts.json' with { type: 'json' };
+
+const style = new Style(bottts);
+const avatar = new Avatar(style, {
+  seed: 'robot-42',
+  size: 128,
+  borderRadius: 50, // circular avatar
+  // ... other options
+});
+```
+
+### Avatar with transformations
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import avataaars from '@dicebear/styles/avataaars.json' with { type: 'json' };
+
+const style = new Style(avataaars);
+const avatar = new Avatar(style, {
+  seed: 'Jane',
+  flip: 'horizontal',
+  rotate: 10,
+  scale: 0.9,
+  translateY: 5,
+  // ... other options
+});
+```
+
+### Multiple avatars on the same page
+
+When inlining multiple avatars into the same document (e.g. dropping the SVG
+markup into the page rather than using `<img src={dataUri}>`), use
+`idRandomization` to suffix each SVG's internal IDs and avoid `<defs>` /
+`url(#…)` collisions:
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const users = ['alice', 'bob', 'charlie'];
+
+const avatars = users.map((user) =>
+  new Avatar(style, {
+    seed: user,
+    idRandomization: true,
+    // ... other options
+  }).toString(),
+);
+```
+
+The suffix is drawn from `Math.random()` (**not** from the DiceBear PRNG), so
+two avatars rendered with the same seed get different IDs. This also means the
+rendered SVG is no longer deterministic; only the visual output is. Skip
+`idRandomization` for snapshot tests, SSR/hydration, or anywhere you depend on
+identical markup. When you only embed avatars via `<img>` (data URI or HTTP API)
+the IDs live inside isolated documents and ID randomization is unnecessary.
+
+### Weighted variant selection
+
+You can influence the PRNG to prefer certain variants by passing a weight map.
+Variants not listed in the map are excluded; weights of `0` exclude that variant
+unless **every** mapped variant has weight `0`, in which case the PRNG falls
+back to an unweighted pick across them:
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+import avataaars from '@dicebear/styles/avataaars.json' with { type: 'json' };
+
+const style = new Style(avataaars);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  topVariant: { short01: 2, short02: 2, long01: 1 },
+  // ... other options
+});
+```
+
+## Accessibility
+
+By default the generated `<svg>` element is `aria-hidden="true"`, so assistive
+technology skips it. This is the right default for purely decorative avatars
+next to a username.
+
+When the avatar conveys identity on its own (e.g. it is the only thing in a
+link, or has no visible label), set the `title` option. The renderer emits
+`role="img" aria-label="…"` on the root element **and** a `<title>` child, so
+screen readers announce the value:
+
+```js
+const avatar = new Avatar(style, {
+  seed: 'Alice',
+  title: 'Avatar for Alice',
+});
+```
+
+If you embed the SVG inside an `<img>` (via `toDataUri()`), use the `<img>`
+element's `alt` attribute instead. The SVG's internal `title` is not read by
+assistive technology when the SVG is loaded as an image.
+
+## TypeScript
+
+The library is fully typed. You can import types for better IDE support:
+
+```ts
+import { Avatar, Style } from '@dicebear/core';
+import type { StyleOptions, StyleDefinition } from '@dicebear/core';
+import lorelei from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const style = new Style(lorelei);
+const avatar = new Avatar(style, {
+  seed: 'John',
+  backgroundColor: ['#b6e3f4'],
+  // ... other options
+});
+```
+
+When importing a style definition as JSON, TypeScript infers the literal types
+of the definition, providing autocomplete for component and color option names.
+
+## Convert to other formats
+
+Need PNG, JPEG, or other formats? Check out the
+[Converter](/how-to-use/js-library/converter/) package.
diff --git a/apps/docs/pages/how-to-use/php-library/index.md b/apps/docs/pages/how-to-use/php-library/index.md
new file mode 100644
index 0000000..6740edf
--- /dev/null
+++ b/apps/docs/pages/how-to-use/php-library/index.md
@@ -0,0 +1,248 @@
+---
+title: PHP Avatar Library
+description: >
+  Use the DiceBear PHP library to generate SVG profile pictures on the server.
+  PHP 8.2+ with an API identical to the JavaScript library.
+---
+
+# PHP avatar library
+
+The PHP library provides an API identical to the
+[JavaScript library](/how-to-use/js-library/). It requires PHP 8.2 or higher.
+The same seed and style definition produce SVGs byte-identical to the JavaScript
+reference.
+
+## Installation
+
+You need two packages: the core library `dicebear/core` and the avatar style
+definitions `dicebear/styles`.
+
+```
+composer require dicebear/core dicebear/styles
+```
+
+## Usage
+
+```php
+<?php
+
+use Composer\InstalledVersions;
+use DiceBear\Style;
+use DiceBear\Avatar;
+
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/lorelei.json'));
+
+$avatar = new Avatar($style, [
+  'seed' => 'Alice',
+  // ... other options
+]);
+
+$svg = (string) $avatar;
+```
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+will always produce the same avatar:
+
+```php
+$avatar1 = new Avatar($style, ['seed' => 'user-123']);
+$avatar2 = new Avatar($style, ['seed' => 'user-123']);
+
+(string) $avatar1 === (string) $avatar2; // true
+```
+
+## Classes
+
+### `Avatar`
+
+The main class for generating avatars. Pass a `Style` instance and optional
+options.
+
+```php
+use DiceBear\Avatar;
+
+$avatar = new Avatar($style, [
+  // ... options
+]);
+```
+
+### `Style`
+
+An immutable wrapper around a style definition. Reuse it when generating
+multiple avatars from the same style.
+
+```php
+use DiceBear\Style;
+use DiceBear\Avatar;
+
+$style = new Style($definition);
+
+$avatar1 = new Avatar($style, ['seed' => 'Alice']);
+$avatar2 = new Avatar($style, ['seed' => 'Bob']);
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input.
+
+```php
+use DiceBear\Style;
+use DiceBear\OptionsDescriptor;
+
+$descriptor = new OptionsDescriptor(new Style($definition));
+$fields = $descriptor->toJSON();
+```
+
+## Methods
+
+### `__toString()` / `toString()`
+
+**Return type:** `string`
+
+Returns the avatar as SVG in XML format. The `__toString()` magic method allows
+using the avatar directly in string contexts.
+
+```php
+$avatar = new Avatar($style, ['seed' => 'Alice']);
+
+$svg = (string) $avatar;
+// or
+$svg = $avatar->toString();
+```
+
+### `toJSON()`
+
+**Return type:** `array{svg: string, options: array}`
+
+Returns an associative array with the SVG and the resolved options.
+
+```php
+$avatar = new Avatar($style, ['seed' => 'Alice']);
+
+$json = $avatar->toJSON();
+
+// $json['svg']     → '<svg>...</svg>'
+// $json['options'] → ['seed' => 'Alice', ...]
+```
+
+### `toDataUri()`
+
+**Return type:** `string`
+
+Returns the avatar as [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
+
+```php
+$avatar = new Avatar($style, ['seed' => 'Alice']);
+
+$dataUri = $avatar->toDataUri();
+
+// <img src="<?= $dataUri ?>" alt="Avatar" />
+```
+
+## Core options
+
+The core options are identical to the JavaScript library. See the
+[JS Library core options](/how-to-use/js-library/#core-options) for the full
+reference. Here are the options in PHP syntax:
+
+```php
+$avatar = new Avatar($style, [
+  'seed' => 'Alice',
+  'flip' => 'horizontal',          // 'none', 'horizontal', 'vertical', 'both'
+  'rotate' => 10,                  // -360 to 360, or [min, max] range
+  'scale' => 0.9,                  // 0 to 10 (1 = original), or [min, max] range
+  'borderRadius' => 50,            // 0-50 (50 = circle)
+  'size' => 128,
+  'translateX' => 0,               // -1000 to 1000 (percent of canvas width)
+  'translateY' => 0,               // -1000 to 1000 (percent of canvas height)
+  'idRandomization' => true,
+  'title' => 'User Avatar',
+  'fontFamily' => 'Arial',         // or ['Arial', 'Helvetica']
+  'fontWeight' => 700,             // 1-1000
+  'backgroundColor' => ['#b6e3f4', '#c0aede'],
+  'backgroundColorFill' => 'solid', // 'solid', 'linear', 'radial'
+]);
+```
+
+Dynamic component and color options also work the same way. See the
+[JS Library documentation](/how-to-use/js-library/#dynamic-component-options)
+for all available patterns.
+
+## Examples
+
+### Avatar with custom background
+
+```php
+$avatar = new Avatar($style, [
+  'seed' => 'Alice',
+  'backgroundColor' => ['#b6e3f4', '#c0aede', '#d1d4f9'],
+]);
+```
+
+### Fixed size avatar
+
+```php
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/bottts.json'));
+
+$avatar = new Avatar($style, [
+  'seed' => 'robot-42',
+  'size' => 128,
+  'borderRadius' => 50, // circular avatar
+]);
+```
+
+### Avatar with transformations
+
+```php
+$basePath = InstalledVersions::getInstallPath('dicebear/styles');
+$style = Style::fromJson(file_get_contents($basePath . '/src/avataaars.json'));
+
+$avatar = new Avatar($style, [
+  'seed' => 'Jane',
+  'flip' => 'horizontal',
+  'rotate' => 10,
+  'scale' => 0.9,
+  'translateY' => 5,
+]);
+```
+
+### Multiple avatars on the same page
+
+When rendering multiple avatars on the same page, use `idRandomization` to
+prevent SVG ID conflicts:
+
+```php
+$users = ['alice', 'bob', 'charlie'];
+
+$avatars = array_map(function (string $user) use ($style) {
+  return (string) new Avatar($style, [
+    'seed' => $user,
+    'idRandomization' => true,
+  ]);
+}, $users);
+```
+
+### Weighted variant selection
+
+```php
+$avatar = new Avatar($style, [
+  'seed' => 'Alice',
+  'topVariant' => ['short01' => 2, 'short02' => 2, 'long01' => 1],
+]);
+```
diff --git a/apps/docs/pages/how-to-use/python-library/index.md b/apps/docs/pages/how-to-use/python-library/index.md
new file mode 100644
index 0000000..e4b59c7
--- /dev/null
+++ b/apps/docs/pages/how-to-use/python-library/index.md
@@ -0,0 +1,260 @@
+---
+title: Python Avatar Library
+description: >
+  Use the DiceBear Python library to generate SVG profile pictures on the
+  server. Python 3.10+ with an API identical to the JavaScript, PHP, Rust, and
+  Go libraries.
+---
+
+# Python avatar library
+
+The Python library provides an API identical to the
+[JavaScript library](/how-to-use/js-library/). It requires Python 3.10 or
+higher. The same seed and style definition produce SVGs byte-identical to the
+JavaScript reference.
+
+## Installation
+
+You need two packages: the core library `dicebear-core` and the avatar style
+definitions `dicebear-styles`.
+
+```bash
+pip install dicebear-core dicebear-styles
+```
+
+## Usage
+
+We use the avatar style [lorelei](/styles/lorelei/) in our example. You can find
+more avatar styles [here](/styles/).
+
+```python
+from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("lorelei.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, {
+    "seed": "John",
+    # ... other options
+})
+
+svg = avatar.to_string()
+```
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+will always produce the same avatar:
+
+```python
+avatar1 = Avatar(style, {"seed": "user-123"})
+avatar2 = Avatar(style, {"seed": "user-123"})
+
+avatar1.to_string() == avatar2.to_string()  # True
+```
+
+## Classes
+
+### `Avatar`
+
+The main class for generating avatars. Pass a `Style` instance and optional
+options.
+
+```python
+from dicebear import Avatar
+
+avatar = Avatar(style, {
+    # ... options
+})
+```
+
+### `Style`
+
+An immutable wrapper around a style definition. Reuse it when generating
+multiple avatars from the same style.
+
+```python
+from dicebear import Avatar, Style
+
+style = Style(definition)
+
+avatar1 = Avatar(style, {"seed": "Alice"})
+avatar2 = Avatar(style, {"seed": "Bob"})
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input.
+
+```python
+from dicebear import OptionsDescriptor, Style
+
+descriptor = OptionsDescriptor(Style(definition))
+fields = descriptor.to_json()
+```
+
+## Methods
+
+### `to_string()` / `str(avatar)`
+
+**Return type:** `str`
+
+Returns the avatar as SVG in XML format. The `__str__` method allows using the
+avatar directly in string contexts.
+
+```python
+avatar = Avatar(style, {"seed": "Alice"})
+
+svg = avatar.to_string()
+# or
+svg = str(avatar)
+```
+
+### `to_json()`
+
+**Return type:** `dict` with keys `svg` and `options`
+
+Returns a dict with the SVG and the resolved options.
+
+```python
+avatar = Avatar(style, {"seed": "Alice"})
+
+result = avatar.to_json()
+
+# result["svg"]     → '<svg>...</svg>'
+# result["options"] → {"seed": "Alice", ...}
+```
+
+### `to_data_uri()`
+
+**Return type:** `str`
+
+Returns the avatar as [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
+
+```python
+avatar = Avatar(style, {"seed": "Alice"})
+
+data_uri = avatar.to_data_uri()
+
+# <img src="{data_uri}" alt="Avatar" />
+```
+
+## Core options
+
+The core options are identical to the JavaScript library. See the
+[JS Library core options](/how-to-use/js-library/#core-options) for the full
+reference. Here are the options in Python syntax:
+
+```python
+avatar = Avatar(style, {
+    "seed": "Alice",
+    "flip": "horizontal",            # "none", "horizontal", "vertical", "both"
+    "rotate": 10,                    # -360 to 360, or [min, max] range
+    "scale": 0.9,                    # 0 to 10 (1 = original), or [min, max] range
+    "borderRadius": 50,              # 0-50 (50 = circle)
+    "size": 128,
+    "translateX": 0,                 # -1000 to 1000 (percent of canvas width)
+    "translateY": 0,                 # -1000 to 1000 (percent of canvas height)
+    "idRandomization": True,
+    "title": "User Avatar",
+    "fontFamily": "Arial",           # or ["Arial", "Helvetica"]
+    "fontWeight": 700,               # 1-1000
+    "backgroundColor": ["#b6e3f4", "#c0aede"],
+    "backgroundColorFill": "solid",  # "solid", "linear", "radial"
+})
+```
+
+Dynamic component and color options also work the same way. See the
+[JS Library documentation](/how-to-use/js-library/#dynamic-component-options)
+for all available patterns.
+
+## Examples
+
+### Avatar with custom background
+
+```python
+avatar = Avatar(style, {
+    "seed": "Alice",
+    "backgroundColor": ["#b6e3f4", "#c0aede", "#d1d4f9"],
+})
+```
+
+### Fixed size avatar
+
+```python
+from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("bottts.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, {
+    "seed": "robot-42",
+    "size": 128,
+    "borderRadius": 50,  # circular avatar
+})
+```
+
+### Avatar with transformations
+
+```python
+from importlib.resources import files
+
+from dicebear import Avatar, Style
+
+style = Style.from_json(
+    files("dicebear_styles").joinpath("avataaars.json").read_text("utf-8")
+)
+
+avatar = Avatar(style, {
+    "seed": "Jane",
+    "flip": "horizontal",
+    "rotate": 10,
+    "scale": 0.9,
+    "translateY": 5,
+})
+```
+
+### Multiple avatars on the same page
+
+When rendering multiple avatars on the same page, use `idRandomization` to
+prevent SVG ID conflicts:
+
+```python
+from dicebear import Avatar, Style
+
+style = Style(definition)
+users = ["alice", "bob", "charlie"]
+
+avatars = [
+    Avatar(style, {"seed": user, "idRandomization": True}).to_string()
+    for user in users
+]
+```
+
+### Weighted variant selection
+
+```python
+avatar = Avatar(style, {
+    "seed": "Alice",
+    "topVariant": {"short01": 2, "short02": 2, "long01": 1},
+})
+```
diff --git a/apps/docs/pages/how-to-use/rust-library/index.md b/apps/docs/pages/how-to-use/rust-library/index.md
new file mode 100644
index 0000000..080e5a0
--- /dev/null
+++ b/apps/docs/pages/how-to-use/rust-library/index.md
@@ -0,0 +1,256 @@
+---
+title: Rust Avatar Library
+description: >
+  Use the DiceBear Rust library to generate SVG profile pictures on the server.
+  Rust 1.80+ with an API identical to the JavaScript library.
+---
+
+# Rust avatar library
+
+The Rust library provides an API identical to the
+[JavaScript library](/how-to-use/js-library/). It requires Rust 1.80 or higher.
+The same seed and style definition produce SVGs byte-identical to the JavaScript
+reference.
+
+## Installation
+
+You need two crates: the core library `dicebear-core` and the avatar style
+definitions `dicebear-styles` (each style sits behind a feature of the same
+name). Options are passed as a `serde_json::Value`, so add `serde_json` too.
+
+```sh
+cargo add dicebear-core serde_json
+cargo add dicebear-styles --features lorelei
+```
+
+## Usage
+
+We use the avatar style [lorelei](/styles/lorelei/) in our example. You can find
+more avatar styles [here](/styles/).
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::LORELEI)?;
+
+let avatar = Avatar::new(&style, json!({
+    "seed": "John",
+    // ... other options
+}))?;
+
+let svg = avatar.to_svg();
+```
+
+Each avatar style comes with several options. You can find them on the details
+page of each [avatar style](/styles/).
+
+:::info
+
+We provide a large number of avatar styles from different artists. The avatar
+styles are licensed under different licenses that the artists can choose
+themselves. For a quick overview we have created an
+[license overview](/licenses/) for you.
+
+:::
+
+## Deterministic avatars
+
+The `seed` option is the key to generating deterministic avatars. The same seed
+always produces the same avatar:
+
+```rust
+let avatar1 = Avatar::new(&style, json!({ "seed": "user-123" }))?;
+let avatar2 = Avatar::new(&style, json!({ "seed": "user-123" }))?;
+
+assert_eq!(avatar1.to_svg(), avatar2.to_svg());
+```
+
+## Types
+
+### `Style`
+
+A validated, immutable wrapper around a style definition. Build it once with
+`Style::from_str` (from a JSON string) or `Style::from_value` (from a
+`serde_json::Value`), then reuse it when generating multiple avatars.
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(definition_json)?;
+
+let avatar1 = Avatar::new(&style, json!({ "seed": "Alice" }))?;
+let avatar2 = Avatar::new(&style, json!({ "seed": "Bob" }))?;
+```
+
+### `Avatar`
+
+The main type for generating avatars. `Avatar::new` takes a `&Style` and a
+`serde_json::Value` of options, and returns `Result<Avatar, Error>` (invalid
+options and circular color references surface as an `Error`).
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let avatar = Avatar::new(&style, json!({
+    // ... options
+}))?;
+```
+
+### `OptionsDescriptor`
+
+Describes all valid options for a given style. Useful for building UIs or
+validating user input.
+
+```rust
+use dicebear_core::{OptionsDescriptor, Style};
+
+let descriptor = OptionsDescriptor::new(&style).to_json();
+```
+
+## Methods
+
+### `to_svg()` / `to_string()`
+
+**Return type:** `&str` / `String`
+
+Returns the avatar as SVG in XML format. `Avatar` also implements `Display`, so
+it can be used directly in string contexts (`format!`, `println!`,
+`.to_string()`).
+
+```rust
+let avatar = Avatar::new(&style, json!({ "seed": "Alice" }))?;
+
+let svg = avatar.to_svg();
+// or
+let svg = avatar.to_string();
+```
+
+### `to_json()`
+
+**Return type:** `serde_json::Value` with keys `svg` and `options`
+
+Returns a value with the SVG and the resolved options.
+
+```rust
+let avatar = Avatar::new(&style, json!({ "seed": "Alice" }))?;
+
+let result = avatar.to_json();
+
+// result["svg"]     → "<svg>...</svg>"
+// result["options"] → { "seed": "Alice", ... }
+```
+
+### `to_data_uri()`
+
+**Return type:** `String`
+
+Returns the avatar as [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
+
+```rust
+let avatar = Avatar::new(&style, json!({ "seed": "Alice" }))?;
+
+let data_uri = avatar.to_data_uri();
+
+// <img src="{data_uri}" alt="Avatar" />
+```
+
+## Core options
+
+The core options are identical to the JavaScript library. See the
+[JS Library core options](/how-to-use/js-library/#core-options) for the full
+reference. Here are the options in Rust syntax:
+
+```rust
+let avatar = Avatar::new(&style, json!({
+    "seed": "Alice",
+    "flip": "horizontal",            // "none", "horizontal", "vertical", "both"
+    "rotate": 10,                    // -360 to 360, or [min, max] range
+    "scale": 0.9,                    // 0 to 10 (1 = original), or [min, max] range
+    "borderRadius": 50,              // 0-50 (50 = circle)
+    "size": 128,
+    "translateX": 0,                 // -1000 to 1000 (percent of canvas width)
+    "translateY": 0,                 // -1000 to 1000 (percent of canvas height)
+    "idRandomization": true,
+    "title": "User Avatar",
+    "fontFamily": "Arial",           // or ["Arial", "Helvetica"]
+    "fontWeight": 700,               // 1-1000
+    "backgroundColor": ["#b6e3f4", "#c0aede"],
+    "backgroundColorFill": "solid",  // "solid", "linear", "radial"
+}))?;
+```
+
+Dynamic component and color options also work the same way. See the
+[JS Library documentation](/how-to-use/js-library/#dynamic-component-options)
+for all available patterns.
+
+## Examples
+
+### Avatar with custom background
+
+```rust
+let avatar = Avatar::new(&style, json!({
+    "seed": "Alice",
+    "backgroundColor": ["#b6e3f4", "#c0aede", "#d1d4f9"],
+}))?;
+```
+
+### Fixed size avatar
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::BOTTTS)?;
+
+let avatar = Avatar::new(&style, json!({
+    "seed": "robot-42",
+    "size": 128,
+    "borderRadius": 50, // circular avatar
+}))?;
+```
+
+### Avatar with transformations
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(dicebear_styles::AVATAAARS)?;
+
+let avatar = Avatar::new(&style, json!({
+    "seed": "Jane",
+    "flip": "horizontal",
+    "rotate": 10,
+    "scale": 0.9,
+    "translateY": 5,
+}))?;
+```
+
+### Multiple avatars on the same page
+
+When rendering multiple avatars on the same page, use `idRandomization` to
+prevent SVG ID conflicts:
+
+```rust
+let style = Style::from_str(dicebear_styles::LORELEI)?;
+
+let avatars: Vec<String> = ["alice", "bob", "charlie"]
+    .iter()
+    .map(|seed| {
+        Avatar::new(&style, json!({ "seed": seed, "idRandomization": true }))
+            .map(|a| a.to_svg().to_string())
+    })
+    .collect::<Result<_, _>>()?;
+```
+
+### Weighted variant selection
+
+```rust
+let avatar = Avatar::new(&style, json!({
+    "seed": "Alice",
+    "topVariant": { "short01": 2, "short02": 2, "long01": 1 },
+}))?;
+```
diff --git a/apps/docs/pages/index.md b/apps/docs/pages/index.md
new file mode 100644
index 0000000..ac08bfa
--- /dev/null
+++ b/apps/docs/pages/index.md
@@ -0,0 +1,16 @@
+---
+layout: page
+title: DiceBear | Open Source Avatar Library & API
+titleTemplate: false
+description: >
+  DiceBear is a free, open source avatar library and avatar API with 35+ styles.
+  Create deterministic SVG profile pictures and placeholder avatars for user
+  profiles, apps, and any project. Privacy-focused and self-hostable.
+aside: false
+---
+
+<script setup>
+import PageHome from '@theme/components/pages/PageHome.vue';
+</script>
+
+<PageHome />
diff --git a/apps/docs/pages/introduction/index.md b/apps/docs/pages/introduction/index.md
new file mode 100644
index 0000000..ef36f43
--- /dev/null
+++ b/apps/docs/pages/introduction/index.md
@@ -0,0 +1,149 @@
+---
+title: DiceBear – Open Source Avatar Library & API
+description: >
+  DiceBear is a free, open source avatar library and avatar API. Generate
+  deterministic SVG profile pictures and user placeholder images via JavaScript
+  library, PHP library, Python library, Rust library, Go library, Dart library,
+  HTTP API, or CLI.
+---
+
+<script setup>
+import { Palette, Code2, Globe, Terminal, Server, Library, Boxes, Hexagon, Target } from '@lucide/vue';
+import DocsHighlights from '@theme/components/docs/DocsHighlights.vue';
+
+const highlights = [
+  {
+    icon: Globe,
+    title: 'HTTP API',
+    description:
+      'Use a simple URL to embed avatars in any language or platform without installing anything.',
+    color: '#22c55e',
+    link: '/how-to-use/http-api/',
+  },
+  {
+    icon: Code2,
+    title: 'JS Library',
+    description:
+      'Generate avatars in the browser or Node.js with full TypeScript support. Great for React, Vue, Svelte, and more.',
+    color: '#1689cc',
+    link: '/how-to-use/js-library/',
+  },
+  {
+    icon: Server,
+    title: 'PHP Library',
+    description:
+      'Generate avatars on the server with PHP 8.2+. Identical API to the JS library: same seed, same result.',
+    color: '#8b5cf6',
+    link: '/how-to-use/php-library/',
+  },
+  {
+    icon: Library,
+    title: 'Python Library',
+    description:
+      'Generate avatars on the server with Python 3.10+. Identical API to the JS library: same seed, same result.',
+    color: '#3b82f6',
+    link: '/how-to-use/python-library/',
+  },
+  {
+    icon: Boxes,
+    title: 'Rust Library',
+    description:
+      'Generate avatars on the server with Rust 1.80+. Identical API to the JS library: same seed, same result.',
+    color: '#14b8a6',
+    link: '/how-to-use/rust-library/',
+  },
+  {
+    icon: Hexagon,
+    title: 'Go Library',
+    description:
+      'Generate avatars on the server with Go 1.23+. Identical API to the JS library: same seed, same result.',
+    color: '#00add8',
+    link: '/how-to-use/go-library/',
+  },
+  {
+    icon: Target,
+    title: 'Dart Library',
+    description:
+      'Generate avatars in Dart and Flutter apps with Dart 3.4+. Identical API to the JS library: same seed, same result.',
+    color: '#0175c2',
+    link: '/how-to-use/dart-library/',
+  },
+  {
+    icon: Terminal,
+    title: 'CLI',
+    description:
+      'Perfect for automations and batch exports in multiple image formats directly from the command line.',
+    color: '#f59e0b',
+    link: '/how-to-use/cli/',
+  },
+  {
+    icon: Palette,
+    title: 'Editor',
+    description:
+      'Use the interactive Editor to browse all avatar styles, customize options, and export avatars without writing any code.',
+    color: '#ec4899',
+    link: 'https://editor.dicebear.com',
+  },
+];
+</script>
+
+# DiceBear: open source avatar library & API
+
+## What is DiceBear?
+
+DiceBear generates avatars for your project. The avatar styles cover a range of
+looks, from abstract shapes to designed characters, and the avatars can be used
+in many kinds of applications.
+
+In addition to purely random avatars, you can also create
+[deterministic](https://en.wikipedia.org/wiki/Deterministic_algorithm) avatars
+for user identities. With the built-in
+[PRNG](https://en.wikipedia.org/wiki/Pseudorandom_number_generator) you create
+the same avatar over and over again based on a seed. Individual avatars are also
+possible: each avatar style provides many options to adjust the result.
+
+DiceBear is available through the [JavaScript library](/how-to-use/js-library/),
+[PHP library](/how-to-use/php-library/),
+[Python library](/how-to-use/python-library/),
+[Rust library](/how-to-use/rust-library/),
+[Go library](/how-to-use/go-library/),
+[Dart library](/how-to-use/dart-library/), [HTTP API](/how-to-use/http-api/),
+[CLI](/how-to-use/cli/),
+[Figma plugin](https://www.figma.com/community/plugin/1005765655729342787/DiceBear-Exporter),
+[Editor](https://editor.dicebear.com) and [Playground](/playground/), so you can
+integrate it into most projects. The
+[Avatar API](/how-to-use/http-api/) provides URL-based integration without
+installing anything.
+
+## How to use?
+
+<DocsHighlights :highlights="highlights" />
+
+## How does it work?
+
+The avatars are created in
+[SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) format. This
+allows to generate avatars dynamically without much computing power. In most
+cases, various SVG elements such as hair, eyes, ears etc. are selected from a
+set and combined to create a character / avatar.
+
+[FNV-1a](https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function)
+combined with
+[Mulberry32](https://gist.github.com/tommyettinger/46a874533244883189143505d203312c)
+is used as the algorithm for the
+[PRNG](https://en.wikipedia.org/wiki/Pseudorandom_number_generator). The PRNG
+**does not** attempt to be
+[cryptographically secure](https://en.wikipedia.org/wiki/Cryptographically-secure_pseudorandom_number_generator).
+
+## Privacy by design
+
+DiceBear is built with privacy in mind. When using the
+[JavaScript library](/how-to-use/js-library/),
+[PHP library](/how-to-use/php-library/),
+[Python library](/how-to-use/python-library/),
+[Rust library](/how-to-use/rust-library/), [Go library](/how-to-use/go-library/)
+or [Dart library](/how-to-use/dart-library/), avatars are generated entirely on
+your infrastructure. No personal data ever leaves your systems. For teams that
+require full control over data retention and infrastructure, DiceBear can be
+[self-hosted](/guides/host-the-http-api-yourself/), so there is no dependency on
+external services.
diff --git a/apps/docs/pages/legal/legal-notice/index.md b/apps/docs/pages/legal/legal-notice/index.md
new file mode 100644
index 0000000..7e34c4e
--- /dev/null
+++ b/apps/docs/pages/legal/legal-notice/index.md
@@ -0,0 +1,6 @@
+---
+title: Legal Notice
+editLink: false
+aside: false
+sidebarMenuLabel: Language
+---
diff --git a/apps/docs/pages/licenses/index.md b/apps/docs/pages/licenses/index.md
new file mode 100644
index 0000000..e2e6904
--- /dev/null
+++ b/apps/docs/pages/licenses/index.md
@@ -0,0 +1,17 @@
+---
+editLink: false
+aside: false
+
+description: Get an overview of the licenses used at DiceBear.
+---
+
+<script setup lang="ts">
+import PageLicenses from '@theme/components/pages/PageLicenses.vue';
+</script>
+
+# Licenses
+
+While our code is MIT licensed, the avatar styles are licensed under different
+licenses that the artists can choose themselves.
+
+<PageLicenses />
diff --git a/apps/docs/pages/playground/index.md b/apps/docs/pages/playground/index.md
new file mode 100644
index 0000000..9333716
--- /dev/null
+++ b/apps/docs/pages/playground/index.md
@@ -0,0 +1,16 @@
+---
+layout: page
+title: Playground
+editLink: false
+aside: false
+
+description: >
+  Free online avatar maker. Design custom profile pictures, preview avatar
+  styles, and get integration code for your project.
+---
+
+<script setup lang="ts">
+import Playground from "@playground/Playground.vue";
+</script>
+
+<Playground />
diff --git a/apps/docs/pages/public/apple-touch-icon.png b/apps/docs/pages/public/apple-touch-icon.png
new file mode 100644
index 0000000..077d99e
Binary files /dev/null and b/apps/docs/pages/public/apple-touch-icon.png differ
diff --git a/apps/docs/pages/public/avatars/hero/adventurer-milo.svg b/apps/docs/pages/public/avatars/hero/adventurer-milo.svg
new file mode 100644
index 0000000..c5c6c75
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/adventurer-milo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 762 762" fill="none" shape-rendering="auto" aria-hidden="true" width="160" height="160"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Adventurer</dc:title><dc:creator>Lisa Wischofsky</dc:creator><dc:source xsi:type="dcterms:URI">https://www.figma.com/community/file/1184595184137881796</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of “Adventurer” (https://www.figma.com/community/file/1184595184137881796) by “Lisa Wischofsky”, licensed under “CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="head-default-eb6f9e76"><path d="M252.8 2a225 225 0 0 1 104.8 42.3c6.2 4.9 12.5 9.4 18 15a225 225 0 0 1 71.8 149 58.5 58.5 0 0 1 50.9 42.2 71 71 0 0 1-27.7 76.5 64 64 0 0 1-37.8 11.7c-5.1 0-10-1.6-15.1-1.8q-2.7 3.5-4.8 7.3a223 223 0 0 1-167.1 102.7c-11 .7-21.9 2-33 .7A223.7 223.7 0 0 1 34 105.3 223 223 0 0 1 208.8.6a216 216 0 0 1 44 1.3" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M355.6 50.3A216 216 0 0 0 219.8 6.2a197 197 0 0 0-39 4A218 218 0 0 0 67.2 375.8 218.5 218.5 0 0 0 327.6 416c35-18.8 64.3-47.3 84.4-81.5l-3-1.6q-4.4-2-8-5c-2.2-2-.3-5.8 2.7-4.7q2.3 1.1 4.4 2.4 2.2 1.6 4.7 2.6a55 55 0 0 0 54.9-6.2 64.5 64.5 0 0 0 25-69.8 53 53 0 0 0-24-31c-13.4-8-30-9-44.7-3.7l-2.3 1c-1.6.7-3.4 1.4-5 1.2-2.5-.2-2.8-4.2-.6-5.2 8-4 16.5-5.6 25.4-6.4A217 217 0 0 0 373 65l-3.6-3.3c-4.3-4-8.6-8.1-13.8-11.3m107.6 196.2c2-1.2 1.3-5.1-1.4-5-2 0-4.2.8-6.2 1.6l-1.4.5a95 95 0 0 0-25.5 12.3c-2.2 2-2.2 4.4.1 6.2l5.2 2.8a36 36 0 0 1 13 9.3c-.2 1.8-2 3.3-3.4 4.4l-.2.2c-3.9 3-8.8 5-13.6 7l-7.2 3.1c-1.6.8-2.5 2.2-1.5 3.9 1 2 3.2 1.1 5 .5l.6-.2 5.4-2.3c5.4-2.3 11-4.5 15.4-8 2.7-2.1 5.1-5.1 5.4-8.7-.5-3.4-2.7-5.7-5.3-7.8-3.5-2.8-7.7-5-11.6-7.2l-1.1-.6q8-4.5 16.7-7.7l4.8-1.7a52 52 0 0 0 6.8-2.6" fill="#ecad80"/></g><g id="eyes-variant13-eb6f9e76"><path d="M239.3.9a65 65 0 0 1 63.5 43.4c2.1 5.6 2.6 11.1 3.6 17-1.3 1.4-1.6 3.3-4 3-7-.4-14-2-21-2.3-8.8 0-17.4-.3-26.1 1-9.9 1.6-19.6 2.6-29.1 5.7A175 175 0 0 0 193.7 81c-3.3 1.7-6.5 3.8-9.9 5.3-2 .7-4.4.3-5.3-2a66 66 0 0 1 17.3-65.1A65 65 0 0 1 239.3.9" fill="black"/><path d="M241.3 6.6a59 59 0 0 1 59 52.5q-22.4-4.4-45-2.5-9 1.2-17.9 2.9c-1-3.3-1.7-6.4-3.6-9.3a26.1 26.1 0 0 0-46.2 3.8 27 27 0 0 0 1.2 22.6l-5.8 3A60 60 0 0 1 203.5 20a59 59 0 0 1 37.8-13.4" fill="white"/><path d="M95.8 29.4A55 55 0 0 1 125 90.6l-2.9 1.6q-14.6-4.2-29.9-5.5a348 348 0 0 0-54 0c-7 .2-13.5 2-20.4 1.6q-1.6-3.5-1.7-7.5a55 55 0 0 1 79.6-51.5" fill="black"/><path d="M81.5 30.4a49.6 49.6 0 0 1 38.6 55.3 83 83 0 0 0-12.3-3q-18.7-2.8-37.6-2.4c-.1-3.8 0-7.4-1.5-11a23.1 23.1 0 0 0-42.7-.8c-2.2 5-1.8 9.7-2 14.9-1.7-1.3-2-1.4-2-3.5a49.4 49.4 0 0 1 59.5-49.4" fill="white"/></g><g id="eyebrows-variant11-eb6f9e76"><path d="M215.4 2.4c17 2 34 7.4 48.6 16.5a57 57 0 0 1 18.2 16.9c1 1.2 1.3 3.5-.2 4.3-1.2 1.2-2.8.5-4.1 0a143 143 0 0 0-54-15c-13.5-.9-28.2-1-41.1 3.8-3 1-5.5 3-8.5 3.8-1.4.3-2.4-1-2.9-2.2a18 18 0 0 1 .2-14.8A23 23 0 0 1 185 5a73 73 0 0 1 30.4-2.6m-117 54.2C106.6 59 113 67.4 111.9 76q-2.7 1-5.5.7a108 108 0 0 0-42.9 5.9c-14 4.7-28.5 11.6-39.4 21.8-1.3 1.3-4.2 3-5.5.7-1.7-2.3 0-4 1.4-6a128 128 0 0 1 48.9-39c8.9-3.6 20-6.5 29.5-3.5" fill="black"/></g><g id="mouth-variant15-eb6f9e76"><path d="M76.5 0c9.4-.6 18.4 5.2 25.2 11.2a121 121 0 0 1 23.5 31.5 211 211 0 0 1 23.6 76.7c.4 4.4 1.5 8.7-2.5 11.8a80 80 0 0 1-23.8 6 144 144 0 0 1-48-4.8c-2.4-.7-4.5-.9-5.4-3.6A210 210 0 0 1 51 63a121 121 0 0 1 1.8-37 44 44 0 0 1 8.7-18.4c3.8-4.4 9.2-7.6 15-7.6" fill="black"/><path d="M81 6a48 48 0 0 1 23.3 16.3 74 74 0 0 1-45.8 5.8c1.2-6.2 3.7-13 8.2-17.5 3.6-3.8 9-6 14.3-4.6" fill="white"/><path d="M108.4 27.3A179 179 0 0 1 135.8 84c-6.3 1.3-12 4-17.5 7a94 94 0 0 0-30 27c-2.3 3.6-4.7 6.5-4.6 11q-4.5-1.2-9-2c-8.4-18-14-37.2-16.9-56.7a124 124 0 0 1-.3-37c5.4 1 10.5 2.3 16 2q7.5-.6 15-2c6.9-1.2 13.3-3.9 19.8-6.1" fill="#8F2E45"/><path d="M134 90c1.5-.6 2.4.2 3.8.7 2.7 11.7 5 23.5 5.6 35.5a90 90 0 0 1-24.7 5.6c-10.4 1-20.2-.7-30.5-1.8a75 75 0 0 1 17.8-23 85 85 0 0 1 28-17" fill="#EA869E"/></g><g id="hair-short18-eb6f9e76"><path d="M438.6 95.7c5.7.5 11.4 3.3 14.7 8a60 60 0 0 1 8.2 20.8q4 18.9 6.9 38c9.6-16.4 15.6-33 29.1-47.2 5.2-5.4 12.9-7.3 20.1-8 8 .2 16.7 3.4 24.5 5.5 5.6 1.7 11.6 3.3 16.7 6.4 4 2.4 6.5 6.5 7 11.1 1.2 15.4-3.9 28-8.7 42.1a178 178 0 0 1 45-18.7c6.4-1.3 13.1-.1 18.4 3.9a64 64 0 0 1 15.2 15.7c2.2 3.4 3.8 7 3.4 11-.5 8.2-4.6 16.3-7.9 23.7q-4 9-9.7 17.1c6.8-1 13.4-2.8 20-4 6.3-1.2 13.4-2.9 19.7-1.2 5.8 1.6 10 7 12.8 12.1 3.6 7.6 6 15.9 8 24 .8 3.6 1.2 7-.5 10.4-2.6 5.7-7.9 8.8-13.2 11.8a144 144 0 0 0-12.9 8c4.6.7 10.4 1.4 14.1 4.2 4 3.4 4 9.2 4 14 0 5.5-1.2 10.7-5.6 14.4a42 42 0 0 1-20.6 7c4.2 8.7 7 18.1 9.2 27.5q5.2 23.8 5.2 48.1c-.6 7.2-.4 14.9-2.5 21.8-2.6 1.6-6.6.1-9.6.7-7 1-14.5 2.6-21 5.5-3.5 1.5-5.4 4.3-8 7-4 4.9-8.6 9.5-12.7 14.3q-3 3.6-6.3 6.8c-2 2-6.2-.4-6-3-.2-10 .3-19.9-.7-29.8-1.9-19.6-6.2-40-14.8-57.8a62 62 0 0 0-20.5-25.5c-4-2.6-8.3-3.5-13-4.1a3 3 0 0 1-2.5-4c1.3-3.5 3.5-6.7 5.6-9.8q9.6-14.3 21.8-26.5c-23-7.3-46.4-10.8-70.4-12.8a625 625 0 0 0-208.2 19.5 282 282 0 0 0-45 16.9q-3 1.6-5.7 3.7-.9.8-2.4 0c-1.5-1.2-1-3.8-.6-5.4q2.5-10.2 6.4-20c-10.7-4.1-21.2-8.7-32-12.5a42 42 0 0 1-17.2-9.9 24 24 0 0 1-5.6-13.1c-1-7-1.5-15 .8-21.8a18 18 0 0 1 12-11.2c8-2.4 16-2.6 24.2-2.1-4.4-5.6-11-11.7-12.2-18.9-.8-6 3.3-12.5 6.8-17.2a73 73 0 0 1 15-16c4.6-3 10-2.4 15-.6 15.7 5.7 31 13.6 44.4 23.8q-8.7-16.2-14.9-33.5c-1.7-4.8-2.8-10.6 0-15.2a74 74 0 0 1 27.3-25.7c4.6-2.6 9-4.8 14.5-3.9 4.3.9 8.3 3.8 12 6.3 12.9 9.6 24 21.8 34.3 34.2.9-12.4-.3-24 2.2-36.3 1.4-6.6 4.7-13 10-17.3 4.4-3.8 10.2-5.5 15.6-7.2s11-2.4 16.8-3.3c8-1.2 15.8-2.4 24-1.8" fill="black"/><path d="M620.9 443.1c.7 2 .5 3-.8 4.8-4 5.2-8.6 10-12.8 15.2-2 2.5-4 5.4-6.4 7.7-1.1 1.1-3.7 1-4.3-.6-1-2.1.5-3.5 1.7-5q7-8.6 14.2-16.8 2.3-2.9 4.8-5.3c1.2-1.1 2.3-.5 3.6 0" fill="black"/><path d="M436.6 101.5A15 15 0 0 1 449 108c3.8 5.9 5.6 13.6 7.2 20.4q4.3 20.4 7 41c0 2.5 1.7 3.3 3.4 4.6 4-2.3 5-6.3 7.4-10.1 9-15.3 15.1-30.4 27.3-43.8 3.8-4.2 8.8-5.7 14.3-6.5 6.4-.7 13.4 1.7 19.5 3.4 6.8 2.1 14.4 3.7 20.6 7.3 3.6 2 4.4 6.3 4.5 10q-.7 13.7-5.4 26.4c-1.6 4.8-3.8 9.7-4.6 14.8-.1 1.9 1 4.9 3.4 4.7 1.9-.1 3.7-1.6 5.4-2.4 11-6.6 23.2-11.6 35.4-15.7 5.3-1.6 10.5-3.6 16.2-2.5 3.8.7 6.6 3 9.5 5.3a57 57 0 0 1 11.2 12.8c1.2 2 2.3 4.3 2 6.7-1 8-5.3 15.9-8.6 23.2q-3.8 7.9-8.8 15.2c-1.2 2-3 4.2-2.6 6.7q1.3 2.6 4.2 2c11.7-2 23.4-4.7 35.1-6.4 3.9-.6 8.4.3 11.2 3.1 5.2 4.8 7.5 12.7 9.7 19.2 1.3 4.9 3.7 10.8 2.8 15.8-1.6 4.7-7 7.5-11 9.8-5.5 2.8-10.3 6.4-15.5 9.6q-2.2 1.6-3.7 3.7c1.1 1.5 1.6 3.4 3.6 4 5.7 1.9 11.6 1.7 17 4.8q1.9 7.5.2 14.9c-.8 2.9-3.1 4.7-5.8 6a45 45 0 0 1-21.6 4l-1 2.6c2.7 4.8 5.4 9.4 7.2 14.7 5.8 16.3 8.4 33.8 9.7 51 .3 10 .5 20-1.1 29.8a92 92 0 0 0-28.5 5.8c-2 .8-3.7 3-5.2 4.5q-9.6 10.2-18.9 20.6c0-7.2.2-14.4-.7-21.6a189 189 0 0 0-10-50.3 103 103 0 0 0-15.7-29.4 41 41 0 0 0-24.3-16 159 159 0 0 1 28.3-33.6c1.8-2 .6-4.7-2-5.3-22-7.8-45.5-11.6-68.7-14a636 636 0 0 0-106-.2 569 569 0 0 0-120.8 22.2 260 260 0 0 0-35.9 14q2-6.4 4.6-12.6c.6-1.9 1.7-3.6 1.1-5.6-1.5-1.9-4.3-2.9-6.5-3.8-9.2-3.7-18.3-7.9-27.7-11.3-5.1-2-11-4-15.2-7.7-3.7-3-5-7.8-5.7-12.3a44 44 0 0 1 .7-17.6q2-5.5 7.3-7.5c8-2.7 15.8-2.6 24-2 2.6 0 5 .7 7.3-.9q1.2-2.1-.1-4.1c-4-6-10.1-11.3-13.5-17.8-2.1-5.2.8-9.8 3.7-14 4.3-5.6 9-12 14.7-16.2 2.9-2.1 6.2-1.3 9.3-.3a170 170 0 0 1 36.7 18.3c4.4 2.9 8.4 6.5 13 9 2.4 1.1 5.3 1 6-2-.8-4-3-7.7-4.7-11.3q-7.7-14.8-13.1-30.7c-1.1-4-2.9-7.3-.4-11.1a70 70 0 0 1 25.6-23.5c4.2-2.3 8.1-4.3 12.7-1.6 11.8 6.7 22 17.2 31 27.1q6 6.6 11.4 13.7c1.3 2.6 6.8 2.6 7.4-.6.7-13.8-.3-28.3 2.6-41.8a23 23 0 0 1 12-16.6 78 78 0 0 1 23.3-6.3c7.7-1.2 15.3-2.4 23.2-2.2" fill="#0e0e0e"/></g><clipPath id="clip-eb6f9e76"><rect width="762" height="762" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-eb6f9e76)"><rect width="762" height="762" fill="#dbeafe"/><use transform="translate(143.2 162.9)" href="#head-default-eb6f9e76"/><use transform="translate(154.7 340.2)" href="#eyes-variant13-eb6f9e76"/><use transform="translate(154.6 268.5)" href="#eyebrows-variant11-eb6f9e76"/><use transform="translate(232.5 456.6)" href="#mouth-variant15-eb6f9e76"/><use transform="translate(-65.6 -47.4)" href="#hair-short18-eb6f9e76"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/avatars/hero/bottts-pixel.svg b/apps/docs/pages/public/avatars/hero/bottts-pixel.svg
new file mode 100644
index 0000000..ebbd32a
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/bottts-pixel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" fill="none" shape-rendering="auto" aria-hidden="true" width="128" height="128"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Bottts</dc:title><dc:creator>Pablo Stanley</dc:creator><dc:source xsi:type="dcterms:URI">https://bottts.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://bottts.com/</dcterms:license><dc:rights>Remix of “Bottts” (https://bottts.com/) by “Pablo Stanley”, licensed under “Free for personal and commercial use” (https://bottts.com/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="sides-cables01-2ab32b77"><path d="M32 12c-2.95 11.7-19.9 6.67-23.37 18-3.46 11.35 8.03 20 17.53 20" stroke="#2A3544" stroke-width="6" opacity=".9"/><path d="M144 55c8.4 3.49 20.1-7.6 16-16.5s-16-6.7-16-19.3" stroke="#2A3544" stroke-width="4" opacity=".9"/><mask id="sidesCables01-a" style="mask-type:luminance"><rect x="15" y="35" width="16" height="22" rx="2" fill="white"/><rect x="130" y="42" width="23" height="22" rx="2" fill="white"/><rect x="130" y="6" width="23" height="18" rx="2" fill="white"/></mask><g mask="url(#sidesCables01-a)"><path d="M-6 0h180v76H-6z" fill="#b18911"/><path d="M-6 0h180v76H-6z" fill="white" fill-opacity=".3"/></g></g><g id="top-horns-2ab32b77"><mask id="topHorns-a" style="mask-type:luminance"><rect y="40.59" width="26" height="12" fill="white"/><rect width="26" height="12" transform="matrix(-1 0 0 1 84 40.6)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.52 14.34c0 7.84 5.39 20.7 13.72 27.03H3.36S-.16 23.27 5.43 14.7c.9-1.38 3.1-1.42 3.1-.36M76 14.6c.66 7.03-5.77 20.62-14 27h19s3.14-18.27-2-27c-1-1.7-3.14-1.45-3 0" fill="white"/></mask><g mask="url(#topHorns-a)"><path d="M-8 .6H92v52H-8z" fill="#b18911"/><path d="M-8 .6H92v52H-8z" fill="white" fill-opacity=".3"/><rect x="-8" y="40.59" width="100" height="12" fill="black" fill-opacity=".4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.46 13.6h16.1v27H12.83c-7.45-7.86-5.36-27-5.36-27m69.35 0h7.75v27H73.82c5.75-7.81 3-27 3-27" fill="white" fill-opacity=".4"/></g></g><g id="head-square02-2ab32b77"><mask id="headSquare02-a" style="mask-type:luminance"><path d="M0 12A12 12 0 0 1 12 0h106a12 12 0 0 1 12 12v70a38 38 0 0 1-38 38H38A38 38 0 0 1 0 82z" fill="white"/></mask><g mask="url(#headSquare02-a)"><path d="M-2-2h134v124H-2z" fill="#b18911"/></g></g><g id="mouth-grill02-2ab32b77"><rect x="24" y="6" width="6" height="14" rx="2" fill="black" fill-opacity=".6"/><rect x="10" y="6" width="6" height="14" rx="2" fill="black" fill-opacity=".6"/><rect x="38" y="6" width="6" height="14" rx="2" fill="black" fill-opacity=".6"/><rect x="52" y="6" width="6" height="14" rx="2" fill="black" fill-opacity=".6"/></g><g id="eyes-frame2-2ab32b77"><rect x="8" y="10" width="88" height="36" rx="4" fill="black" fill-opacity=".8"/><rect x="28" y="21" width="10" height="17" rx="2" fill="#5EF2B8"/><rect x="66" y="21" width="10" height="17" rx="2" fill="#5EF2B8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83 10h5L76 46h-5z" fill="white" fill-opacity=".4"/></g><clipPath id="clip-2ab32b77"><rect width="180" height="180" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-2ab32b77)"><rect width="180" height="180" fill="#cffafe"/><use transform="translate(6 66)" href="#sides-cables01-2ab32b77"/><use transform="translate(49 -.6)" href="#top-horns-2ab32b77"/><use transform="translate(25 44)" href="#head-square02-2ab32b77"/><use transform="translate(56 128)" href="#mouth-grill02-2ab32b77"/><use transform="translate(38 76)" href="#eyes-frame2-2ab32b77"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/avatars/hero/lorelei-aneka.svg b/apps/docs/pages/public/avatars/hero/lorelei-aneka.svg
new file mode 100644
index 0000000..8b3fe68
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/lorelei-aneka.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 980" fill="none" shape-rendering="auto" aria-hidden="true" width="160" height="160"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Lorelei</dc:title><dc:creator>Lisa Wischofsky</dc:creator><dc:source xsi:type="dcterms:URI">https://www.figma.com/community/file/1198749693280469639</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Lorelei” (https://www.figma.com/community/file/1198749693280469639) by “Lisa Wischofsky”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="eyes-variant03-2ac3eef5"><path d="m326 32 10 2q2 2 0 3-4 4-9 4l-23 4-4 20q-3 8-11 9-8-1-11-7-6-8-7-18-6 1-11-1c-1-3 3-4 4-5l40-9zm-185 7q8-1 16 3l3 3-21 4q-2 13-8 25-4 5-9 5-9-2-14-9-6-8-8-18l-55 2q-5 0-6-3 6-4 11-4l33-4q29-4 58-4" fill="#000000"/><path d="m295 47-7 16q-5-6-8-15zm-167 3-6 18-4-2-11-15 18-1z" fill="white"/></g><g id="eyebrows-variant03-2ac3eef5"><path d="M119 47q15-1 29 3t23 18q5 12-6 20-11 4-23 2-31-6-61-14l-20-4-10-3q-2 0-3-4 2-5 9-7l20-7 18-3zm176 5q12 2 23 7l8 5q4 3 1 7-4 4-9 5-26 8-52 12l-9 1-8-4q-4-4-4-10 0-12 8-20 8-4 16-4 14-2 26 1" fill="#000000"/></g><g id="nose-variant03-2ac3eef5"><path d="M52 101q0 4-4 9-7 9-18 12c-5 1-9-2-13 0H5q-3-3 0-7 5-6 12-7 6-2 10 2l1 7 11-8z" fill="#000000"/></g><g id="mouth-happy06-2ac3eef5"><path d="M128 40q40-2 78 6l8 4q3 1 2 3-6 3-14 2l-5 5q-10 10-22 16-11 4-22 5-24 1-48-3a147 147 0 0 1-68-28l-12-4q-3-2-2-5h8q24 3 49 2zm42 11q-35-2-69 1l-43 1 23 10q20 7 41 8 15 2 32 1 11-1 21-6 9-5 17-13z" fill="#000000"/></g><g id="glasses-variant02-2ac3eef5"><path d="M341 31h31q13 0 26 4 5 3 3 8-5 7-15 8l-1 28q0 23-7 43-8 17-26 24-11 4-24 5l-33-1q-9-1-17-5-10-5-15-17l-6-18q-2-16-1-32-18-4-35-1l-4 6-1 11q-2 18-6 35-6 13-16 22-7 6-15 8-36 13-73 12-26-2-47-12-21-12-32-31l-4-13-1-24V70q-10 2-19-4-5-4-1-10 6-4 14-6 21-8 45-12l19-2 54-2 56 4q12 4 21 10l11 11 24 2q6 2 11 1l3-8 7-8q13-7 28-10z" fill="#000000"/><path d="M359 52c6 1 13 8 13 14q0 9-7 8c-6 0-9-7-12-10q-3-2-4-6 1-7 10-6m-183 6q11 2 20 12 4 6 2 14-5 6-12 3-4-3-6-8l-7-3q-7-1-12-5-3-4 0-7 5-7 15-6" fill="white"/></g><g id="head-variant04-2ac3eef5"><path d="M299 0a231 231 0 0 1 219 204q2 15 0 30 0 5-4 8-4-15-5-29-3-35-16-68A220 220 0 0 0 271 8q-64 6-117 44l-18 13a221 221 0 0 0-78 164q2 34 16 64l17-1q5 3 2 7l-6 1q-24 2-42 18-14 13-17 31-3 24 9 44 14 24 40 34 20 8 43 4 6-1 11 1v3q-7 7-18 7-25 3-48-8a86 86 0 0 1-47-58q-5-29 10-53 12-18 34-26-10-21-12-43-3-27-1-53 3-20 9-38a227 227 0 0 1 99-122c41-28 92-43 142-41" fill="black"/><path d="M338 13a220 220 0 0 1 171 200q1 15 5 29l-2 17v22q-4 8-5 15l-1 23-1 65q0 32-10 61-6 19-19 34-14 18-33 32-17 14-37 24l-22 14-12 8 9-3q-4 19-4 37-1 13 7 22 10 12 25 20 26 16 55 25 11 10 14 25 2 14-5 26-8 15-22 25-20 13-43 22-44 15-92 19-63 5-124-8-26-5-49-17-17-7-28-21-9-9-12-22-2-16 6-30 32-20 49-54 7-17 7-34 2-24 0-47-2-31-8-61 16 18 36 32 26 16 56 26 30 11 63 17 12 4 25 4l8-2q2-1 2-4-9 1-17-2-45-10-87-26-29-10-53-27-26-20-47-47-5-9-12-16v-4q-5-2-11-1-23 4-43-4-26-10-40-34-12-20-9-44 3-18 17-31 18-16 42-18l6-1q3-4-2-7l-17 1q-14-30-16-64 1-21 5-41 7-31 22-59 19-36 51-64l18-13a230 230 0 0 1 184-39" fill="#ffffff"/><path d="M512 281q3 6 2 13l1 29q2 40 0 80c-3 31-14 63-36 86q-38 43-93 63l1 8 1 35q2 8 8 13l26 19 32 20 24 12 4 3-18-4q-29-9-55-25-15-8-25-20-8-9-7-22l4-37-9 3 12-8 22-14q20-11 37-24 19-14 33-32 13-15 19-34 10-29 10-61l1-65 1-23q1-7 5-15M82 343c5 5 4 14 0 19l-3 7 7 6 19 9q-1 6-7 5-10-1-19-6-10-4-12-16 2-8 6-14 2-7-2-12 6-3 11 2m49 93q7 7 12 16 20 27 47 47 24 16 53 27a714 714 0 0 0 104 28q0 3-2 4l-8 2q-13-1-25-4a478 478 0 0 1-119-43q-20-14-36-32 6 30 8 61 2 23 0 47 0 17-7 34-17 34-49 54-6 5-15 8l10-9q20-17 33-40 11-15 15-32 5-29 2-58l-2-59 2-10q-16-18-23-41" fill="black"/><use transform="translate(159 232)" href="#eyes-variant03-2ac3eef5"/><use transform="translate(164 126)" href="#eyebrows-variant03-2ac3eef5"/><use transform="translate(359 274)" href="#nose-variant03-2ac3eef5"/><use transform="translate(223 402)" href="#mouth-happy06-2ac3eef5"/><use transform="translate(152 197)" href="#glasses-variant02-2ac3eef5"/></g><g id="hair-variant25-2ac3eef5"><use transform="translate(131 168)" href="#head-variant04-2ac3eef5"/><path d="m300 206 4 8c-1 7-7 12-8 18q-2 6 1 11 9 13 20 22 4 6 0 11l-12 8-7 9q-9 19-12 40l-1 14q-3 6-9 9-12 7-19 17-9 10-13 23-5 18 1 36 6 1 8 4-8 10-20 14h16q3 0 4 3-7 8-17 12-11 6-24 2l-15-4-7-3q-16-17-24-39a168 168 0 0 1 0-98q14-46 47-81 17-18 40-29t47-7m-33 257-3 5q-10 8-23 9-6 1-10-1 1-7 8-10 14-8 28-3" fill="#000000"/></g><clipPath id="clip-2ac3eef5"><rect width="980" height="980" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-2ac3eef5)"><rect width="980" height="980" fill="#fef3c7"/><use transform="translate(76 3)" href="#hair-variant25-2ac3eef5"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/avatars/hero/lorelei-felix.svg b/apps/docs/pages/public/avatars/hero/lorelei-felix.svg
new file mode 100644
index 0000000..acb404f
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/lorelei-felix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 980" fill="none" shape-rendering="auto" aria-hidden="true" width="256" height="256"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Lorelei</dc:title><dc:creator>Lisa Wischofsky</dc:creator><dc:source xsi:type="dcterms:URI">https://www.figma.com/community/file/1198749693280469639</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Lorelei” (https://www.figma.com/community/file/1198749693280469639) by “Lisa Wischofsky”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="eyes-variant11-7dff0831"><path d="M305 20q8 2 14 7l10 9q8 5 16 3-6 7-15 6c-11 1-20-4-31-4q4 1 7 5 6 7 4 16 0 6-4 11c-6 9-21 10-28 1q-6-10-1-20l-15 17c-1 2-4 6-7 3q-1-7 2-14 5-11 14-21 9-12 23-15l-3-2q7-5 14-2M98 24l-7 4q-8 4-14 12 10-5 23-8 19-3 37 6 13 5 21 15 9 9 9 21 0 4-3 4l-8-7-8-7q-1 9-5 16-9 12-22 10-14-5-18-18-1-13 6-22-17 1-32 10-15 6-30 5-7 0-13-3-2-1-2-3 11 0 21-4l5-4c6-16 23-27 40-27" fill="#000000"/></g><g id="eyebrows-variant06-7dff0831"><path d="M133 11q7 0 12 6 12 12 19 29 4 6 3 14 0 4-4 4l-4-7-17-22q2 8 0 14-3 5-9 5-8-1-14-6-6-4-12-5l-7 2-11-3-20-2-18 2q6-5 13-8 15-6 32-4l10-1q14 1 25 10l-4-19q-1-8 6-9m143 14q5 1 5 5-1 7-4 13 4-4 10-4 5 1 6 5 10-4 18-2 4 1 5 6l-10 5q-7 4-16 5l-7-4q-4 4-10 6-5 1-7-3v-9l-9 15-4 6q-3 1-4-2l2-11q5-12 14-23z" fill="#000000"/></g><g id="nose-variant06-7dff0831"><path d="M54 97q0 13-10 23-5 5-14 6-9-1-19-5-6-2-11-6l5-4c9-1 17 3 25 4q6-1 9-6 7-8 15-12" fill="#000000"/></g><g id="mouth-happy07-7dff0831"><path d="M97 18c17 5 31 16 48 21q10 3 21 2c10-3 20-9 32-10q13-3 22 6 7 8 7 19-1 14-10 23a84 84 0 0 1-52 26q-14 1-26-1-21-2-40-13-11-6-18-15l14 7q24 13 51 15 13 1 25-2 14-3 27-11 9-6 15-15 7-10 3-22-3-8-11-8-11 0-20 5 3 2 5 6 10 14 7 30-9-11-14-23-3-6-1-12-15 8-32 5v11l-5 25q-4-6-3-14 0-12 2-23-16-6-31-15L92 71q-2-8 1-16 6-12 14-23-10-5-21-7-11 0-19 7-7 11-3 23l8 13q-6-1-11-6-10-10-7-25 6-15 20-20 12-3 23 1" fill="#000000"/></g><g id="head-variant02-7dff0831"><path d="M290 4c57-1 115 19 159 56q39 34 59 81c14 34 20 73 14 109q-1 8-4 12l-2-2 1-33A215 215 0 0 0 345 21 235 235 0 0 0 75 174q-18 57-6 115l17-1q4 0 6 3 1 3-2 4l-11 3q-21 5-37 19a63 63 0 0 0-22 45q-1 18 8 35 12 20 32 31 30 16 63 6h6q3 2 4 6l15 29q10 15 21 27 23 23 51 36 43 21 90 27 6 1 10 4 1 3-2 4l-11 1a231 231 0 0 1-147-62q8 26 8 54 0 17-7 33-6 15-18 27a196 196 0 0 1-61 43l3-3 17-14q19-17 35-38a93 93 0 0 0 16-65l-3-39-2-10q-7-8-12-17-9-15-14-31-11 3-22 3c-28 1-56-12-74-34a81 81 0 0 1-18-51q0-18 8-34 14-25 39-36-11-47-2-93 12-61 51-108C149 38 219 6 290 4" fill="black"/><path d="M345 21a214 214 0 0 1 172 206l-1 33v15q-3 2-3 5-3 27 1 55 7 43 2 88-4 43-30 79-26 31-63 43-21 7-44 12l-33 9q3 2 7 2l36-2q-7 11-10 26-1 15 10 26 10 10 24 14 8 3 17 3 11 13 14 30 3 18-8 34-15 20-37 30-27 13-58 18a352 352 0 0 1-191-24c-18-9-38-23-48-41q-7-11-7-25 28-14 48-37 12-12 18-27 7-16 7-33 0-28-8-54l19 16a235 235 0 0 0 128 46l11-1q2-1 2-4-4-3-10-4-47-6-90-27-28-13-51-36-11-12-21-27l-15-29q-1-4-4-6h-6a82 82 0 0 1-95-37q-8-17-8-35 2-28 22-45 16-14 37-19l11-3q3-1 2-4-2-3-6-3l-17 1q-12-58 6-115 21-59 69-101a236 236 0 0 1 201-52" fill="#ffffff"/><path d="m516 275 3 3 1 13 3 45q5 30 5 60 0 23-5 47-10 43-40 76-15 15-33 25-26 16-55 21c-1 8-5 16-4 25q0 8 5 14 13 13 28 20l18 9-12 2q-9 0-17-3-14-4-24-14-11-11-10-26 3-15 10-26-18 3-36 2-4 0-7-2l33-9q23-4 44-12 38-13 63-43 26-36 30-79 5-45-2-88-4-27-1-55 0-3 3-5M66 334q8 0 15 7 3 5 1 10l-11 22q-1 5 3 9l23 10-1 2H85q-9-1-17-6-9-6-7-17l11-23c-6-4-13-2-19-8q5-6 13-6" fill="black"/><use transform="translate(159 232)" href="#eyes-variant11-7dff0831"/><use transform="translate(164 126)" href="#eyebrows-variant06-7dff0831"/><use transform="translate(359 274)" href="#nose-variant06-7dff0831"/><use transform="translate(223 402)" href="#mouth-happy07-7dff0831"/></g><g id="hair-variant40-7dff0831"><path d="M536 163c34 15 67 37 90 67q9 9 14 20l5 6q26 24 45 53 17 28 27 60 5 27 0 54l-7 24q-3 8-9 13-3 3-4 0l2-9q5-21 5-42 0-18-5-34-6-25-19-47l3 12c8 31 3 66-10 95v3q12 15 20 33 14 24 24 50 13 37 16 76 3 29 1 60a205 205 0 0 1-24 71q-2 4-7 5l-1-2 3-12v-14q-3-25-12-48-3 25-10 49-9 33-24 65-14 30-36 54-28 28-66 39-22 6-46 4-14-1-27-7l-56-14q-30-6-61-9-33-2-67-1-11 1-23-3l-5 1-8-4q-28-16-51-40-30-33-50-74a459 459 0 0 1-46-167l-5 33q-3 54 14 107a632 632 0 0 0 46 107l6 10h-2q-5-3-8-8a290 290 0 0 1-59-102 355 355 0 0 1-16-157q5-44 20-85l3-11q3-27 8-53 12-67 46-123 14-22 32-40l14-14q21-20 45-35 54-31 115-39c54-6 110 1 160 23" fill="#000000"/><use transform="translate(131 168)" href="#head-variant02-7dff0831"/><path d="M494 148q60 16 108 56 20 18 35 41l5 8 28 28a236 236 0 0 1 48 98q3 11 1 23 0 23-8 44-4 9-11 15-2 1-3-1l1-8q6-23 6-46-1-16-5-30-6-26-19-48l3 11q8 33 0 67-8 30-25 56-6 9-15 16-4 3-9 2l-1-5v-20q-4-55-32-100a318 318 0 0 0-76-89l-9-6 8 19q6 24 8 49t2 51q-2 44-18 87-8 21-21 41-16 29-43 48-4 3-9 2v-2l17-19q32-42 42-93 9-38 5-76l-2 7q-7 30-21 58-10 21-23 41a227 227 0 0 1-76 71l-15 5q-4 1-6-2 2-9 7-18a267 267 0 0 0 18-45q-19 24-46 41-24 13-53 14-8 0-14-5-3-5 0-10l11-32q7-25 11-49l-16 17-19 18-1 23a756 756 0 0 0 32 212q17 44 42 84l6 13q1 3-4 3l-14-9q-25-22-47-46a433 433 0 0 1-96-326l-2-5a181 181 0 0 1-13-130q15-47 50-82 42-40 97-60c58-20 121-22 181-7" fill="#000000"/></g><clipPath id="clip-7dff0831"><rect width="980" height="980" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-7dff0831)"><rect width="980" height="980" fill="#ffe4e6"/><use transform="translate(76 3)" href="#hair-variant40-7dff0831"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/avatars/hero/notionists-luna.svg b/apps/docs/pages/public/avatars/hero/notionists-luna.svg
new file mode 100644
index 0000000..9dfaefb
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/notionists-luna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1744 1744" fill="none" shape-rendering="auto" aria-hidden="true" width="128" height="128"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type="dcterms:URI">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="head-variant01-852f89a7"><path d="M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9" fill="white"/><path d="M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6" fill="black"/></g><g id="clothes-variant17-852f89a7"><path d="M1378 715.7 9 712.4s11.4-97 44.3-189.1c41.2-115.2 107.2-232 125-246.1 20.8-16.8-11.6-18.2 3.4-41.2 33.5-51.1 147-97.5 179.8-114.1C420.2 92 526.3 74 526.3 74l27.2 53.5s63.5 22 138.6 24.5c40.5 1.3 134.4-29.5 134.4-29.5l-11.2-57.8s169.5 34.8 253.3 85.6c48.3 29.3 108.5 75 110 101.2 2.2 39.8 1.7 36.7 24 51.9 53.5 36.2 98.8 122 121.2 191.2 17.6 54.2 54.2 221 54.2 221" fill="white"/><path d="m951.7 715.7-94.5-.3L870 510.3l-43.4-379.4s-110.1 29-147 27c-31.4-1.5-123.7-22-123.7-22s51 280 55.9 374.4c2.6 51.3-8.7 205.4-8.7 205.4l-209.4-1.2L303 516.7S354 383.3 404.5 310c9-13.1-22.8-16-64.1-14-42.2 2-164.2-13.8-162.4-44.5 3-51.3 150.5-113 183.4-129.6C420 92 526.2 74 526.2 74l27.3 53.5S617 149.5 692 152c40.5 1.3 134.4-29.5 134.4-29.5l-11.2-57.8s169.6 34.8 253.4 85.6c48.3 29.3 122 66.1 111.2 120.3-2.3 12-207 47-187.2 89.8 24.6 53 88.8 118.6 79 135-16 27-40.8 67.7-69.5 103.3-20.2 25-50.5 117-50.5 117" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M328.5 591c20.5 40.7 41 81.4 56 124.7 6.6 0 12 0 17.7-1l-4.3-11a672 672 0 0 0-19.6-47.8q-16.9-35.4-34.2-70.7l-28-57.5c-3.8-8-6-16.9-1.3-25.8q9.9-19.3 18.4-39.2l5.2-11.8c11-24.4 24.5-47.6 38-70.9a985 985 0 0 0 30.6-55c8-16.3 5.6-24.5-12-30a48 48 0 0 0-10.5-2.3q-12.9-1-25.9-1.7c-26.4-1.5-52.9-3-78.6-10.8-8-2.4-16.3-3.7-24.6-5A191 191 0 0 1 227 269c-14.8-4.2-30-8.6-41.4-20.3l1.7-2.4q1.4-2 2.8-3.5c25.5-28.7 59-47 92.3-65.1l20-11a963 963 0 0 1 62.6-31.4l23.7-11.3A394 394 0 0 1 450 99.2q16-4.5 32.2-8l23.3-5.7c20.1-5.3 23.8-4 29 15.7l9.1 34.2A2051 2051 0 0 1 570.3 242q13 61.2 17.2 123.5c1.5 23.6 4.2 47.2 6.8 70.7 3.7 32.2 7.3 64.3 8 96.7.5 20.8-.1 41.6-.8 62.4l-.8 29c-.3 13.5-1.8 26.9-3.3 40.2-2 17-4 34-3.3 51.2 6.7 0 12.2 0 17.8-1.2l.6-16.2q.1-15.2 1.6-29.6c5.7-51 4.8-102 3.7-153q-1.1-50.4-8.4-100.2a606 606 0 0 1-4.6-52.8c-1.3-23-2.6-46.1-7.3-69l-6.7-34.2a906 906 0 0 0-13-61.8l-1-3c-1.2-3-2.5-6 .6-8.9 4-3.8 9.1-2.7 14-1.4A371 371 0 0 0 717 195c31.6-2.4 62.8-5.8 91.8-19.5 8.7-4 15.5-1.5 17.4 9q1.4 8.4 2.4 16.9 1.4 12 3.8 23.4c7.8 34.8 10 70 12 105.2q1.4 24.2 3.5 48.3 1.6 18 2.8 36.3 1.4 21.9 3.6 43.7c6.3 60.7 4.7 121.5 2.7 182.3l-.7 20q-1.2 27.6-1.4 55c5.8 0 10.4 0 15.4-1l.8-5.3c1-6.5 2-12.5 2-18.4l.3-44.7c.1-28 .3-56.2 1.6-84.2q2.5-55.5-3.2-111c-2.7-26.2-4.5-52.4-6.3-78.7q-2.4-36.2-5.7-72.4c-4.5-46-10.5-92-20.5-137.3q-6.7-31-12.6-62.3l-1.2-6.4q-.6-3.7-.4-7.4v-4c-.3-6.4 2.7-8.5 9.1-7.2A642 642 0 0 1 913.4 94c21 6.9 41.7 15 62.3 23q11 4.5 22 8.6a447 447 0 0 1 141 84.8c13 11.7 24.1 25.1 31.8 40.6 4.5 9.3-.3 19.2-9.6 21l-9.2 1.9c-22.7 4.4-45.4 9-67.6 15.7a252 252 0 0 0-92.9 50.8c-7.6 6.6-8.7 14.7-4.5 23.2q6 12.1 13.2 23.6l17.7 27.5a705 705 0 0 1 42 70c3.2 6.5 4 13-.3 18-9.4 10.8-16.8 22.9-24.3 35a360 360 0 0 1-16.9 25.7 486 486 0 0 0-53.6 90.3q-5.2 11.9-9.7 24.2c-4.8 13-9.7 25.8-16.5 37.7 7.5 0 14 0 20.6-1 10.7-33 23.5-64.2 41.5-93 23-37.1 47.5-73.3 72.3-109.3 6.3-9 9.7-18.8 3.8-31-8-16.8-17.5-32.7-27-48.5l-.4-.7a1715 1715 0 0 0-43.7-68c-4.7-7.2-2.2-12 3-16.8a158 158 0 0 1 41.7-26.7A355 355 0 0 1 1153 291c12.8-1.7 22.3.7 32 7.6 34.6 24.3 64.6 51 82.6 90.3l8.7 18.7c12.8 27.6 25.6 55.2 35.5 84a1107 1107 0 0 1 41 147.4c5.8 25.6 11.6 51.2 18.2 76.7 4.9 0 8.6 0 12-1-5.3-21.6-9-43.3-12.8-65-4.7-27-9.4-54-17-80.4l-1.4-5.3c-6.6-23.2-13.2-46.4-21.1-69a882 882 0 0 0-52-121.3c-18.2-34.7-45.7-61.4-77.7-84.9q-2.2-1.5-5-2.8c-6-3.1-12.7-6.5-9.7-16.8 5.2-17.6 1.8-33.7-13.7-46.3a87 87 0 0 1-9.6-9.7l-3-3.3c-41.4-45.3-95.8-72.5-151.8-97a1083 1083 0 0 0-112.6-40c-23.7-7.3-48-13.2-73-15q-18.9-1.3-16.5 16.8l1 9c.8 6.7 1.5 13.5 3.1 20 2.8 11.2-3.2 17.2-12 21.2-22 9.8-45.4 17.3-69.4 18.8-52.8 3.3-105.4.7-156-16.9a27 27 0 0 1-16.9-14.7q-3.7-7.6-6.8-15.3a224 224 0 0 0-11-23c-5.4-9.6-11.8-11.8-21.6-8.6q-9.6 3-19.3 5c-35.6 7.8-70.9 16.5-103.7 32.4-46 22.4-91.7 45.1-136 70.3-30.3 17.2-60 34.8-82.7 61.3-6.2 7.3-7.5 14.5-2.5 22.2 4.2 6.5 3.9 11.5-2 17-9.5 8.6-16.2 19.4-22.8 30q-2.6 4.3-5.4 8.5-31.5 48-56 99.5a873 873 0 0 0-32.4 79.3l-1 2.8c-7.9 22-15.7 43.9-21.3 66.5l-5.6 21.5a551 551 0 0 0-8.8 35.3q-9.8 49.5-17 98.9c6.7 0 12.1 0 18-1L32.2 632c11-63 32.6-123 57-182a838 838 0 0 1 91-160.9c4-5.6 9-7.2 15.7-7.8 16.4-1.5 31.6 2.9 46.8 7.2q11.7 3.6 23.5 6l15.7 2.8c27 5 54 10 81.8 11.4q4.3.2 8.7.2c8.1 0 16.5 0 25.3 3l-8.4 13.6-23.8 38.6a730 730 0 0 0-50 95.6 949 949 0 0 1-18.2 39.1c-3.8 7.6-4.9 14.6-1.7 22l1.3 3c6 14 11.9 27.8 18.6 41.4zm476.8-451.8c4.8-2.7 10.3-5.5 11.2 3.6 1.8 10.6-5.4 14.2-11.5 17.3l-1.8 1c-17.5 9.2-37 14-56.8 16.2a437 437 0 0 1-145.1-5.8q-14.4-3.3-27.4-10-8.6-4-6.8-12.5c1.5-6 5.5-5 9.5-4l2.4.6 19.4 3.8c16.5 3.3 33.1 6.6 49.9 9a293 293 0 0 0 103.8-2.9l1-.1c18-3.8 35.8-7.5 52.2-16.2" fill="black"/><path d="M227 715.7q4.7-52.4 11.4-104.7c3.6-29.7 4-60 17.4-88q1.5-3.6 3.8-6.7c2.3-3.1 5-6.8 9.7-5.2 5.3 1.7 3.6 6.4 2.7 9.9-8 32.1-13.3 64.8-17.7 97.5-4.1 31.5-6.2 63.3-9.4 96-5.8 1.2-11.2 1.2-18 1.2m951 0c-9.8-36.3-12.8-73.7-23.3-109.7-6.2-21-9.8-42.8-17.9-63.4-1.6-4.2-.5-9 4-11.2 4.4-2.3 7.4 1.3 9.9 4.3a55 55 0 0 1 9.9 22.1q17.3 65.2 27.6 131.7c1.2 8 1.2 16 1.9 25.2-3.5 1-7.3 1-12.1 1" fill="black"/></g><g id="hair-variant34-852f89a7"><path d="M798.9 335c-49.4 15.5-99.5 21.5-149.5 28.4-31.9 4.4-63.9 1.6-95.8 2.6-22.5.7-43.7-6.4-64.9-12.4-7.7-2.2-11.3-.7-15.1 6.3q-22.8 42.1-35.3 88.3c-5.6 20-14.4 39-21.9 58.4-5.1 13.4-10.7 26.7-15.5 40.3-2.7 7.5-7.2 11.5-15.1 10.7-8.2-.9-12.2-7-12-14.2.9-18.8-5.6-36-10.8-53.4-5.7-19.3-32.5-37.3-52.3-34.5-14.2 2-19 15.8-27.8 24.5-3.8 3.8-4.5 10-10.2 13.3-9.5-8.1-9.5-19.8-10.6-30.3-3.8-35.5.6-69.2 29.8-94.3a64 64 0 0 1 25.4-14c9.2-2.2 9.8-6.7 10.2-14.2 2.8-54.8 21-103.7 64-139 36.9-30.2 81.3-36.3 127.5-24.3 8.5 2.2 17.6 2.1 25.8 6.6 5.2 3 8.4-2.7 11.7-5.6 26-22.8 54.5-41.8 86-56 19.8-9 40.4-10.4 61.3-8.5a166 166 0 0 1 80.4 29c15.9 11 28.5 25.4 38.8 41.6 4 6.2 8.2 10.2 15.6 11.6a82 82 0 0 1 60.6 45.3c9.2 18.2 9.3 37.7 7.4 57.3a78 78 0 0 1-4.2 21.2c-5.3 13.2-9.7 24.4-3.5 40.4 7.3 19-2.3 38.9-13.6 55-14.4 20.8-35.2 35.7-53.5 53-1.1 1-2.9 1.4-5.7 2.8-8.5-18.3-14-36.8-14.7-56.3-.8-24.2-5.8-48.2-2.8-72.5.8-6.7-1.7-9.8-9.7-7" fill="black"/></g><g id="mouth-variant07-852f89a7"><path d="M184 98.8a43 43 0 0 0 26.7-6.4c8.8-5.7 9.9-16.8 1.5-23.1-9.4-7.3-20-7-30-1.9-20.1 10.2-40 18.9-61.2 2.4-5-3.8-11.1-6.1-16.5-9.5a31 31 0 0 0-27-2.5C66.6 61.2 58 74.4 61.1 83.6c4 11.5 14.5 10.5 23.6 9.3a61 61 0 0 1 30 2.7c22 7.7 44.3 7.4 69.1 3.2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="m190.4 113.2 16-1.3c22.4-.3 37.1-30 22-49.3-14.2-18.4-37.7-21.3-56.8-5.5-11.4 9.5-26.3 11.5-34.6 2.8a67 67 0 0 0-33-18.1C74.9 34.3 50.6 48.4 47.3 81c-2 19.1 18.8 30 38.6 28.1l4.8-.5c5.3-.7 10.6-1.4 15.5.2 27.7 9 55.7 6.7 84.3 4.3m20.3-20.8a43 43 0 0 1-26.8 6.4c-24.8 4.2-47 4.5-69-3.2-9.7-3.4-20-4.3-30-2.7-9.2 1.2-19.7 2.2-23.7-9.3-3.2-9.2 5.5-22.4 16.2-25.8a31 31 0 0 1 27 2.5L111 64q5.4 2.5 10 6c21.2 16.4 41 7.7 61.2-2.5 10-5 20.6-5.4 30 1.9 8.4 6.3 7.3 17.4-1.5 23" fill="black"/></g><g id="beard-variant04-852f89a7"><path d="M272.7 104.6c-5.5 11.8-15.8 14-26 14.6-8.2.5-12.6-6.2-10.5-13.5a36 36 0 0 1 21.5-25c5.1-1.9 10.4-4.4 15.6-.2 5.7 4.6 4.4 10.6 3.3 16.4-.5 2.4-2.2 4.6-3.9 7.7m70.1 17.7c-14.3-3-21.2-13.2-27.3-23.9-5.8-10 3.2-13.6 9.7-16.8 7.4-3.7 21 5 25.3 16.5 3.6 9.2 6.5 19.2-7.7 24.2" fill="black"/></g><g id="nose-variant13-852f89a7"><path d="M99.8 181.6c-8.7 16.5-33.4 25.7-48.5 18.9-4.3-2-6.2-5.8-7-10a6 6 0 0 1 3.3-6.5c4.6-2 5.8 2.3 8.6 4.8 7 6 13 .7 19-3.4 5.8-4 9.1-8.5 4.3-14.7-10.5-13.1-14.8-29.2-21.8-44-3.1-6.5-5-13.5-3.8-21 .5-3.3 1.9-5.5 5.6-5.6 2.8 0 5 .8 5.9 3.8 7.5 26.3 23.3 48.6 34.6 73.1.5 1 0 2.5-.2 4.6" fill="black"/></g><g id="eyes-variant05-852f89a7"><path d="M20 24c5-12 8.8-29.4 24-22.5C64.7 11 58 32.2 53.7 49 52 55.2 39.2 64.8 35.4 63.2 19.1 56.4 16.2 41.5 20 24m226.8 36.8c-8.6 7.5-17 7.6-22.2-1.5-9-16-8.6-32.8 3.3-47.2 2.5-3 13.8-3.6 16.3-1q20.8 22.7 2.6 49.7" fill="black"/></g><g id="eyebrows-variant09-852f89a7"><path d="M56.5 41.8Q47.3 41 40 41q-8.4-.5-9-8.8c-.5-5.3 3-7 7.5-8.5 8.6-3 17.1-.5 25.2.7 15.4 2.1 31.5-.6 46.4 6.3 5 2.3 8.3 4.7 6.4 10.3-1.8 5.2-6.1 5.2-10.6 4.1-16-3.7-32.4.9-49.4-3.3M250.8 32c17.2.9 33.1-5 49.3-1.2 4 1 9 .7 8.8 7 0 6.2-4.7 7.4-9.5 8-19 2.2-38 4-56.9 6.4-5.7.7-11 .1-12.6-5.6-1.7-5.7 4-7.8 8-10 3.5-2.1 7.8-3.1 12.9-4.7" fill="black"/></g><clipPath id="clip-852f89a7"><rect width="1744" height="1744" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-852f89a7)"><rect width="1744" height="1744" fill="#dcfce7"/><use transform="translate(532 491)" href="#head-variant01-852f89a7"/><use transform="translate(151 1029.3)" href="#clothes-variant17-852f89a7"/><use transform="translate(266 221.9)" href="#hair-variant34-852f89a7"/><use transform="translate(791 872)" href="#mouth-variant07-852f89a7"/><use transform="translate(653 805)" href="#beard-variant04-852f89a7"/><use transform="translate(901 669)" href="#nose-variant13-852f89a7"/><use transform="translate(805.2 732.6)" href="#eyes-variant05-852f89a7"/><use transform="translate(775 657)" href="#eyebrows-variant09-852f89a7"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/avatars/hero/thumbs-sage.svg b/apps/docs/pages/public/avatars/hero/thumbs-sage.svg
new file mode 100644
index 0000000..cb7d22c
--- /dev/null
+++ b/apps/docs/pages/public/avatars/hero/thumbs-sage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" shape-rendering="auto" aria-hidden="true" width="128" height="128"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type="dcterms:URI">https://www.dicebear.com</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id="eyes-variant06-5152348d"><path d="M16 8c0 3.31-1.34 6-3 6s-3-2.69-3-6 1.34-6 3-6 3 2.69 3 6" fill="#000000"/></g><g id="mouth-variant04-5152348d"><path d="M15 10C6.79 10 3.02 3.88 4.22 3.12 5.42 2.35 6.1 6.6 15 6.49c8.9-.12 9.58-4.23 10.78-3.37S23.21 10 15 10" fill="#000000"/></g><g id="head-default-5152348d"><use transform="translate(-1.34293, 1.11712)" href="#eyes-variant06-5152348d"/><use transform="matrix(-1 0 0 1 44 0) translate(-1.34293, 1.11712)" href="#eyes-variant06-5152348d"/><use transform="translate(7 26) translate(0, 0.47705)" href="#mouth-variant04-5152348d"/></g><g id="body-default-5152348d"><path d="M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0" fill="#f88c49"/><use transform="translate(24 24) translate(-6.15652, 3.3116) rotate(-17.421, 22, 20)" href="#head-default-5152348d"/></g><clipPath id="clip-5152348d"><rect width="100" height="100" rx="0" ry="0"/></clipPath></defs><g clip-path="url(#clip-5152348d)"><rect width="100" height="100" fill="#ecfccb"/><use transform="translate(5 10) translate(1.91601, 2.08624) rotate(-12.9239, 45, 65)" href="#body-default-5152348d"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/favicon-96x96.png b/apps/docs/pages/public/favicon-96x96.png
new file mode 100644
index 0000000..3f49588
Binary files /dev/null and b/apps/docs/pages/public/favicon-96x96.png differ
diff --git a/apps/docs/pages/public/favicon.ico b/apps/docs/pages/public/favicon.ico
new file mode 100644
index 0000000..fb68ab8
Binary files /dev/null and b/apps/docs/pages/public/favicon.ico differ
diff --git a/apps/docs/pages/public/favicon.svg b/apps/docs/pages/public/favicon.svg
new file mode 100644
index 0000000..524abeb
--- /dev/null
+++ b/apps/docs/pages/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><rect width="512" height="512" rx="32" fill="white"></rect><path d="M32 0C14.3269 0 0 14.3269 0 32V480C0 497.673 14.3269 512 32 512H305.911C322.044 512 332.33 494.783 324.497 480.678C303.442 442.762 283.328 409.294 270.667 394.824C234.592 353.595 65.3014 392.046 59.9493 257.537C59.5978 248.704 65.5377 240.978 73.9237 238.183L156.513 210.654C161.344 209.043 165.431 205.761 168.186 201.478C175.987 189.349 193.403 163.767 209.333 150.824C224.404 138.579 248.793 123.006 293.31 115.859C302.215 114.43 309.286 107.794 313.623 99.8875C324.038 80.9022 344.69 69.3794 366.454 72.5117C394.88 76.6029 414.438 104.145 410.137 134.028C409.82 136.226 410.555 138.462 412.21 139.941C431.16 156.884 451.193 180.347 471.019 206.846C483.737 223.845 512 215.241 512 194.011V32C512 14.3269 497.673 0 480 0H32Z" fill="#0284C7"></path><circle cx="26.6667" cy="26.6667" r="26.6667" transform="matrix(-1 0 0 1 285.333 178.667)" fill="#0284C7"></circle></svg>
\ No newline at end of file
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/1.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/1.mp4
new file mode 100644
index 0000000..3d72796
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/1.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/2.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/2.mp4
new file mode 100644
index 0000000..f710c29
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/2.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/3.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/3.mp4
new file mode 100644
index 0000000..87a8101
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/3.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/4.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/4.mp4
new file mode 100644
index 0000000..59881a0
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/4.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/5.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/5.mp4
new file mode 100644
index 0000000..8e758b4
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/5.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/6.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/6.mp4
new file mode 100644
index 0000000..ac36f9c
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/6.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/7.mp4 b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/7.mp4
new file mode 100644
index 0000000..badbba8
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/7.mp4 differ
diff --git a/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/version-hint.png b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/version-hint.png
new file mode 100644
index 0000000..dd730c6
Binary files /dev/null and b/apps/docs/pages/public/guides/create-an-avatar-style-with-figma/version-hint.png differ
diff --git a/apps/docs/pages/public/logo-dark.svg b/apps/docs/pages/public/logo-dark.svg
new file mode 100644
index 0000000..1564a18
--- /dev/null
+++ b/apps/docs/pages/public/logo-dark.svg
@@ -0,0 +1,5 @@
+<svg width="183" height="32" viewBox="0 0 183 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.6663 29.167V5.16699H50.183C50.4052 5.16699 50.8163 5.17255 51.4163 5.18366C52.0275 5.19477 52.6108 5.23921 53.1663 5.31699C55.0441 5.55032 56.6219 6.22254 57.8997 7.33366C59.1886 8.44477 60.1608 9.85588 60.8163 11.567C61.4719 13.267 61.7997 15.1337 61.7997 17.167C61.7997 19.2114 61.4719 21.0892 60.8163 22.8003C60.1608 24.5003 59.1886 25.9059 57.8997 27.017C56.6219 28.117 55.0441 28.7837 53.1663 29.017C52.6108 29.0948 52.0275 29.1392 51.4163 29.1503C50.8163 29.1614 50.4052 29.167 50.183 29.167H42.6663ZM46.233 25.8503H50.183C50.5608 25.8503 51.0108 25.8392 51.533 25.817C52.0552 25.7948 52.5163 25.7503 52.9163 25.6837C54.1386 25.4503 55.1275 24.9225 55.883 24.1003C56.6497 23.267 57.2108 22.2448 57.5663 21.0337C57.9219 19.8225 58.0997 18.5337 58.0997 17.167C58.0997 15.7559 57.9163 14.4503 57.5497 13.2503C57.183 12.0392 56.6163 11.0281 55.8497 10.217C55.0941 9.39477 54.1163 8.87254 52.9163 8.65032C52.5163 8.57255 52.0497 8.5281 51.5163 8.51699C50.9941 8.49477 50.5497 8.48366 50.183 8.48366H46.233V25.8503ZM66.014 8.21699V4.83366H69.4973V8.21699H66.014ZM66.014 29.167V11.167H69.4973V29.167H66.014ZM82.2023 29.667C80.3578 29.667 78.7912 29.2559 77.5023 28.4337C76.2134 27.6114 75.2245 26.4837 74.5356 25.0503C73.8578 23.617 73.5134 21.9892 73.5023 20.167C73.5134 18.3114 73.8689 16.6725 74.5689 15.2503C75.2689 13.817 76.2689 12.6948 77.5689 11.8837C78.8689 11.0725 80.4301 10.667 82.2523 10.667C84.2189 10.667 85.8967 11.1559 87.2856 12.1337C88.6856 13.1114 89.6078 14.4503 90.0523 16.1503L86.5856 17.1503C86.2412 16.1392 85.6745 15.3559 84.8856 14.8003C84.1078 14.2337 83.2134 13.9503 82.2023 13.9503C81.0578 13.9503 80.1189 14.2225 79.3856 14.767C78.6523 15.3003 78.1078 16.0337 77.7523 16.967C77.3967 17.9003 77.2134 18.967 77.2023 20.167C77.2134 22.0225 77.6356 23.5225 78.4689 24.667C79.3134 25.8114 80.5578 26.3837 82.2023 26.3837C83.3245 26.3837 84.2301 26.1281 84.9189 25.617C85.6189 25.0948 86.1523 24.3503 86.5189 23.3837L90.0523 24.217C89.4634 25.9725 88.4912 27.3225 87.1356 28.267C85.7801 29.2003 84.1356 29.667 82.2023 29.667ZM100.943 29.667C99.1538 29.667 97.5815 29.2781 96.226 28.5003C94.8815 27.7114 93.8315 26.617 93.076 25.217C92.3315 23.8059 91.9593 22.1725 91.9593 20.317C91.9593 18.3503 92.326 16.6448 93.0593 15.2003C93.8038 13.7559 94.8371 12.6392 96.1593 11.8503C97.4815 11.0614 99.0204 10.667 100.776 10.667C102.609 10.667 104.17 11.0948 105.459 11.9503C106.748 12.7948 107.709 14.0003 108.343 15.567C108.987 17.1337 109.243 18.9948 109.109 21.1503H105.626V19.8837C105.604 17.7948 105.204 16.2503 104.426 15.2503C103.659 14.2503 102.487 13.7503 100.909 13.7503C99.1649 13.7503 97.8538 14.3003 96.976 15.4003C96.0982 16.5003 95.6593 18.0892 95.6593 20.167C95.6593 22.1448 96.0982 23.6781 96.976 24.767C97.8538 25.8448 99.1204 26.3837 100.776 26.3837C101.865 26.3837 102.804 26.1392 103.593 25.6503C104.393 25.1503 105.015 24.4392 105.459 23.517L108.876 24.6003C108.176 26.2114 107.115 27.4614 105.693 28.3503C104.27 29.2281 102.687 29.667 100.943 29.667ZM94.526 21.1503V18.4337H107.376V21.1503H94.526ZM112.849 29.167V5.16699H122.282C123.804 5.16699 125.082 5.4781 126.115 6.10032C127.149 6.72254 127.926 7.5281 128.449 8.51699C128.971 9.49477 129.232 10.5281 129.232 11.617C129.232 12.9392 128.904 14.0725 128.249 15.017C127.604 15.9614 126.732 16.6059 125.632 16.9503L125.599 16.1337C127.132 16.5114 128.31 17.2503 129.132 18.3503C129.954 19.4392 130.365 20.7114 130.365 22.167C130.365 23.5781 130.082 24.8059 129.515 25.8503C128.96 26.8948 128.143 27.7114 127.065 28.3003C125.999 28.8781 124.704 29.167 123.182 29.167H112.849ZM116.382 25.8503H122.649C123.438 25.8503 124.143 25.7003 124.765 25.4003C125.399 25.1003 125.893 24.6725 126.249 24.117C126.615 23.5503 126.799 22.8781 126.799 22.1003C126.799 21.3781 126.638 20.7281 126.315 20.1503C126.004 19.5614 125.549 19.1003 124.949 18.767C124.36 18.4225 123.665 18.2503 122.865 18.2503H116.382V25.8503ZM116.382 14.967H122.232C122.876 14.967 123.454 14.8392 123.965 14.5837C124.488 14.317 124.899 13.9392 125.199 13.4503C125.51 12.9503 125.665 12.3503 125.665 11.6503C125.665 10.717 125.354 9.95032 124.732 9.35032C124.11 8.75032 123.276 8.45032 122.232 8.45032H116.382V14.967ZM141.665 29.667C139.876 29.667 138.304 29.2781 136.949 28.5003C135.604 27.7114 134.554 26.617 133.799 25.217C133.054 23.8059 132.682 22.1725 132.682 20.317C132.682 18.3503 133.049 16.6448 133.782 15.2003C134.526 13.7559 135.56 12.6392 136.882 11.8503C138.204 11.0614 139.743 10.667 141.499 10.667C143.332 10.667 144.893 11.0948 146.182 11.9503C147.471 12.7948 148.432 14.0003 149.065 15.567C149.71 17.1337 149.965 18.9948 149.832 21.1503H146.349V19.8837C146.326 17.7948 145.926 16.2503 145.149 15.2503C144.382 14.2503 143.21 13.7503 141.632 13.7503C139.888 13.7503 138.576 14.3003 137.699 15.4003C136.821 16.5003 136.382 18.0892 136.382 20.167C136.382 22.1448 136.821 23.6781 137.699 24.767C138.576 25.8448 139.843 26.3837 141.499 26.3837C142.588 26.3837 143.526 26.1392 144.315 25.6503C145.115 25.1503 145.738 24.4392 146.182 23.517L149.599 24.6003C148.899 26.2114 147.838 27.4614 146.415 28.3503C144.993 29.2281 143.41 29.667 141.665 29.667ZM135.249 21.1503V18.4337H148.099V21.1503H135.249ZM158.329 29.667C156.996 29.667 155.879 29.4225 154.979 28.9337C154.079 28.4337 153.396 27.7781 152.929 26.967C152.474 26.1448 152.246 25.2448 152.246 24.267C152.246 23.3559 152.407 22.5559 152.729 21.867C153.051 21.1781 153.529 20.5948 154.162 20.117C154.796 19.6281 155.574 19.2337 156.496 18.9337C157.296 18.7003 158.201 18.4948 159.212 18.317C160.224 18.1392 161.285 17.9725 162.396 17.817C163.518 17.6614 164.629 17.5059 165.729 17.3503L164.462 18.0503C164.485 16.6392 164.185 15.5948 163.562 14.917C162.951 14.2281 161.896 13.8837 160.396 13.8837C159.451 13.8837 158.585 14.1059 157.796 14.5503C157.007 14.9837 156.457 15.7059 156.146 16.717L152.896 15.717C153.34 14.1725 154.185 12.9448 155.429 12.0337C156.685 11.1225 158.351 10.667 160.429 10.667C162.04 10.667 163.44 10.9448 164.629 11.5003C165.829 12.0448 166.707 12.9114 167.262 14.1003C167.551 14.6892 167.729 15.3114 167.796 15.967C167.862 16.6225 167.896 17.3281 167.896 18.0837V29.167H164.812V25.0503L165.412 25.5837C164.668 26.9614 163.718 27.9892 162.562 28.667C161.418 29.3337 160.007 29.667 158.329 29.667ZM158.946 26.817C159.935 26.817 160.785 26.6448 161.496 26.3003C162.207 25.9448 162.779 25.4948 163.212 24.9503C163.646 24.4059 163.929 23.8392 164.062 23.2503C164.251 22.717 164.357 22.117 164.379 21.4503C164.412 20.7837 164.429 20.2503 164.429 19.8503L165.562 20.267C164.462 20.4337 163.462 20.5837 162.562 20.717C161.662 20.8503 160.846 20.9837 160.112 21.117C159.39 21.2392 158.746 21.3892 158.179 21.567C157.701 21.7337 157.274 21.9337 156.896 22.167C156.529 22.4003 156.235 22.6837 156.012 23.017C155.801 23.3503 155.696 23.7559 155.696 24.2337C155.696 24.7003 155.812 25.1337 156.046 25.5337C156.279 25.9225 156.635 26.2337 157.112 26.467C157.59 26.7003 158.201 26.817 158.946 26.817ZM172.224 29.167V11.167H175.324V15.5337L174.89 14.967C175.113 14.3892 175.401 13.8614 175.757 13.3837C176.113 12.8948 176.524 12.4948 176.99 12.1837C177.446 11.8503 177.951 11.5948 178.507 11.417C179.074 11.2281 179.651 11.117 180.24 11.0837C180.829 11.0392 181.396 11.067 181.94 11.167V14.4337C181.351 14.2781 180.696 14.2337 179.974 14.3003C179.263 14.367 178.607 14.5948 178.007 14.9837C177.44 15.3503 176.99 15.7948 176.657 16.317C176.335 16.8392 176.101 17.4225 175.957 18.067C175.813 18.7003 175.74 19.3725 175.74 20.0837V29.167H172.224Z" fill="white"/>
+<path d="M2 0C0.895637 0.000243231 0 0.895581 0 2V30C0 31.1044 0.895637 31.9998 2 32H19.1187C20.127 32 20.7699 30.9239 20.2804 30.0423C18.9648 27.6728 17.7083 25.5811 16.917 24.6768C14.6623 22.1 4.08154 24.5028 3.74685 16.0962C3.72487 15.5442 4.09608 15.0614 4.62019 14.8867L9.7823 13.1657C10.0841 13.0651 10.3394 12.86 10.5116 12.5925C10.9993 11.8346 12.0883 10.2358 13.084 9.42676C14.026 8.66138 15.5502 7.68769 18.3327 7.241C18.8892 7.15167 19.3312 6.73699 19.6023 6.24285C20.2531 5.05655 21.5433 4.33664 22.9033 4.53223C24.6799 4.78792 25.9026 6.50922 25.6338 8.37695C25.614 8.51463 25.659 8.65455 25.7626 8.74726C26.9469 9.806 28.199 11.2718 29.4383 12.9274C30.2334 13.9896 32 13.4517 32 12.1248V2C32 0.895431 31.1046 0 30 0H2Z" fill="white"/>
+<circle cx="1.66667" cy="1.66667" r="1.66667" transform="matrix(-1 0 0 1 17.8335 11.167)" fill="white"/>
+</svg>
diff --git a/apps/docs/pages/public/logo-readme.svg b/apps/docs/pages/public/logo-readme.svg
new file mode 100644
index 0000000..345567c
--- /dev/null
+++ b/apps/docs/pages/public/logo-readme.svg
@@ -0,0 +1,5 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="96" height="96" rx="6" fill="white"/>
+<path d="M6 0C2.68629 0 0 2.68629 0 6V90C0 93.3137 2.68629 96 6 96H57.357C60.3821 96 62.3107 92.7717 60.8422 90.127C56.8945 83.0179 53.1239 76.7423 50.75 74.0293C43.9855 66.2991 12.244 73.5082 11.2405 48.2878C11.1746 46.6317 12.2883 45.1832 13.8607 44.6591L29.3469 39.497C30.2523 39.1952 31.0187 38.5792 31.535 37.7765C32.9979 35.5021 36.2633 30.706 39.25 28.2793C42.0761 25.9831 46.6493 23.0629 54.9972 21.723C56.6667 21.455 57.9925 20.211 58.8058 18.7285C60.7584 15.1691 64.6295 13.0085 68.71 13.5957C74.0397 14.3628 77.7066 19.5268 76.9004 25.1299C76.8412 25.541 76.9769 25.9589 77.2865 26.2357C80.8406 29.4128 84.5978 33.8134 88.3162 38.7837C90.7007 41.9711 96 40.3578 96 36.3772V6C96 2.68629 93.3137 0 90 0H6Z" fill="#0284C7"/>
+<circle cx="5" cy="5" r="5" transform="matrix(-1 0 0 1 53.5 33.5)" fill="#0284C7"/>
+</svg>
diff --git a/apps/docs/pages/public/logo.svg b/apps/docs/pages/public/logo.svg
new file mode 100644
index 0000000..befada1
--- /dev/null
+++ b/apps/docs/pages/public/logo.svg
@@ -0,0 +1,5 @@
+<svg width="183" height="32" viewBox="0 0 183 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.6663 29.167V5.16699H50.183C50.4052 5.16699 50.8163 5.17255 51.4163 5.18366C52.0275 5.19477 52.6108 5.23921 53.1663 5.31699C55.0441 5.55032 56.6219 6.22254 57.8997 7.33366C59.1886 8.44477 60.1608 9.85588 60.8163 11.567C61.4719 13.267 61.7997 15.1337 61.7997 17.167C61.7997 19.2114 61.4719 21.0892 60.8163 22.8003C60.1608 24.5003 59.1886 25.9059 57.8997 27.017C56.6219 28.117 55.0441 28.7837 53.1663 29.017C52.6108 29.0948 52.0275 29.1392 51.4163 29.1503C50.8163 29.1614 50.4052 29.167 50.183 29.167H42.6663ZM46.233 25.8503H50.183C50.5608 25.8503 51.0108 25.8392 51.533 25.817C52.0552 25.7948 52.5163 25.7503 52.9163 25.6837C54.1386 25.4503 55.1275 24.9225 55.883 24.1003C56.6497 23.267 57.2108 22.2448 57.5663 21.0337C57.9219 19.8225 58.0997 18.5337 58.0997 17.167C58.0997 15.7559 57.9163 14.4503 57.5497 13.2503C57.183 12.0392 56.6163 11.0281 55.8497 10.217C55.0941 9.39477 54.1163 8.87254 52.9163 8.65032C52.5163 8.57255 52.0497 8.5281 51.5163 8.51699C50.9941 8.49477 50.5497 8.48366 50.183 8.48366H46.233V25.8503ZM66.014 8.21699V4.83366H69.4973V8.21699H66.014ZM66.014 29.167V11.167H69.4973V29.167H66.014ZM82.2023 29.667C80.3578 29.667 78.7912 29.2559 77.5023 28.4337C76.2134 27.6114 75.2245 26.4837 74.5356 25.0503C73.8578 23.617 73.5134 21.9892 73.5023 20.167C73.5134 18.3114 73.8689 16.6725 74.5689 15.2503C75.2689 13.817 76.2689 12.6948 77.5689 11.8837C78.8689 11.0725 80.4301 10.667 82.2523 10.667C84.2189 10.667 85.8967 11.1559 87.2856 12.1337C88.6856 13.1114 89.6078 14.4503 90.0523 16.1503L86.5856 17.1503C86.2412 16.1392 85.6745 15.3559 84.8856 14.8003C84.1078 14.2337 83.2134 13.9503 82.2023 13.9503C81.0578 13.9503 80.1189 14.2225 79.3856 14.767C78.6523 15.3003 78.1078 16.0337 77.7523 16.967C77.3967 17.9003 77.2134 18.967 77.2023 20.167C77.2134 22.0225 77.6356 23.5225 78.4689 24.667C79.3134 25.8114 80.5578 26.3837 82.2023 26.3837C83.3245 26.3837 84.2301 26.1281 84.9189 25.617C85.6189 25.0948 86.1523 24.3503 86.5189 23.3837L90.0523 24.217C89.4634 25.9725 88.4912 27.3225 87.1356 28.267C85.7801 29.2003 84.1356 29.667 82.2023 29.667ZM100.943 29.667C99.1538 29.667 97.5815 29.2781 96.226 28.5003C94.8815 27.7114 93.8315 26.617 93.076 25.217C92.3315 23.8059 91.9593 22.1725 91.9593 20.317C91.9593 18.3503 92.326 16.6448 93.0593 15.2003C93.8038 13.7559 94.8371 12.6392 96.1593 11.8503C97.4815 11.0614 99.0204 10.667 100.776 10.667C102.609 10.667 104.17 11.0948 105.459 11.9503C106.748 12.7948 107.709 14.0003 108.343 15.567C108.987 17.1337 109.243 18.9948 109.109 21.1503H105.626V19.8837C105.604 17.7948 105.204 16.2503 104.426 15.2503C103.659 14.2503 102.487 13.7503 100.909 13.7503C99.1649 13.7503 97.8538 14.3003 96.976 15.4003C96.0982 16.5003 95.6593 18.0892 95.6593 20.167C95.6593 22.1448 96.0982 23.6781 96.976 24.767C97.8538 25.8448 99.1204 26.3837 100.776 26.3837C101.865 26.3837 102.804 26.1392 103.593 25.6503C104.393 25.1503 105.015 24.4392 105.459 23.517L108.876 24.6003C108.176 26.2114 107.115 27.4614 105.693 28.3503C104.27 29.2281 102.687 29.667 100.943 29.667ZM94.526 21.1503V18.4337H107.376V21.1503H94.526ZM112.849 29.167V5.16699H122.282C123.804 5.16699 125.082 5.4781 126.115 6.10032C127.149 6.72254 127.926 7.5281 128.449 8.51699C128.971 9.49477 129.232 10.5281 129.232 11.617C129.232 12.9392 128.904 14.0725 128.249 15.017C127.604 15.9614 126.732 16.6059 125.632 16.9503L125.599 16.1337C127.132 16.5114 128.31 17.2503 129.132 18.3503C129.954 19.4392 130.365 20.7114 130.365 22.167C130.365 23.5781 130.082 24.8059 129.515 25.8503C128.96 26.8948 128.143 27.7114 127.065 28.3003C125.999 28.8781 124.704 29.167 123.182 29.167H112.849ZM116.382 25.8503H122.649C123.438 25.8503 124.143 25.7003 124.765 25.4003C125.399 25.1003 125.893 24.6725 126.249 24.117C126.615 23.5503 126.799 22.8781 126.799 22.1003C126.799 21.3781 126.638 20.7281 126.315 20.1503C126.004 19.5614 125.549 19.1003 124.949 18.767C124.36 18.4225 123.665 18.2503 122.865 18.2503H116.382V25.8503ZM116.382 14.967H122.232C122.876 14.967 123.454 14.8392 123.965 14.5837C124.488 14.317 124.899 13.9392 125.199 13.4503C125.51 12.9503 125.665 12.3503 125.665 11.6503C125.665 10.717 125.354 9.95032 124.732 9.35032C124.11 8.75032 123.276 8.45032 122.232 8.45032H116.382V14.967ZM141.665 29.667C139.876 29.667 138.304 29.2781 136.949 28.5003C135.604 27.7114 134.554 26.617 133.799 25.217C133.054 23.8059 132.682 22.1725 132.682 20.317C132.682 18.3503 133.049 16.6448 133.782 15.2003C134.526 13.7559 135.56 12.6392 136.882 11.8503C138.204 11.0614 139.743 10.667 141.499 10.667C143.332 10.667 144.893 11.0948 146.182 11.9503C147.471 12.7948 148.432 14.0003 149.065 15.567C149.71 17.1337 149.965 18.9948 149.832 21.1503H146.349V19.8837C146.326 17.7948 145.926 16.2503 145.149 15.2503C144.382 14.2503 143.21 13.7503 141.632 13.7503C139.888 13.7503 138.576 14.3003 137.699 15.4003C136.821 16.5003 136.382 18.0892 136.382 20.167C136.382 22.1448 136.821 23.6781 137.699 24.767C138.576 25.8448 139.843 26.3837 141.499 26.3837C142.588 26.3837 143.526 26.1392 144.315 25.6503C145.115 25.1503 145.738 24.4392 146.182 23.517L149.599 24.6003C148.899 26.2114 147.838 27.4614 146.415 28.3503C144.993 29.2281 143.41 29.667 141.665 29.667ZM135.249 21.1503V18.4337H148.099V21.1503H135.249ZM158.329 29.667C156.996 29.667 155.879 29.4225 154.979 28.9337C154.079 28.4337 153.396 27.7781 152.929 26.967C152.474 26.1448 152.246 25.2448 152.246 24.267C152.246 23.3559 152.407 22.5559 152.729 21.867C153.051 21.1781 153.529 20.5948 154.162 20.117C154.796 19.6281 155.574 19.2337 156.496 18.9337C157.296 18.7003 158.201 18.4948 159.212 18.317C160.224 18.1392 161.285 17.9725 162.396 17.817C163.518 17.6614 164.629 17.5059 165.729 17.3503L164.462 18.0503C164.485 16.6392 164.185 15.5948 163.562 14.917C162.951 14.2281 161.896 13.8837 160.396 13.8837C159.451 13.8837 158.585 14.1059 157.796 14.5503C157.007 14.9837 156.457 15.7059 156.146 16.717L152.896 15.717C153.34 14.1725 154.185 12.9448 155.429 12.0337C156.685 11.1225 158.351 10.667 160.429 10.667C162.04 10.667 163.44 10.9448 164.629 11.5003C165.829 12.0448 166.707 12.9114 167.262 14.1003C167.551 14.6892 167.729 15.3114 167.796 15.967C167.862 16.6225 167.896 17.3281 167.896 18.0837V29.167H164.812V25.0503L165.412 25.5837C164.668 26.9614 163.718 27.9892 162.562 28.667C161.418 29.3337 160.007 29.667 158.329 29.667ZM158.946 26.817C159.935 26.817 160.785 26.6448 161.496 26.3003C162.207 25.9448 162.779 25.4948 163.212 24.9503C163.646 24.4059 163.929 23.8392 164.062 23.2503C164.251 22.717 164.357 22.117 164.379 21.4503C164.412 20.7837 164.429 20.2503 164.429 19.8503L165.562 20.267C164.462 20.4337 163.462 20.5837 162.562 20.717C161.662 20.8503 160.846 20.9837 160.112 21.117C159.39 21.2392 158.746 21.3892 158.179 21.567C157.701 21.7337 157.274 21.9337 156.896 22.167C156.529 22.4003 156.235 22.6837 156.012 23.017C155.801 23.3503 155.696 23.7559 155.696 24.2337C155.696 24.7003 155.812 25.1337 156.046 25.5337C156.279 25.9225 156.635 26.2337 157.112 26.467C157.59 26.7003 158.201 26.817 158.946 26.817ZM172.224 29.167V11.167H175.324V15.5337L174.89 14.967C175.113 14.3892 175.401 13.8614 175.757 13.3837C176.113 12.8948 176.524 12.4948 176.99 12.1837C177.446 11.8503 177.951 11.5948 178.507 11.417C179.074 11.2281 179.651 11.117 180.24 11.0837C180.829 11.0392 181.396 11.067 181.94 11.167V14.4337C181.351 14.2781 180.696 14.2337 179.974 14.3003C179.263 14.367 178.607 14.5948 178.007 14.9837C177.44 15.3503 176.99 15.7948 176.657 16.317C176.335 16.8392 176.101 17.4225 175.957 18.067C175.813 18.7003 175.74 19.3725 175.74 20.0837V29.167H172.224Z" fill="#1C1E21"/>
+<path d="M2 0C0.895637 0.000243231 0 0.895581 0 2V30C0 31.1044 0.895637 31.9998 2 32H19.1187C20.127 32 20.7699 30.9239 20.2804 30.0423C18.9648 27.6728 17.7083 25.5811 16.917 24.6768C14.6623 22.1 4.08154 24.5028 3.74685 16.0962C3.72487 15.5442 4.09608 15.0614 4.62019 14.8867L9.7823 13.1657C10.0841 13.0651 10.3394 12.86 10.5116 12.5925C10.9993 11.8346 12.0883 10.2358 13.084 9.42676C14.026 8.66138 15.5502 7.68769 18.3327 7.241C18.8892 7.15167 19.3312 6.73699 19.6023 6.24285C20.2531 5.05655 21.5433 4.33664 22.9033 4.53223C24.6799 4.78792 25.9026 6.50922 25.6338 8.37695C25.614 8.51463 25.659 8.65455 25.7626 8.74726C26.9469 9.806 28.199 11.2718 29.4383 12.9274C30.2334 13.9896 32 13.4517 32 12.1248V2C32 0.895431 31.1046 0 30 0H2Z" fill="#1C1E21"/>
+<circle cx="1.66667" cy="1.66667" r="1.66667" transform="matrix(-1 0 0 1 17.8335 11.167)" fill="#1C1E21"/>
+</svg>
diff --git a/apps/docs/pages/public/ne_110m_land.geojson b/apps/docs/pages/public/ne_110m_land.geojson
new file mode 100644
index 0000000..cecc00e
--- /dev/null
+++ b/apps/docs/pages/public/ne_110m_land.geojson
@@ -0,0 +1 @@
+{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-59.6,-80],[-59.9,-80.5],[-60.2,-81],[-62.3,-80.9],[-64.5,-80.9],[-65.7,-80.6],[-65.7,-80.5],[-66.3,-80.3],[-64,-80.3],[-61.9,-80.4],[-61.1,-80],[-60.6,-79.6],[-59.6,-80]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-159.2,-79.5],[-161.1,-79.6],[-162.4,-79.3],[-163,-78.9],[-163.1,-78.9],[-163.7,-78.6],[-163.7,-78.6],[-163.1,-78.2],[-161.2,-78.4],[-160.2,-78.7],[-159.5,-79],[-159.2,-79.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-45.2,-78],[-43.9,-78.5],[-43.5,-79.1],[-43.4,-79.5],[-43.3,-80],[-44.9,-80.3],[-46.5,-80.6],[-48.4,-80.8],[-50.5,-81],[-52.9,-81],[-54.2,-80.6],[-54,-80.2],[-51.9,-79.9],[-51,-79.6],[-50.4,-79.2],[-49.9,-78.8],[-49.3,-78.5],[-48.7,-78],[-48.7,-78],[-48.2,-78],[-46.7,-77.8],[-45.2,-78]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-121.2,-73.5],[-119.9,-73.7],[-118.7,-73.5],[-119.3,-73.8],[-120.2,-74.1],[-121.6,-74],[-122.6,-73.7],[-122.6,-73.7],[-122.4,-73.3],[-121.2,-73.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-125.6,-73.5],[-124,-73.9],[-124.6,-73.8],[-125.9,-73.7],[-127.3,-73.5],[-127.3,-73.5],[-126.6,-73.2],[-125.6,-73.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-99,-71.9],[-97.9,-72.1],[-96.8,-72],[-96.2,-72.5],[-97,-72.4],[-98.2,-72.5],[-99.4,-72.4],[-100.8,-72.5],[-101.8,-72.3],[-102.3,-71.9],[-102.3,-71.9],[-101.7,-71.7],[-100.4,-71.9],[-99,-71.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-68.5,-71],[-68.3,-71.4],[-68.5,-71.8],[-68.8,-72.2],[-70,-72.3],[-71.1,-72.5],[-72.4,-72.5],[-71.9,-72.1],[-73.1,-72.2],[-74.2,-72.4],[-75,-72.1],[-75,-71.7],[-73.9,-71.3],[-73.9,-71.3],[-73.2,-71.2],[-72.1,-71.2],[-71.8,-70.7],[-71.7,-70.3],[-71.7,-69.5],[-71.2,-69],[-70.3,-68.9],[-69.7,-69.3],[-69.5,-69.6],[-69.1,-70.1],[-68.7,-70.5],[-68.5,-71]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-67.7,-53.8],[-66.4,-54.4],[-65,-54.7],[-65.5,-55.2],[-66.4,-55.2],[-67,-54.9],[-67.3,-55.3],[-68.1,-55.6],[-69.2,-55.5],[-70,-55.2],[-71,-55.1],[-72.3,-54.5],[-73.3,-54],[-74.7,-52.8],[-73.8,-53],[-72.4,-53.7],[-71.1,-54.1],[-70.6,-53.6],[-70.3,-52.9],[-69.3,-52.5],[-68.6,-52.6],[-68.6,-52.6],[-68.2,-53.1],[-67.7,-53.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-58.5,-51.1],[-57.7,-51.5],[-58,-51.9],[-59.4,-52.2],[-59.8,-51.8],[-60.7,-52.3],[-61.2,-51.8],[-60,-51.2],[-59.1,-51.5],[-58.5,-51.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[70.3,-49.7],[68.7,-49.8],[68.7,-49.2],[68.9,-48.8],[68.9,-48.6],[69.6,-48.9],[70.5,-49.1],[70.6,-49.3],[70.3,-49.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[145.4,-40.8],[146.4,-41.1],[146.9,-41],[147.7,-40.8],[148.3,-40.9],[148.4,-42.1],[148,-42.4],[147.9,-43.2],[147.6,-42.9],[146.9,-43.6],[146.7,-43.6],[146,-43.5],[145.4,-42.7],[145.3,-42],[144.7,-41.2],[144.7,-40.7],[145.4,-40.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[173,-40.9],[173.2,-41.3],[174,-40.9],[174.2,-41.3],[174.2,-41.8],[173.9,-42.2],[173.2,-43],[172.7,-43.4],[173.1,-43.9],[172.3,-43.9],[171.5,-44.2],[171.2,-44.9],[170.6,-45.9],[169.8,-46.4],[169.3,-46.6],[168.4,-46.6],[167.8,-46.3],[166.7,-46.2],[166.5,-45.9],[167,-45.1],[168.3,-44.1],[168.9,-43.9],[169.7,-43.6],[170.5,-43],[171.1,-42.5],[171.6,-41.8],[171.9,-41.5],[172.1,-41],[172.8,-40.5],[173,-40.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[174.6,-36.2],[175.3,-37.2],[175.4,-36.5],[175.8,-36.8],[176,-37.6],[176.8,-37.9],[177.4,-38],[178,-37.6],[178.5,-37.7],[178.3,-38.6],[178,-39.2],[177.2,-39.1],[176.9,-39.4],[177,-39.9],[176.9,-40.1],[176.5,-40.6],[176,-41.3],[175.2,-41.7],[175.1,-41.4],[174.7,-41.3],[175.2,-40.5],[174.9,-39.9],[173.8,-39.5],[173.9,-39.1],[174.6,-38.8],[174.7,-38],[174.7,-37.4],[174.3,-36.7],[174.3,-36.5],[173.8,-36.1],[173.1,-35.2],[172.6,-34.5],[173,-34.5],[173.6,-35],[174.3,-35.3],[174.6,-36.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[167.1,-22.2],[166.7,-22.4],[166.2,-22.1],[165.5,-21.7],[164.8,-21.1],[164.2,-20.4],[164,-20.1],[164.5,-20.1],[165,-20.5],[165.5,-20.8],[165.8,-21.1],[166.6,-21.7],[167.1,-22.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[178.4,-17.3],[178.7,-17.6],[178.6,-18.2],[177.9,-18.3],[177.4,-18.2],[177.3,-17.7],[177.7,-17.4],[178.1,-17.5],[178.4,-17.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[179.4,-16.8],[178.7,-17],[178.6,-16.6],[179.1,-16.4],[179.4,-16.4],[180,-16.1],[180,-16.6],[179.4,-16.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-179.9,-16.5],[-180,-16.6],[-180,-16.1],[-179.8,-16],[-179.9,-16.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[167.8,-16.5],[167.5,-16.6],[167.2,-16.2],[167.2,-15.9],[167.8,-16.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[167.1,-14.9],[167.3,-15.7],[167,-15.6],[166.8,-15.7],[166.6,-15.4],[166.6,-14.6],[167.1,-14.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[50.1,-13.6],[50.2,-14.8],[50.5,-15.2],[50.4,-15.7],[50.2,-16],[49.9,-15.4],[49.7,-15.7],[49.9,-16.5],[49.8,-16.9],[49.5,-17.1],[49.4,-18],[49,-19.1],[48.5,-20.5],[47.9,-22.4],[47.5,-23.8],[47.1,-24.9],[46.3,-25.2],[45.4,-25.6],[44.8,-25.3],[44,-25],[43.8,-24.5],[43.7,-23.6],[43.3,-22.8],[43.3,-22.1],[43.4,-21.3],[43.9,-21.2],[43.9,-20.8],[44.4,-20.1],[44.5,-19.4],[44.2,-19],[44,-18.3],[44,-17.4],[44.3,-16.9],[44.4,-16.2],[44.9,-16.2],[45.5,-16],[45.9,-15.8],[46.3,-15.8],[46.9,-15.2],[47.7,-14.6],[48,-14.1],[47.9,-13.7],[48.3,-13.8],[48.8,-13.1],[48.9,-12.5],[49.2,-12],[49.5,-12.5],[49.8,-12.9],[50.1,-13.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[143.6,-13.8],[143.9,-14.5],[144.6,-14.2],[144.9,-14.6],[145.4,-15],[145.3,-15.4],[145.5,-16.3],[145.6,-16.8],[145.9,-16.9],[146.2,-17.8],[146.1,-18.3],[146.4,-19],[147.5,-19.5],[148.2,-20],[148.8,-20.4],[148.7,-20.6],[149.3,-21.3],[149.7,-22.3],[150.1,-22.1],[150.5,-22.6],[150.7,-22.4],[150.9,-23.5],[151.6,-24.1],[152.1,-24.5],[152.9,-25.3],[153.1,-26.1],[153.2,-26.6],[153.1,-27.3],[153.6,-28.1],[153.5,-29],[153.3,-29.5],[153.1,-30.4],[153.1,-30.9],[152.9,-31.6],[152.5,-32.6],[151.7,-33],[151.3,-33.8],[151,-34.3],[150.7,-35.2],[150.3,-35.7],[150.1,-36.4],[149.9,-37.1],[150,-37.4],[149.4,-37.8],[148.3,-37.8],[147.4,-38.2],[146.9,-38.6],[146.3,-39],[145.5,-38.6],[144.9,-38.4],[145,-37.9],[144.5,-38.1],[143.6,-38.8],[142.7,-38.5],[142.2,-38.4],[141.6,-38.3],[140.6,-38],[140,-37.4],[139.8,-36.6],[139.6,-36.1],[139.1,-35.7],[138.1,-35.6],[138.4,-35.1],[138.2,-34.4],[137.7,-35.1],[136.8,-35.3],[137.4,-34.7],[137.5,-34.1],[137.9,-33.6],[137.8,-32.9],[137,-33.8],[136.4,-34.1],[136,-34.9],[135.2,-34.5],[135.2,-33.9],[134.6,-33.2],[134.1,-32.8],[134.3,-32.6],[133,-32],[132.3,-32],[131.3,-31.5],[129.5,-31.6],[128.2,-31.9],[127.1,-32.3],[126.1,-32.2],[125.1,-32.7],[124.2,-33],[124,-33.5],[123.7,-33.9],[122.8,-33.9],[122.2,-34],[121.3,-33.8],[120.6,-33.9],[119.9,-34],[119.3,-34.5],[119,-34.5],[118.5,-34.7],[118,-35.1],[117.3,-35],[116.6,-35],[115.6,-34.4],[115,-34.2],[115,-33.6],[115.5,-33.5],[115.7,-33.3],[115.7,-32.9],[115.8,-32.2],[115.7,-31.6],[115.2,-30.6],[115,-30],[115,-29.5],[114.6,-28.8],[114.6,-28.5],[114.2,-28.1],[114,-27.3],[113.5,-26.5],[113.3,-26.1],[113.8,-26.5],[113.4,-25.6],[113.9,-25.9],[114.2,-26.3],[114.2,-25.8],[113.7,-25],[113.6,-24.7],[113.4,-24.4],[113.5,-23.8],[113.7,-23.6],[113.8,-23.1],[113.7,-22.5],[114.1,-21.8],[114.2,-22.5],[114.6,-21.8],[115.5,-21.5],[115.9,-21.1],[116.7,-20.7],[117.2,-20.6],[117.4,-20.7],[118.2,-20.4],[118.8,-20.3],[119,-20],[119.3,-20],[119.8,-20],[120.9,-19.7],[121.4,-19.2],[121.7,-18.7],[122.2,-18.2],[122.3,-17.8],[122.3,-17.3],[123,-16.4],[123.4,-17.3],[123.9,-17.1],[123.5,-16.6],[123.8,-16.1],[124.3,-16.3],[124.4,-15.6],[124.9,-15.1],[125.2,-14.7],[125.7,-14.5],[125.7,-14.2],[126.1,-14.3],[126.1,-14.1],[126.6,-14],[127.1,-13.8],[127.8,-14.3],[128.4,-14.9],[129,-14.9],[129.6,-15],[129.4,-14.4],[129.9,-13.6],[130.3,-13.4],[130.2,-13.1],[130.6,-12.5],[131.2,-12.2],[131.7,-12.3],[132.6,-12.1],[132.6,-11.6],[131.8,-11.3],[132.4,-11.1],[133,-11.4],[133.6,-11.8],[134.4,-12],[134.7,-11.9],[135.3,-12.2],[135.9,-12],[136.3,-12],[136.5,-11.9],[137,-12.4],[136.7,-12.9],[136.3,-13.3],[136,-13.3],[136.1,-13.7],[135.8,-14.2],[135.4,-14.7],[135.5,-15],[136.3,-15.6],[137.1,-15.9],[137.6,-16.2],[138.3,-16.8],[138.6,-16.8],[139.1,-17.1],[139.3,-17.4],[140.2,-17.7],[140.9,-17.4],[141.1,-16.8],[141.3,-16.4],[141.4,-15.8],[141.7,-15],[141.6,-14.6],[141.6,-14.3],[141.5,-13.7],[141.7,-12.9],[141.8,-12.7],[141.7,-12.4],[141.9,-11.9],[142.1,-11.3],[142.1,-11],[142.5,-10.7],[142.8,-11.2],[142.9,-11.8],[143.1,-11.9],[143.2,-12.3],[143.5,-12.8],[143.6,-13.4],[143.6,-13.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[162.1,-10.5],[162.4,-10.8],[161.7,-10.8],[161.3,-10.2],[161.9,-10.4],[162.1,-10.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[120.7,-10.2],[120.3,-10.3],[119,-9.6],[119.9,-9.4],[120.4,-9.7],[120.8,-10],[120.7,-10.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[160.9,-9.9],[160.5,-9.9],[159.8,-9.8],[159.6,-9.6],[159.7,-9.2],[160.4,-9.4],[160.7,-9.6],[160.9,-9.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[161.7,-9.6],[161.5,-9.8],[160.8,-8.9],[160.6,-8.3],[160.9,-8.3],[161.3,-9.1],[161.7,-9.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[124.4,-10.1],[123.6,-10.4],[123.5,-10.2],[123.6,-9.9],[124,-9.3],[125,-8.9],[125.1,-8.7],[125.9,-8.4],[126.6,-8.4],[127,-8.3],[127.3,-8.4],[127,-8.7],[125.9,-9.1],[125.1,-9.4],[124.4,-10.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[117.9,-8.1],[118.3,-8.4],[118.9,-8.3],[119.1,-8.7],[118,-8.9],[117.3,-9],[116.7,-9],[117.1,-8.5],[117.6,-8.4],[117.9,-8.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[122.9,-8.1],[122.8,-8.6],[121.3,-8.9],[119.9,-8.8],[119.9,-8.4],[120.7,-8.2],[121.3,-8.5],[122,-8.5],[122.9,-8.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[159.9,-8.3],[159.9,-8.5],[159.1,-8.1],[158.6,-7.8],[158.2,-7.4],[158.4,-7.3],[158.8,-7.6],[159.6,-8],[159.9,-8.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[157.5,-7.3],[157.3,-7.4],[156.9,-7.2],[156.5,-6.8],[156.5,-6.6],[157.1,-7],[157.5,-7.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[108.6,-6.8],[110.5,-6.9],[110.8,-6.5],[112.6,-6.9],[113,-7.6],[114.5,-7.8],[115.7,-8.4],[114.6,-8.8],[113.5,-8.3],[112.6,-8.4],[111.5,-8.3],[110.6,-8.1],[109.4,-7.7],[108.7,-7.6],[108.3,-7.8],[106.5,-7.4],[106.3,-6.9],[105.4,-6.9],[106.1,-5.9],[107.3,-6],[108.1,-6.3],[108.5,-6.4],[108.6,-6.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[134.7,-6.2],[134.2,-6.9],[134.1,-6.1],[134.3,-5.8],[134.5,-5.4],[134.7,-5.7],[134.7,-6.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[155.9,-6.8],[155.6,-6.9],[155.2,-6.5],[154.7,-5.9],[154.5,-5.1],[154.7,-5],[154.8,-5.3],[155.1,-5.6],[155.5,-6.2],[156,-6.5],[155.9,-6.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[152,-5.5],[151.5,-5.6],[151.3,-5.8],[150.8,-6.1],[150.2,-6.3],[149.7,-6.3],[148.9,-6],[148.3,-5.7],[148.4,-5.4],[149.3,-5.6],[149.8,-5.5],[150,-5],[150.1,-5],[150.2,-5.5],[150.8,-5.5],[151.1,-5.1],[151.6,-4.8],[151.5,-4.2],[152.1,-4.1],[152.3,-4.3],[152.3,-4.9],[152,-5.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[127.2,-3.5],[126.9,-3.8],[126.2,-3.6],[126,-3.2],[127,-3.1],[127.2,-3.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[130.5,-3.1],[130.8,-3.9],[130,-3.4],[129.2,-3.4],[128.6,-3.4],[127.9,-3.4],[128.1,-2.8],[129.4,-2.8],[130.5,-3.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[153.1,-4.5],[152.8,-4.8],[152.6,-4.2],[152.4,-3.8],[152,-3.5],[151.4,-3],[150.7,-2.7],[150.9,-2.5],[151.5,-2.8],[151.8,-3],[152.2,-3.2],[152.6,-3.7],[153,-4],[153.1,-4.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[134.1,-1.2],[134.4,-2.8],[135.5,-3.4],[136.3,-2.3],[137.4,-1.7],[138.3,-1.7],[139.2,-2.1],[139.9,-2.4],[141,-2.6],[142.7,-3.3],[144.6,-3.9],[145.3,-4.4],[145.8,-4.9],[146,-5.5],[147.6,-6.1],[147.9,-6.6],[147,-6.7],[147.2,-7.4],[148.1,-8],[148.7,-9.1],[149.3,-9.1],[149.3,-9.5],[150,-9.7],[149.7,-9.9],[150.8,-10.3],[150.7,-10.6],[150,-10.7],[149.8,-10.4],[148.9,-10.3],[147.9,-10.1],[147.1,-9.5],[146.6,-8.9],[146,-8.1],[144.7,-7.6],[143.9,-7.9],[143.3,-8.2],[143.4,-9],[142.6,-9.3],[142.1,-9.2],[141,-9.1],[140.1,-8.3],[139.1,-8.1],[138.9,-8.4],[137.6,-8.4],[138,-7.6],[138.7,-7.3],[138.4,-6.2],[137.9,-5.4],[136,-4.5],[135.2,-4.5],[133.7,-3.5],[133.4,-4],[133,-4.1],[132.8,-3.7],[132.8,-3.3],[132,-2.8],[133.1,-2.5],[133.8,-2.5],[133.7,-2.2],[132.2,-2.2],[131.8,-1.6],[130.9,-1.4],[130.5,-0.9],[131.9,-0.7],[132.4,-0.4],[134,-0.8],[134.1,-1.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[125.2,1.4],[124.4,0.4],[123.7,0.2],[122.7,0.4],[121.1,0.4],[120.2,0.2],[120,-0.5],[120.9,-1.4],[121.5,-1],[123.3,-0.6],[123.3,-1.1],[122.8,-0.9],[122.4,-1.5],[121.5,-1.9],[122.5,-3.2],[122.3,-3.5],[123.2,-4.7],[123.2,-5.3],[122.6,-5.6],[122.2,-5.3],[122.7,-4.5],[121.7,-4.9],[121.5,-4.6],[121.6,-4.2],[120.9,-3.6],[121,-2.6],[120.3,-2.9],[120.4,-4.1],[120.4,-5.5],[119.8,-5.7],[119.4,-5.4],[119.7,-4.5],[119.5,-3.5],[119.1,-3.5],[118.8,-2.8],[119.2,-2.1],[119.3,-1.4],[119.8,0.2],[120,0.6],[120.9,1.3],[121.7,1],[122.9,0.9],[124.1,0.9],[125.1,1.6],[125.2,1.4]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[128.7,1.1],[128.6,0.3],[128.1,0.4],[128,-0.3],[128.4,-0.8],[128.1,-0.9],[127.7,-0.3],[127.4,1],[127.6,1.8],[127.9,2.2],[128,1.6],[128.6,1.5],[128.7,1.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[105.8,-5.9],[104.7,-5.9],[103.9,-5],[102.6,-4.2],[102.2,-3.6],[101.4,-2.8],[100.9,-2.1],[100.1,-0.7],[99.3,0.2],[99,1],[98.6,1.8],[97.7,2.5],[97.2,3.3],[96.4,3.9],[95.4,5],[95.3,5.5],[95.9,5.4],[97.5,5.2],[98.4,4.3],[99.1,3.6],[99.7,3.2],[100.6,2.1],[101.7,2.1],[102.5,1.4],[103.1,0.6],[103.8,0.1],[103.4,-0.7],[104,-1.1],[104.4,-1.1],[104.5,-1.8],[104.9,-2.3],[105.6,-2.4],[106.1,-3.1],[105.9,-4.3],[105.8,-5.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[117.9,1.8],[119,0.9],[117.8,0.8],[117.5,0.1],[117.5,-0.8],[116.6,-1.5],[116.5,-2.5],[116.1,-4],[116,-3.7],[114.9,-4.1],[114.5,-3.5],[113.8,-3.4],[113.3,-3.1],[112.1,-3.5],[111.7,-3],[111,-3],[110.2,-2.9],[110.1,-1.6],[109.6,-1.3],[109.1,-0.5],[109,0.4],[109.1,1.3],[109.7,2],[110.4,1.7],[111.2,1.9],[111.4,2.7],[111.8,2.9],[113,3.1],[113.7,3.9],[114.2,4.5],[114.6,4.9],[115.5,5.4],[116.2,6.1],[116.7,6.9],[117.1,6.9],[117.6,6.4],[117.7,6],[118.3,5.7],[119.2,5.4],[119.1,5],[118.4,5],[118.6,4.5],[117.9,4.1],[117.3,3.2],[118,2.3],[117.9,1.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[126.4,8.4],[126.5,7.8],[126.5,7.2],[126.2,6.3],[125.8,7.3],[125.4,6.8],[125.7,6],[125.4,5.6],[124.2,6.2],[123.9,6.9],[124.2,7.4],[123.6,7.8],[123.3,7.4],[122.8,7.5],[122.1,6.9],[121.9,7.2],[122.3,8],[122.9,8.3],[123.5,8.7],[123.8,8.2],[124.6,8.5],[124.8,9],[125.5,9],[125.4,9.8],[126.2,9.3],[126.3,8.8],[126.4,8.4]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[81.2,6.2],[80.3,6],[79.9,6.8],[79.7,8.2],[80.1,9.8],[80.8,9.3],[81.3,8.6],[81.8,7.5],[81.6,6.5],[81.2,6.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-60.9,10.1],[-61.8,10],[-61.9,10.1],[-61.7,10.4],[-61.7,10.8],[-61.1,10.9],[-60.9,10.9],[-60.9,10.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[124,10.3],[123.6,10],[123.3,9.3],[123,9],[122.4,9.7],[122.6,10],[122.8,10.3],[122.9,10.9],[123.5,10.9],[123.3,10.3],[124.1,11.2],[124,10.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[118.5,9.3],[117.2,8.4],[117.7,9.1],[118.4,9.7],[119,10.4],[119.5,11.4],[119.7,10.6],[119,10],[118.5,9.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[121.9,11.9],[122.5,11.6],[123.1,11.6],[123.1,11.2],[122.6,10.7],[122,10.4],[122,10.9],[122,11.4],[121.9,11.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[125.5,12.2],[125.8,11],[125,11.3],[125,11],[125.3,10.4],[124.8,10.1],[124.8,10.8],[124.5,10.9],[124.3,11.5],[124.9,11.4],[124.9,11.8],[124.3,12.6],[125.2,12.5],[125.5,12.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[121.5,13.1],[121.3,12.2],[120.8,12.7],[120.3,13.5],[121.2,13.4],[121.5,13.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[121.3,18.5],[121.9,18.2],[122.2,18.5],[122.3,18.2],[122.2,17.8],[122.5,17.1],[122.3,16.3],[121.7,15.9],[121.5,15.1],[121.7,14.3],[122.3,14.2],[122.7,14.3],[124,13.8],[123.9,13.2],[124.2,13],[124.1,12.5],[123.3,13],[122.9,13.6],[122.7,13.2],[122,13.8],[121.1,13.6],[120.6,13.9],[120.7,14.3],[121,14.5],[120.7,14.8],[120.6,14.4],[120.1,15],[119.9,15.4],[119.9,16.4],[120.3,16],[120.4,17.6],[120.7,18.5],[121.3,18.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-65.6,18.2],[-65.8,18],[-66.6,18],[-67.2,17.9],[-67.2,18.4],[-67.1,18.5],[-66.3,18.5],[-65.8,18.4],[-65.6,18.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-76.9,17.9],[-77.2,17.7],[-77.8,17.9],[-78.3,18.2],[-78.2,18.5],[-77.8,18.5],[-77.6,18.5],[-76.9,18.4],[-76.4,18.2],[-76.2,17.9],[-76.9,17.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-72.6,19.9],[-71.7,19.7],[-71.6,19.9],[-70.8,19.9],[-70.2,19.6],[-70,19.6],[-69.8,19.3],[-69.2,19.3],[-69.3,19],[-68.8,19],[-68.3,18.6],[-68.7,18.2],[-69.2,18.4],[-69.6,18.4],[-70,18.4],[-70.1,18.2],[-70.5,18.2],[-70.7,18.4],[-71,18.3],[-71.4,17.6],[-71.7,17.8],[-71.7,18],[-72.4,18.2],[-72.8,18.1],[-73.5,18.2],[-73.9,18],[-74.5,18.3],[-74.4,18.7],[-73.4,18.5],[-72.7,18.4],[-72.3,18.7],[-72.8,19.1],[-72.8,19.5],[-73.4,19.6],[-73.2,19.9],[-72.6,19.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[110.3,18.7],[109.5,18.2],[108.7,18.5],[108.6,19.4],[109.1,19.8],[110.2,20.1],[110.8,20.1],[111,19.7],[110.6,19.3],[110.3,18.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-155.5,19.1],[-155.7,18.9],[-155.9,19.1],[-155.9,19.3],[-156.1,19.7],[-156,19.8],[-155.9,20],[-155.9,20.2],[-155.9,20.3],[-155.8,20.2],[-155.4,20.1],[-155.2,20],[-155.1,19.9],[-154.8,19.5],[-154.8,19.5],[-155.2,19.2],[-155.5,19.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-156.1,20.6],[-156.4,20.6],[-156.6,20.8],[-156.7,20.9],[-156.7,20.9],[-156.6,21],[-156.3,20.9],[-156,20.8],[-156.1,20.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-156.8,21.2],[-156.8,21.1],[-157.3,21.1],[-157.3,21.2],[-156.8,21.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-157.7,21.3],[-157.7,21.3],[-157.8,21.3],[-158.1,21.3],[-158.3,21.5],[-158.3,21.6],[-158,21.7],[-157.9,21.7],[-157.7,21.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-159.3,22],[-159.5,21.9],[-159.8,22.1],[-159.7,22.1],[-159.6,22.2],[-159.4,22.2],[-159.3,22]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-79.7,22.8],[-79.3,22.4],[-78.3,22.5],[-78,22.3],[-77.1,21.7],[-76.5,21.2],[-76.2,21.2],[-75.6,21],[-75.7,20.7],[-74.9,20.7],[-74.2,20.3],[-74.3,20.1],[-75,19.9],[-75.6,19.9],[-76.3,20],[-77.8,19.9],[-77.1,20.4],[-77.5,20.7],[-78.1,20.7],[-78.5,21],[-78.7,21.6],[-79.3,21.6],[-80.2,21.8],[-80.5,22],[-81.8,22.2],[-82.2,22.4],[-81.8,22.6],[-82.8,22.7],[-83.5,22.2],[-83.9,22.2],[-84.1,21.9],[-84.5,21.8],[-85,21.9],[-84.4,22.2],[-84.2,22.6],[-83.8,22.8],[-83.3,23],[-82.5,23.1],[-82.3,23.2],[-81.4,23.1],[-80.6,23.1],[-79.7,22.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-77.5,23.8],[-77.8,23.7],[-78,24.3],[-78.4,24.6],[-78.2,25.2],[-77.9,25.2],[-77.5,24.3],[-77.5,23.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[121.2,22.8],[120.7,22],[120.2,22.8],[120.1,23.6],[120.7,24.5],[121.5,25.3],[122,25],[121.8,24.4],[121.2,22.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-77.8,26.6],[-78.9,26.4],[-79,26.8],[-78.5,26.9],[-77.8,26.8],[-77.8,26.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-77,26.6],[-77.2,25.9],[-77.4,26],[-77.3,26.5],[-77.8,26.9],[-77.8,27],[-77,26.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[134.6,34.1],[134.8,33.8],[134.2,33.2],[133.8,33.5],[133.3,33.3],[133,32.7],[132.4,33],[132.4,33.5],[132.9,34.1],[133.5,33.9],[133.9,34.4],[134.6,34.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[34.6,35.7],[33.9,35.2],[34,35.1],[34,35],[33,34.6],[32.5,34.7],[32.3,35.1],[32.7,35.1],[32.8,35.1],[32.9,35.4],[33.7,35.4],[34.6,35.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[23.7,35.7],[24.2,35.4],[25,35.4],[25.8,35.4],[25.7,35.2],[26.3,35.3],[26.2,35],[24.7,34.9],[24.7,35.1],[23.5,35.3],[23.7,35.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[15.5,38.2],[15.2,37.4],[15.3,37.1],[15.1,36.6],[14.3,37],[13.8,37.1],[12.4,37.6],[12.6,38.1],[13.7,38],[14.8,38.1],[15.5,38.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.2,41.2],[9.8,40.5],[9.7,39.2],[9.2,39.2],[8.8,38.9],[8.4,39.2],[8.4,40.4],[8.2,41],[8.7,40.9],[9.2,41.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[141,37.1],[140.6,36.3],[140.8,35.8],[140.3,35.1],[139,34.7],[137.2,34.6],[135.8,33.5],[135.1,33.8],[135.1,34.6],[133.3,34.4],[132.2,33.9],[131,33.9],[132,33.1],[131.3,31.5],[130.7,31],[130.2,31.4],[130.4,32.3],[129.8,32.6],[129.4,33.3],[130.4,33.6],[130.9,34.2],[131.9,34.7],[132.6,35.4],[134.6,35.7],[135.7,35.5],[136.7,37.3],[137.4,36.8],[138.9,37.8],[139.4,38.2],[140.1,39.4],[139.9,40.6],[140.3,41.2],[141.4,41.4],[141.9,40],[141.9,39.2],[141,38.2],[141,37.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.6,42.2],[9.2,41.4],[8.8,41.6],[8.5,42.3],[8.7,42.6],[9.4,43],[9.6,42.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[143.9,44.2],[144.6,44],[145.3,44.4],[145.5,43.3],[144.1,43],[143.2,42],[141.6,42.7],[141.1,41.6],[140,41.6],[139.8,42.6],[140.3,43.3],[141.4,43.4],[141.7,44.8],[142,45.6],[143.1,44.5],[143.9,44.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-63.7,46.6],[-62.9,46.4],[-62,46.4],[-62.5,46],[-62.9,46],[-64.1,46.4],[-64.4,46.7],[-64,47],[-63.7,46.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-61.8,49.1],[-62.3,49.1],[-63.6,49.4],[-64.5,49.9],[-64.2,50],[-62.9,49.7],[-61.8,49.3],[-61.8,49.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-123.5,48.5],[-124,48.4],[-125.7,48.8],[-126,49.2],[-126.9,49.5],[-127,49.8],[-128.1,50],[-128.4,50.5],[-128.4,50.8],[-127.3,50.6],[-126.7,50.4],[-125.8,50.3],[-125.4,50],[-124.9,49.5],[-123.9,49.1],[-123.5,48.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-56.1,50.7],[-56.8,49.8],[-56.1,50.2],[-55.5,49.9],[-55.8,49.6],[-54.9,49.3],[-54.5,49.6],[-53.5,49.2],[-53.8,48.5],[-53.1,48.7],[-53,48.2],[-52.6,47.5],[-53.1,46.7],[-53.5,46.6],[-54.2,46.8],[-54,47.6],[-54.2,47.8],[-55.4,46.9],[-56,46.9],[-55.3,47.4],[-56.3,47.6],[-57.3,47.6],[-59.3,47.6],[-59.4,47.9],[-58.8,48.3],[-59.2,48.5],[-58.4,49.1],[-57.4,50.7],[-56.7,51.3],[-55.9,51.6],[-55.4,51.6],[-55.6,51.3],[-56.1,50.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-132.7,54],[-132.7,54],[-132.7,54],[-132.7,54],[-131.7,54.1],[-132,53],[-131.2,52.2],[-131.6,52.2],[-132.2,52.6],[-132.5,53.1],[-133.1,53.4],[-133.2,53.9],[-133.2,54.2],[-132.7,54]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[143.6,50.7],[144.7,49],[143.2,49.3],[142.6,47.9],[143.5,46.8],[143.5,46.1],[142.7,46.7],[142.1,46],[141.9,46.8],[142,47.8],[141.9,48.9],[142.1,49.6],[142.2,51],[141.6,51.9],[141.7,53.3],[142.6,53.8],[142.2,54.2],[142.7,54.4],[142.9,53.7],[143.3,52.7],[143.2,51.8],[143.6,50.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-6.8,52.3],[-8.6,51.7],[-10,51.8],[-9.2,52.9],[-9.7,53.9],[-8.3,54.7],[-7.6,55.1],[-6.7,55.2],[-5.7,54.6],[-6.2,53.9],[-6,53.2],[-6.8,52.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[12.7,55.6],[12.1,54.8],[11,55.4],[10.9,55.8],[12.4,56.1],[12.7,55.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-153,57.1],[-154,56.7],[-154.5,57],[-154.7,57.5],[-153.8,57.8],[-153.2,58],[-152.6,57.9],[-152.1,57.6],[-153,57.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-3,58.6],[-4.1,57.6],[-3.1,57.7],[-2,57.7],[-2.2,56.9],[-3.1,56],[-2.1,55.9],[-1.1,54.6],[-0.4,54.5],[0.2,53.3],[0.5,52.9],[1.7,52.7],[1.6,52.1],[1.1,51.8],[1.4,51.3],[0.6,50.8],[-0.8,50.8],[-2.5,50.5],[-3,50.7],[-3.6,50.2],[-4.5,50.3],[-5.2,50],[-5.8,50.2],[-4.3,51.2],[-3.4,51.4],[-5,51.6],[-5.3,52],[-4.2,52.3],[-4.8,52.8],[-4.6,53.5],[-3.1,53.4],[-2.9,54],[-3.6,54.6],[-4.8,54.8],[-5.1,55.1],[-4.7,55.5],[-5,55.8],[-5.6,55.3],[-5.6,56.3],[-6.1,56.8],[-5.8,57.8],[-5,58.6],[-4.2,58.6],[-3,58.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-165.6,59.9],[-166.2,59.8],[-166.8,59.9],[-167.5,60.2],[-166.5,60.4],[-165.7,60.3],[-165.6,59.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-79.3,62.2],[-79.7,61.6],[-80.1,61.7],[-80.4,62],[-80.3,62.1],[-79.9,62.4],[-79.5,62.4],[-79.3,62.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-81.9,62.7],[-83.1,62.2],[-83.8,62.2],[-84,62.5],[-83.3,62.9],[-81.9,62.9],[-81.9,62.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-171.7,63.8],[-171.1,63.6],[-170.5,63.7],[-169.7,63.4],[-168.7,63.3],[-168.8,63.2],[-169.5,63],[-170.3,63.2],[-170.7,63.4],[-171.6,63.3],[-171.8,63.4],[-171.7,63.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-85.2,65.7],[-85,65.2],[-84.5,65.4],[-83.9,65.1],[-82.8,64.8],[-81.6,64.5],[-81.6,64],[-80.8,64.1],[-80.1,63.7],[-81,63.4],[-82.5,63.7],[-83.1,64.1],[-84.1,63.6],[-85.5,63.1],[-85.9,63.6],[-87.2,63.5],[-86.4,64],[-86.2,64.8],[-85.9,65.7],[-85.2,65.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-14.5,66.5],[-14.7,65.8],[-13.6,65.1],[-14.9,64.4],[-17.8,63.7],[-18.7,63.5],[-20,63.6],[-22.8,64],[-21.8,64.4],[-24,64.9],[-22.2,65.1],[-22.2,65.4],[-24.3,65.6],[-23.7,66.3],[-22.1,66.4],[-20.6,65.7],[-19.1,66.3],[-17.8,66],[-16.2,66.5],[-14.5,66.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-75.9,67.1],[-77,67.1],[-77.2,67.6],[-76.8,68.1],[-75.9,68.3],[-75.1,68],[-75.1,67.6],[-75.2,67.4],[-75.9,67.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-175,66.6],[-174.3,66.3],[-174.6,67.1],[-171.9,66.9],[-169.9,66],[-170.9,65.5],[-172.5,65.4],[-172.6,64.5],[-173,64.3],[-173.9,64.3],[-174.7,64.6],[-176,64.9],[-176.2,65.4],[-177.2,65.5],[-178.4,65.4],[-178.9,65.7],[-178.7,66.1],[-179.9,65.9],[-179.4,65.4],[-180,65],[-180,69],[-177.5,68.2],[-174.9,67.2],[-175,66.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-95.6,69.1],[-96.3,68.8],[-97.6,69.1],[-98.4,69],[-99.8,69.4],[-98.9,69.7],[-98.2,70.1],[-97.2,69.9],[-96.6,69.7],[-96.3,69.5],[-95.6,69.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[180,70.8],[178.9,70.8],[178.7,71.1],[180,71.5],[180,70.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-178.7,70.9],[-180,70.8],[-180,71.5],[-179.9,71.6],[-179,71.6],[-177.6,71.3],[-177.7,71.1],[-178.7,70.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-90.5,69.5],[-90.6,68.5],[-89.2,69.3],[-88,68.6],[-88.3,67.9],[-87.4,67.2],[-86.3,67.9],[-85.6,68.8],[-85.5,69.9],[-84.1,69.8],[-82.6,69.7],[-81.3,69.2],[-81.2,68.7],[-82,68.1],[-81.3,67.6],[-81.4,67.1],[-83.3,66.4],[-84.7,66.3],[-85.8,66.6],[-86.1,66.1],[-87,65.2],[-87.3,64.8],[-88.5,64.1],[-89.9,64],[-90.7,63.6],[-90.8,63],[-91.9,62.8],[-93.2,62],[-94.2,60.9],[-94.6,60.1],[-94.7,58.9],[-93.2,58.8],[-92.8,57.8],[-92.3,57.1],[-90.9,57.3],[-89,56.9],[-88,56.5],[-87.3,56],[-86.1,55.7],[-85,55.3],[-83.4,55.2],[-82.3,55.1],[-82.4,54.3],[-82.1,53.3],[-81.4,52.2],[-79.9,51.2],[-79.1,51.5],[-78.6,52.6],[-79.1,54.1],[-79.8,54.7],[-78.2,55.1],[-77.1,55.8],[-76.5,56.5],[-76.6,57.2],[-77.3,58.1],[-78.5,58.8],[-77.3,59.9],[-77.8,60.8],[-78.1,62.3],[-77.4,62.6],[-75.7,62.3],[-74.7,62.2],[-73.8,62.4],[-72.9,62.1],[-71.7,61.5],[-71.4,61.1],[-69.6,61.1],[-69.6,60.2],[-69.3,59],[-68.4,58.8],[-67.6,58.2],[-66.2,58.8],[-65.2,59.9],[-64.6,60.3],[-63.8,59.4],[-62.5,58.2],[-61.4,57],[-61.8,56.3],[-60.5,55.8],[-59.6,55.2],[-58,54.9],[-57.3,54.6],[-56.9,53.8],[-56.2,53.6],[-55.8,53.3],[-55.7,52.1],[-56.4,51.8],[-57.1,51.4],[-58.8,51.1],[-60,50.2],[-61.7,50.1],[-63.9,50.3],[-65.4,50.3],[-66.4,50.2],[-67.2,49.5],[-68.5,49.1],[-70,47.7],[-71.1,46.8],[-70.3,47],[-68.7,48.3],[-66.6,49.1],[-65.1,49.2],[-64.2,48.7],[-65.1,48.1],[-64.8,47],[-64.5,46.2],[-63.2,45.7],[-61.5,45.9],[-60.5,47],[-60.4,46.3],[-59.8,45.9],[-61,45.3],[-63.3,44.7],[-64.2,44.3],[-65.4,43.5],[-66.1,43.6],[-66.2,44.5],[-64.4,45.3],[-66,45.3],[-67.1,45.1],[-67,44.8],[-68,44.3],[-69.1,44],[-70.1,43.7],[-70.7,43],[-70.8,42.9],[-70.8,42.3],[-70.5,41.8],[-70.1,41.8],[-70.2,42.1],[-69.9,41.9],[-70,41.6],[-70.6,41.5],[-71.1,41.5],[-71.9,41.3],[-72.3,41.3],[-72.9,41.2],[-73.7,40.9],[-72.2,41.1],[-71.9,40.9],[-73.3,40.6],[-74,40.6],[-74,40.8],[-74.3,40.5],[-74,40.4],[-74.2,39.7],[-74.9,38.9],[-75,39.2],[-75.2,39.2],[-75.5,39.5],[-75.3,39],[-75.1,38.8],[-75.1,38.4],[-75.4,38],[-75.9,37.2],[-76,37.3],[-75.7,37.9],[-76.2,38.3],[-76.3,39.2],[-76.5,38.7],[-76.3,38.1],[-77,38.2],[-76.3,37.9],[-76.3,37],[-76,36.9],[-75.9,36.6],[-75.7,35.6],[-76.4,34.8],[-77.4,34.5],[-78.1,33.9],[-78.6,33.9],[-79.1,33.5],[-79.2,33.2],[-80.3,32.5],[-80.9,32],[-81.3,31.4],[-81.5,30.7],[-81.3,30],[-81,29.2],[-80.5,28.5],[-80.5,28],[-80.1,26.9],[-80.1,26.2],[-80.1,25.8],[-80.4,25.2],[-80.7,25.1],[-81.2,25.2],[-81.3,25.6],[-81.7,25.9],[-82.2,26.7],[-82.7,27.5],[-82.9,27.9],[-82.7,28.6],[-82.9,29.1],[-83.7,29.9],[-84.1,30.1],[-85.1,29.6],[-85.3,29.7],[-85.8,30.2],[-86.4,30.4],[-87.5,30.3],[-88.4,30.4],[-89.2,30.3],[-89.6,30.2],[-89.4,29.9],[-89.4,29.5],[-89.2,29.3],[-89.4,29.2],[-89.8,29.3],[-90.2,29.1],[-90.9,29.1],[-91.6,29.7],[-92.5,29.6],[-93.2,29.8],[-93.8,29.7],[-94.7,29.5],[-95.6,28.7],[-96.6,28.3],[-97.1,27.8],[-97.4,27.4],[-97.4,26.7],[-97.3,26.2],[-97.1,25.9],[-97.1,25.9],[-97.1,25.9],[-97.5,25],[-97.7,24.3],[-97.8,22.9],[-97.9,22.4],[-97.7,21.9],[-97.4,21.4],[-97.2,20.6],[-96.5,19.9],[-96.3,19.3],[-95.9,18.8],[-94.8,18.6],[-94.4,18.1],[-93.5,18.4],[-92.8,18.5],[-92,18.7],[-91.4,18.9],[-90.8,19.3],[-90.5,19.9],[-90.5,20.7],[-90.3,21],[-89.6,21.3],[-88.5,21.5],[-87.7,21.5],[-87.1,21.5],[-86.8,21.3],[-86.8,20.8],[-87.4,20.3],[-87.6,19.6],[-87.4,19.5],[-87.6,19],[-87.8,18.3],[-88.1,18.5],[-88.3,18.5],[-88.3,18.4],[-88.1,18.3],[-88.1,18.1],[-88.3,17.6],[-88.2,17.5],[-88.3,17.1],[-88.2,17],[-88.4,16.5],[-88.6,16.3],[-88.7,16.2],[-88.9,15.9],[-88.6,15.7],[-88.5,15.9],[-88.2,15.7],[-88.1,15.7],[-87.9,15.9],[-87.6,15.9],[-87.5,15.8],[-87.4,15.8],[-86.9,15.8],[-86.4,15.8],[-86.1,15.9],[-86,16],[-85.7,16],[-85.4,15.9],[-85.2,15.9],[-85,16],[-84.5,15.9],[-84.4,15.8],[-84.1,15.6],[-83.8,15.4],[-83.4,15.3],[-83.1,15],[-83.2,14.9],[-83.3,14.7],[-83.2,14.3],[-83.4,14],[-83.5,13.6],[-83.6,13.1],[-83.5,12.9],[-83.5,12.4],[-83.6,12.3],[-83.7,11.9],[-83.7,11.6],[-83.9,11.4],[-83.8,11.1],[-83.7,10.9],[-83.4,10.4],[-83,10],[-82.5,9.6],[-82.2,9.2],[-82.2,9],[-81.8,9],[-81.7,9],[-81.4,8.8],[-80.9,8.9],[-80.5,9.1],[-79.9,9.3],[-79.6,9.6],[-79,9.6],[-79.1,9.5],[-78.5,9.4],[-78.1,9.2],[-77.7,8.9],[-77.4,8.7],[-76.8,8.6],[-76.1,9.3],[-75.7,9.4],[-75.7,9.8],[-75.5,10.6],[-74.9,11.1],[-74.3,11.1],[-74.2,11.3],[-73.4,11.2],[-72.6,11.7],[-72.2,12],[-71.8,12.4],[-71.4,12.4],[-71.1,12.1],[-71.3,11.8],[-71.4,11.5],[-71.9,11.4],[-71.6,11],[-71.6,10.4],[-72.1,9.9],[-71.7,9.1],[-71.3,9.1],[-71,9.9],[-71.4,10.2],[-71.4,11],[-70.2,11.4],[-70.3,11.8],[-69.9,12.2],[-69.6,11.5],[-68.9,11.4],[-68.2,10.9],[-68.2,10.6],[-67.3,10.5],[-66.2,10.6],[-65.7,10.2],[-64.9,10.1],[-64.3,10.4],[-64.3,10.6],[-63.1,10.7],[-61.9,10.7],[-62.7,10.4],[-62.4,9.9],[-61.6,9.9],[-60.8,9.4],[-60.7,8.6],[-60.2,8.6],[-59.8,8.4],[-59.1,8],[-58.5,7.3],[-58.5,6.8],[-58.1,6.8],[-57.5,6.3],[-57.1,6],[-55.9,5.8],[-55.8,6],[-55,6],[-54,5.8],[-53.6,5.6],[-52.9,5.4],[-51.8,4.6],[-51.7,4.2],[-51.3,4.2],[-51.1,3.7],[-50.5,1.9],[-50,1.7],[-49.9,1],[-50.7,0.2],[-50.4,-0.1],[-48.6,-0.2],[-48.6,-1.2],[-47.8,-0.6],[-46.6,-0.9],[-44.9,-1.6],[-44.4,-2.1],[-44.6,-2.7],[-43.4,-2.4],[-41.5,-2.9],[-40,-2.9],[-38.5,-3.7],[-37.2,-4.8],[-36.5,-5.1],[-35.6,-5.1],[-35.2,-5.5],[-34.9,-6.7],[-34.7,-7.3],[-35.1,-9],[-35.6,-9.6],[-37,-11],[-37.7,-12.2],[-38.4,-13],[-38.7,-13.1],[-39,-13.8],[-38.9,-15.7],[-39.2,-17.2],[-39.3,-17.9],[-39.6,-18.3],[-39.8,-19.6],[-40.8,-20.9],[-40.9,-21.9],[-41.8,-22.4],[-42,-23],[-43.1,-23],[-44.6,-23.4],[-45.4,-23.8],[-46.5,-24.1],[-47.6,-24.9],[-48.5,-25.9],[-48.6,-26.6],[-48.5,-27.2],[-48.7,-28.2],[-48.9,-28.7],[-49.6,-29.2],[-50.7,-31],[-51.6,-31.8],[-52.3,-32.2],[-52.7,-33.2],[-53.4,-33.8],[-53.8,-34.4],[-54.9,-35],[-55.7,-34.8],[-56.2,-34.9],[-57.1,-34.4],[-57.8,-34.5],[-58.4,-33.9],[-58.5,-34.4],[-57.2,-35.3],[-57.4,-36],[-56.7,-36.4],[-56.8,-36.9],[-57.7,-38.2],[-59.2,-38.7],[-61.2,-38.9],[-62.3,-38.8],[-62.1,-39.4],[-62.3,-40.2],[-62.1,-40.7],[-62.7,-41],[-63.8,-41.2],[-64.7,-40.8],[-65.1,-41.1],[-65,-42.1],[-64.3,-42.4],[-63.8,-42],[-63.5,-42.6],[-64.4,-42.9],[-65.2,-43.5],[-65.3,-44.5],[-65.6,-45],[-66.5,-45],[-67.3,-45.6],[-67.6,-46.3],[-66.6,-47],[-65.6,-47.2],[-66,-48.1],[-67.2,-48.7],[-67.8,-49.9],[-68.7,-50.3],[-69.1,-50.7],[-68.8,-51.8],[-68.2,-52.3],[-68.6,-52.3],[-69.5,-52.3],[-69.9,-52.5],[-70.8,-52.9],[-71,-53.8],[-71.4,-53.9],[-72.6,-53.5],[-73.7,-52.8],[-74.9,-52.3],[-75.3,-51.6],[-75,-51],[-75.5,-50.4],[-75.6,-48.7],[-75.2,-47.7],[-74.1,-46.9],[-75.6,-46.6],[-74.7,-45.8],[-74.4,-44.1],[-73.2,-44.5],[-72.7,-42.4],[-73.4,-42.1],[-73.7,-43.4],[-74.3,-43.2],[-74,-41.8],[-73.7,-39.9],[-73.2,-39.3],[-73.5,-38.3],[-73.6,-37.2],[-73.2,-37.1],[-72.6,-35.5],[-71.9,-33.9],[-71.4,-32.4],[-71.7,-30.9],[-71.4,-30.1],[-71.5,-28.9],[-70.9,-27.6],[-70.7,-25.7],[-70.4,-23.6],[-70.1,-21.4],[-70.2,-19.8],[-70.4,-18.3],[-71.4,-17.8],[-71.5,-17.4],[-73.4,-16.4],[-75.2,-15.3],[-76,-14.6],[-76.4,-13.8],[-76.3,-13.5],[-77.1,-12.2],[-78.1,-10.4],[-79,-8.4],[-79.4,-7.9],[-79.8,-7.2],[-80.5,-6.5],[-81.2,-6.1],[-80.9,-5.7],[-81.4,-4.7],[-81.1,-4],[-80.3,-3.4],[-79.8,-2.7],[-80,-2.2],[-80.4,-2.7],[-81,-2.2],[-80.8,-2],[-80.9,-1.1],[-80.6,-0.9],[-80.4,-0.3],[-80,0.4],[-80.1,0.8],[-79.5,1],[-78.9,1.4],[-79,1.7],[-78.6,1.8],[-78.7,2.3],[-78.4,2.6],[-77.9,2.7],[-77.5,3.3],[-77.1,3.8],[-77.5,4.1],[-77.3,4.7],[-77.5,5.6],[-77.3,5.8],[-77.5,6.7],[-77.9,7.2],[-78.2,7.5],[-78.4,8.1],[-78.2,8.3],[-78.4,8.4],[-78.6,8.7],[-79.1,9],[-79.6,8.9],[-79.8,8.6],[-80.2,8.3],[-80.4,8.3],[-80.5,8.1],[-80,7.5],[-80.3,7.4],[-80.4,7.3],[-80.9,7.2],[-81.1,7.8],[-81.2,7.6],[-81.5,7.7],[-81.7,8.1],[-82.1,8.2],[-82.4,8.3],[-82.8,8.3],[-82.9,8.1],[-83,8.2],[-83.5,8.4],[-83.7,8.7],[-83.6,8.8],[-83.6,9.1],[-83.9,9.3],[-84.3,9.5],[-84.6,9.6],[-84.7,9.9],[-85,10.1],[-84.9,9.8],[-85.1,9.6],[-85.3,9.8],[-85.7,9.9],[-85.8,10.1],[-85.8,10.4],[-85.7,10.8],[-85.9,10.9],[-85.7,11.1],[-86.1,11.4],[-86.5,11.8],[-86.7,12.1],[-87.2,12.5],[-87.7,12.9],[-87.6,13.1],[-87.4,12.9],[-87.3,13],[-87.5,13.3],[-87.8,13.4],[-87.9,13.1],[-88.5,13.2],[-88.8,13.3],[-89.3,13.5],[-89.8,13.5],[-90.1,13.7],[-90.6,13.9],[-91.2,13.9],[-91.7,14.1],[-92.2,14.5],[-93.4,15.6],[-93.9,15.9],[-94.7,16.2],[-95.3,16.1],[-96.1,15.8],[-96.6,15.7],[-97.3,15.9],[-98,16.1],[-98.9,16.6],[-99.7,16.7],[-100.8,17.2],[-101.7,17.6],[-101.9,17.9],[-102.5,18],[-103.5,18.3],[-103.9,18.7],[-105,19.3],[-105.5,19.9],[-105.7,20.4],[-105.4,20.5],[-105.5,20.8],[-105.3,21.1],[-105.3,21.4],[-105.6,21.9],[-105.7,22.3],[-106,22.8],[-106.9,23.8],[-107.9,24.5],[-108.4,25.2],[-109.3,25.6],[-109.4,25.8],[-109.3,26.4],[-109.8,26.7],[-110.4,27.2],[-110.6,27.9],[-111.2,27.9],[-111.8,28.5],[-112.2,29],[-112.3,29.3],[-112.8,30],[-113.2,30.8],[-113.1,31.2],[-113.9,31.6],[-114.2,31.5],[-114.8,31.8],[-114.9,31.4],[-114.8,30.9],[-114.7,30.2],[-114.3,29.8],[-113.6,29.1],[-113.4,28.8],[-113.3,28.8],[-113.1,28.4],[-113,28.4],[-112.8,27.8],[-112.5,27.5],[-112.2,27.2],[-111.6,26.7],[-111.3,25.7],[-111,25.3],[-110.7,24.8],[-110.7,24.3],[-110.2,24.3],[-109.8,23.8],[-109.4,23.4],[-109.4,23.2],[-109.9,22.8],[-110,22.8],[-110.3,23.4],[-110.9,24],[-111.7,24.5],[-112.2,24.7],[-112.1,25.5],[-112.3,26],[-112.8,26.3],[-113.5,26.8],[-113.6,26.6],[-113.8,26.9],[-114.5,27.1],[-115.1,27.7],[-115,27.8],[-114.6,27.7],[-114.2,28.1],[-114.2,28.6],[-114.9,29.3],[-115.5,29.6],[-115.9,30.2],[-116.3,30.8],[-116.7,31.6],[-117.1,32.5],[-117.3,33],[-117.9,33.6],[-118.4,33.7],[-118.5,34],[-119.1,34.1],[-119.4,34.3],[-120.4,34.4],[-120.6,34.6],[-120.7,35.2],[-121.7,36.2],[-122.5,37.6],[-122.5,37.8],[-123,38.1],[-123.7,39],[-123.9,39.8],[-124.4,40.3],[-124.2,41.1],[-124.2,42],[-124.5,42.8],[-124.1,43.7],[-123.9,45.5],[-124.1,46.9],[-124.4,47.7],[-124.7,48.2],[-124.6,48.4],[-123.1,48],[-122.6,47.1],[-122.3,47.4],[-122.5,48.2],[-122.8,49],[-123,49],[-124.9,50],[-125.6,50.4],[-127.4,50.8],[-128,51.7],[-127.9,52.3],[-129.1,52.8],[-129.3,53.6],[-130.5,54.3],[-130.5,54.8],[-131.1,55.2],[-132,55.5],[-132.2,56.4],[-133.5,57.2],[-134.1,58.1],[-135,58.2],[-136.6,58.2],[-137.8,58.5],[-139.9,59.5],[-140.8,59.7],[-142.6,60.1],[-144,60],[-145.9,60.5],[-147.1,60.9],[-148.2,60.7],[-148,60],[-148.6,59.9],[-149.7,59.7],[-150.6,59.4],[-151.7,59.2],[-151.9,59.7],[-151.4,60.7],[-150.3,61],[-150.6,61.3],[-151.9,60.7],[-152.6,60.1],[-154,59.4],[-153.3,58.9],[-154.2,58.1],[-155.3,57.7],[-156.3,57.4],[-156.6,57],[-158.1,56.5],[-158.4,56],[-159.6,55.6],[-160.3,55.6],[-161.2,55.4],[-162.2,55],[-163.1,54.7],[-164.8,54.4],[-164.9,54.6],[-163.8,55],[-162.9,55.3],[-161.8,55.9],[-160.6,56],[-160.1,56.4],[-158.7,57],[-158.5,57.2],[-157.7,57.6],[-157.6,58.3],[-157,58.9],[-158.2,58.6],[-158.5,58.8],[-159.1,58.4],[-159.7,58.9],[-160,58.6],[-160.4,59.1],[-161.4,58.7],[-162,58.7],[-162.1,59.3],[-161.9,59.6],[-162.5,60],[-163.8,59.8],[-164.7,60.3],[-165.3,60.5],[-165.4,61.1],[-166.1,61.5],[-165.7,62.1],[-164.9,62.6],[-164.6,63.1],[-163.8,63.2],[-163.1,63.1],[-162.3,63.5],[-161.5,63.5],[-160.8,63.8],[-161,64.2],[-161.5,64.4],[-160.8,64.8],[-161.4,64.8],[-162.5,64.6],[-162.8,64.3],[-163.5,64.6],[-165,64.4],[-166.4,64.7],[-166.8,65.1],[-168.1,65.7],[-166.7,66.1],[-164.5,66.6],[-163.7,66.6],[-163.8,66.1],[-161.7,66.1],[-162.5,66.7],[-163.7,67.1],[-164.4,67.6],[-165.4,68],[-166.8,68.4],[-166.2,68.9],[-164.4,68.9],[-163.2,69.4],[-162.9,69.9],[-161.9,70.3],[-160.9,70.4],[-159,70.9],[-158.1,70.8],[-156.6,71.4],[-155.1,71.1],[-154.3,70.7],[-153.9,70.9],[-152.2,70.8],[-152.3,70.6],[-150.7,70.4],[-149.7,70.5],[-147.6,70.2],[-145.7,70.1],[-144.9,70],[-143.6,70.2],[-142.1,69.9],[-141,69.7],[-139.1,69.5],[-137.5,69],[-136.5,68.9],[-135.6,69.3],[-134.4,69.6],[-132.9,69.5],[-131.4,69.9],[-129.8,70.2],[-129.1,69.8],[-128.4,70],[-128.1,70.5],[-127.4,70.4],[-125.8,69.5],[-124.4,70.2],[-124.3,69.4],[-123.1,69.6],[-122.7,69.9],[-121.5,69.8],[-119.9,69.4],[-117.6,69],[-116.2,68.8],[-115.2,68.9],[-113.9,68.4],[-115.3,67.9],[-113.5,67.7],[-110.8,67.8],[-109.9,68],[-108.9,67.4],[-107.8,67.9],[-108.8,68.3],[-108.2,68.7],[-107,68.7],[-106.2,68.8],[-105.3,68.6],[-104.3,68],[-103.2,68.1],[-101.5,67.6],[-99.9,67.8],[-98.4,67.8],[-98.6,68.4],[-97.7,68.6],[-96.1,68.2],[-96.1,67.3],[-95.5,68.1],[-94.7,68.1],[-94.2,69.1],[-95.3,69.7],[-96.5,70.1],[-96.4,71.2],[-95.2,71.9],[-93.9,71.8],[-92.9,71.3],[-91.5,70.2],[-92.4,69.7],[-90.5,69.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-114.2,73.1],[-114.7,72.7],[-112.4,73],[-111.1,72.5],[-109.9,73],[-109,72.6],[-108.2,71.7],[-107.7,72.1],[-108.4,73.1],[-107.5,73.2],[-106.5,73.1],[-105.4,72.7],[-104.8,71.7],[-104.5,71],[-102.8,70.5],[-101,70],[-101.1,69.6],[-102.7,69.5],[-102.1,69.1],[-102.4,68.8],[-104.2,68.9],[-106,69.2],[-107.1,69.1],[-109,68.8],[-112,68.6],[-113.3,68.5],[-113.9,69],[-115.2,69.3],[-116.1,69.2],[-117.3,70],[-116.7,70.1],[-115.1,70.2],[-113.7,70.2],[-112.4,70.4],[-114.3,70.6],[-116.5,70.5],[-117.9,70.5],[-118.4,70.9],[-116.1,71.3],[-117.7,71.3],[-119.4,71.6],[-118.6,72.3],[-117.9,72.7],[-115.2,73.3],[-114.2,73.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-104.5,73.4],[-105.4,72.8],[-106.9,73.5],[-106.6,73.6],[-105.3,73.6],[-104.5,73.4]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-76.3,73.1],[-76.3,72.8],[-77.3,72.9],[-78.4,72.9],[-79.5,72.7],[-79.8,72.8],[-80.9,73.3],[-80.8,73.7],[-80.4,73.8],[-78.1,73.7],[-76.3,73.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-86.6,73.2],[-85.8,72.5],[-84.9,73.3],[-82.3,73.8],[-80.6,72.7],[-80.7,72.1],[-78.8,72.4],[-77.8,72.7],[-75.6,72.2],[-74.2,71.8],[-74.1,71.3],[-72.2,71.6],[-71.2,70.9],[-68.8,70.5],[-67.9,70.1],[-67,69.2],[-68.8,68.7],[-66.4,68.1],[-64.9,67.8],[-63.4,66.9],[-61.9,66.9],[-62.2,66.2],[-63.9,65],[-65.1,65.4],[-66.7,66.4],[-68,66.3],[-68.1,65.7],[-67.1,65.1],[-65.7,64.6],[-65.3,64.4],[-64.7,63.4],[-65,62.7],[-66.3,62.9],[-68.8,63.7],[-67.4,62.9],[-66.3,62.3],[-66.2,61.9],[-68.9,62.3],[-71,62.9],[-72.2,63.4],[-71.9,63.7],[-73.4,64.2],[-74.8,64.7],[-74.8,64.4],[-77.7,64.2],[-78.6,64.6],[-77.9,65.3],[-76,65.3],[-74,65.5],[-74.3,65.8],[-73.9,66.3],[-72.7,67.3],[-72.9,67.7],[-73.3,68.1],[-74.8,68.6],[-76.9,68.9],[-76.2,69.1],[-77.3,69.8],[-78.2,69.8],[-79,70.2],[-79.5,69.9],[-81.3,69.7],[-84.9,70],[-87.1,70.3],[-88.7,70.4],[-89.5,70.8],[-88.5,71.2],[-89.9,71.2],[-90.2,72.2],[-89.4,73.1],[-88.4,73.5],[-85.8,73.8],[-86.6,73.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-100.4,73.8],[-99.2,73.6],[-97.4,73.8],[-97.1,73.5],[-98.1,73],[-96.5,72.6],[-96.7,71.7],[-98.4,71.3],[-99.3,71.4],[-100,71.7],[-102.5,72.5],[-102.5,72.8],[-100.4,72.7],[-101.5,73.4],[-100.4,73.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[143.6,73.2],[142.1,73.2],[140,73.3],[139.9,73.4],[140.8,73.8],[142.1,73.9],[143.5,73.5],[143.6,73.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-93.2,72.8],[-94.3,72],[-95.4,72.1],[-96,72.9],[-96,73.4],[-95.5,73.9],[-94.5,74.1],[-92.4,74.1],[-90.5,73.9],[-92,73],[-93.2,72.8]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-120.5,71.4],[-123.1,70.9],[-123.6,71.3],[-125.9,71.9],[-125.6,72.2],[-124.8,73],[-123.9,73.7],[-124.9,74.3],[-121.5,74.4],[-120.1,74.2],[-117.6,74.2],[-116.6,73.9],[-115.5,73.5],[-116.8,73.2],[-119.2,72.5],[-120.5,71.8],[-120.5,71.4]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[150.7,75.1],[149.6,74.7],[148,74.8],[146.1,75.2],[146.4,75.5],[148.2,75.3],[150.7,75.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-93.6,75],[-94.2,74.6],[-95.6,74.7],[-96.8,74.9],[-96.3,75.4],[-94.9,75.6],[-94,75.3],[-93.6,75]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[145.1,75.6],[144.3,74.8],[140.6,74.8],[139,74.6],[137,75.3],[137.5,75.9],[138.8,76.1],[141.5,76.1],[145.1,75.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-98.5,76.7],[-97.7,76.3],[-97.7,75.7],[-98.2,75],[-99.8,74.9],[-100.9,75.1],[-100.9,75.6],[-102.5,75.6],[-102.6,76.3],[-101.5,76.3],[-100,76.6],[-98.6,76.6],[-98.5,76.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-108.2,76.2],[-107.8,75.8],[-106.9,76],[-105.9,76],[-105.7,75.5],[-106.3,75],[-109.7,74.9],[-112.2,74.4],[-113.7,74.4],[-113.9,74.7],[-111.8,75.2],[-116.3,75],[-117.7,75.2],[-116.3,76.2],[-115.4,76.5],[-112.6,76.1],[-110.8,75.5],[-109.1,75.5],[-110.5,76.4],[-109.6,76.8],[-108.5,76.7],[-108.2,76.2]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[57.5,70.7],[56.9,70.6],[53.7,70.8],[53.4,71.2],[51.6,71.5],[51.5,72],[52.5,72.2],[52.4,72.8],[54.4,73.6],[53.5,73.7],[55.9,74.6],[55.6,75.1],[57.9,75.6],[61.2,76.3],[64.5,76.4],[66.2,76.8],[68.2,76.9],[68.9,76.5],[68.2,76.2],[64.6,75.7],[61.6,75.3],[58.5,74.3],[57,73.3],[55.4,72.4],[55.6,71.5],[57.5,70.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-94.7,77.1],[-93.6,76.8],[-91.6,76.8],[-90.7,76.4],[-91,76.1],[-89.8,75.8],[-89.2,75.6],[-87.8,75.6],[-86.4,75.5],[-84.8,75.7],[-82.8,75.8],[-81.1,75.7],[-80.1,75.3],[-79.8,74.9],[-80.5,74.7],[-81.9,74.4],[-83.2,74.6],[-86.1,74.4],[-88.2,74.4],[-89.8,74.5],[-92.4,74.8],[-92.8,75.4],[-92.9,75.9],[-93.9,76.3],[-96,76.4],[-97.1,76.8],[-96.7,77.2],[-94.7,77.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-116.2,77.6],[-116.3,76.9],[-117.1,76.5],[-118,76.5],[-119.9,76.1],[-121.5,75.9],[-122.9,76.1],[-122.9,76.1],[-121.2,76.9],[-119.1,77.5],[-117.6,77.5],[-116.2,77.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[107,77],[107.2,76.5],[108.2,76.7],[111.1,76.7],[113.3,76.2],[114.1,75.8],[113.9,75.3],[112.8,75],[110.2,74.5],[109.4,74.2],[110.6,74],[112.1,73.8],[113,74],[113.5,73.3],[114,73.6],[115.6,73.8],[118.8,73.6],[119,73.1],[123.2,73],[123.3,73.7],[125.4,73.6],[127,73.6],[128.6,73],[129.1,72.4],[128.5,72],[129.7,71.2],[131.3,70.8],[132.3,71.8],[133.9,71.4],[135.6,71.7],[137.5,71.3],[138.2,71.6],[139.9,71.5],[139.1,72.4],[140.5,72.8],[149.5,72.2],[150.4,71.6],[153,70.8],[157,71],[159,70.9],[159.8,70.5],[159.7,69.7],[160.9,69.4],[162.3,69.6],[164.1,69.7],[165.9,69.5],[167.8,69.6],[169.6,68.7],[170.8,69],[170,69.7],[170.5,70.1],[173.6,69.8],[175.7,69.9],[178.6,69.4],[180,69],[180,65],[180,65],[178.7,64.5],[177.4,64.6],[178.3,64.1],[178.9,63.3],[179.4,63],[179.5,62.6],[179.2,62.3],[177.4,62.5],[174.6,61.8],[173.7,61.7],[172.2,61],[170.7,60.3],[170.3,59.9],[168.9,60.6],[166.3,59.8],[165.8,60.2],[164.9,59.7],[163.5,59.9],[163.2,59.2],[162,58.2],[162.1,57.8],[163.2,57.6],[163.1,56.2],[162.1,56.1],[161.7,55.3],[162.1,54.9],[160.4,54.3],[160,53.2],[158.5,53],[158.2,51.9],[156.8,51],[156.4,51.7],[156,53.2],[155.4,55.4],[155.9,56.8],[156.8,57.4],[156.8,57.8],[158.4,58.1],[160.2,59.3],[161.9,60.3],[163.7,61.1],[164.5,62.6],[163.3,62.5],[162.7,61.6],[160.1,60.5],[159.3,61.8],[156.7,61.4],[154.2,59.8],[155,59.1],[152.8,58.9],[151.3,58.8],[151.3,59.5],[149.8,59.7],[148.5,59.2],[145.5,59.3],[142.2,59],[139,57.1],[135.1,54.7],[136.7,54.6],[137.2,54],[138.2,53.8],[138.8,54.3],[139.9,54.2],[141.3,53.1],[141.4,52.2],[140.6,51.2],[140.5,50],[140.1,48.4],[138.6,47],[138.2,46.3],[136.9,45.1],[135.5,44],[134.9,43.4],[133.5,42.8],[132.9,42.8],[132.3,43.3],[130.9,42.6],[130.8,42.2],[130.4,42.3],[130,41.9],[129.7,41.6],[129.7,40.9],[129.2,40.7],[129,40.5],[128.6,40.2],[128,40],[127.5,39.8],[127.5,39.3],[127.4,39.2],[127.8,39.1],[128.3,38.6],[129.2,37.4],[129.5,36.8],[129.5,35.6],[129.1,35.1],[128.2,34.9],[127.4,34.5],[126.5,34.4],[126.4,34.9],[126.6,35.7],[126.1,36.7],[126.9,36.9],[126.2,37.7],[125.7,37.9],[125.6,37.8],[125.3,37.7],[125.2,37.9],[125,37.9],[124.7,38.1],[125,38.5],[125.2,38.7],[125.1,38.8],[125.4,39.4],[125.3,39.6],[124.7,39.7],[124.3,39.9],[122.9,39.6],[122.1,39.2],[121.1,38.9],[121.6,39.4],[121.4,39.8],[122.2,40.4],[121.6,40.9],[120.8,40.6],[119.6,39.9],[119,39.3],[118,39.2],[117.5,38.7],[118.1,38.1],[118.9,37.9],[118.9,37.4],[119.7,37.2],[120.8,37.9],[121.7,37.5],[122.4,37.5],[122.5,36.9],[121.1,36.7],[120.6,36.1],[119.7,35.6],[119.2,34.9],[120.2,34.4],[120.6,33.4],[121.2,32.5],[121.9,31.7],[121.9,30.9],[121.3,30.7],[121.5,30.1],[122.1,29.8],[121.9,29],[121.7,28.2],[121.1,28.1],[120.4,27.1],[119.6,25.7],[118.7,24.5],[117.3,23.6],[115.9,22.8],[114.8,22.7],[114.2,22.2],[113.8,22.5],[113.2,22.1],[111.8,21.6],[110.8,21.4],[110.4,20.3],[109.9,20.3],[109.6,21],[109.9,21.4],[108.5,21.7],[108.1,21.6],[106.7,20.7],[105.9,19.8],[105.7,19.1],[106.4,18],[107.4,16.7],[108.3,16.1],[108.9,15.3],[109.3,13.4],[109.2,11.7],[108.4,11],[107.2,10.4],[106.4,9.5],[105.2,8.6],[104.8,9.2],[105.1,9.9],[104.3,10.5],[103.5,10.6],[103.1,11.2],[102.6,12.2],[101.7,12.6],[100.8,12.6],[101,13.4],[100.1,13.4],[100,12.3],[99.5,10.8],[99.2,10],[99.2,9.2],[99.9,9.2],[100.3,8.3],[100.5,7.4],[101,6.9],[101.6,6.7],[102.1,6.2],[102.4,6.1],[103,5.5],[103.4,4.9],[103.4,4.2],[103.3,3.7],[103.4,3.4],[103.5,2.8],[103.9,2.5],[104.2,1.6],[104.2,1.3],[103.5,1.2],[102.6,2],[101.4,2.8],[101.3,3.3],[100.7,3.9],[100.6,4.8],[100.2,5.3],[100.3,6],[100.1,6.5],[99.7,6.8],[99.5,7.3],[99,7.9],[98.5,8.4],[98.3,7.8],[98.2,8.4],[98.3,9],[98.6,9.9],[98.5,10.7],[98.8,11.4],[98.4,12],[98.5,13.1],[98.1,13.6],[97.8,14.8],[97.6,16.1],[97.2,16.9],[96.5,16.4],[95.4,15.7],[94.8,15.8],[94.2,16],[94.5,17.3],[94.3,18.2],[93.5,19.4],[93.7,19.7],[93.1,19.9],[92.4,20.7],[92.1,21.2],[92,21.7],[91.8,22.2],[91.4,22.8],[90.5,22.8],[90.6,22.4],[90.3,21.8],[89.8,22],[89.7,21.9],[89.4,22],[89,22.1],[88.9,21.7],[88.2,21.7],[87,21.5],[87,20.7],[86.5,20.2],[85.1,19.5],[83.9,18.3],[83.2,17.7],[82.2,17],[82.2,16.6],[81.7,16.3],[80.8,16],[80.3,15.9],[80,15.1],[80.2,13.8],[80.3,13],[79.9,12.1],[79.9,10.4],[79.3,10.3],[78.9,9.5],[79.2,9.2],[78.3,8.9],[77.9,8.3],[77.5,8],[76.6,8.9],[76.1,10.3],[75.7,11.3],[75.4,11.8],[74.9,12.7],[74.6,14],[74.4,14.6],[73.5,16],[73.1,17.9],[72.8,19.2],[72.8,20.4],[72.6,21.4],[71.2,20.8],[70.5,20.9],[69.2,22.1],[69.6,22.5],[69.3,22.8],[68.2,23.7],[67.4,23.9],[67.1,24.7],[66.4,25.4],[64.5,25.2],[62.9,25.2],[61.5,25.1],[59.6,25.4],[58.5,25.6],[57.4,25.7],[57,27],[56.5,27.1],[55.7,27],[54.7,26.5],[53.5,26.8],[52.5,27.6],[51.5,27.9],[50.9,28.8],[50.1,30.1],[49.6,30],[48.9,30.3],[48.6,29.9],[48,30],[48.2,29.5],[48.1,29.3],[48.4,28.6],[48.8,27.7],[49.3,27.5],[49.5,27.1],[50.2,26.7],[50.2,26.3],[50.1,25.9],[50.2,25.6],[50.5,25.3],[50.7,25],[50.8,24.8],[50.7,25.5],[51,26],[51.3,26.1],[51.6,25.8],[51.6,25.2],[51.4,24.6],[51.6,24.2],[51.8,24.3],[51.8,24],[52.6,24.2],[53.4,24.2],[54,24.1],[54.7,24.8],[55.4,25.4],[56.1,26.1],[56.4,26.4],[56.5,26.3],[56.4,25.9],[56.3,25.7],[56.4,24.9],[56.8,24.2],[57.4,23.9],[58.1,23.7],[58.7,23.6],[59.2,23],[59.5,22.7],[59.8,22.5],[59.8,22.3],[59.4,21.7],[59.3,21.4],[58.9,21.1],[58.5,20.4],[58,20.5],[57.8,20.2],[57.7,19.7],[57.8,19.1],[57.7,18.9],[57.2,18.9],[56.6,18.6],[56.5,18.1],[56.3,17.9],[55.7,17.9],[55.3,17.6],[55.3,17.2],[54.8,17],[54.2,17],[53.6,16.7],[53.1,16.7],[52.4,16.4],[52.2,15.9],[52.2,15.6],[51.2,15.2],[49.6,14.7],[48.7,14],[48.2,13.9],[47.9,14],[47.4,13.6],[46.7,13.4],[45.9,13.3],[45.6,13.3],[45.4,13],[45.1,13],[45,12.7],[44.5,12.7],[44.2,12.6],[43.5,12.6],[43.2,13.2],[43.3,13.8],[43.1,14.1],[42.9,14.8],[42.6,15.2],[42.8,15.3],[42.7,15.7],[42.8,15.9],[42.8,16.3],[42.6,16.8],[42.3,17.1],[42.3,17.5],[41.8,17.8],[41.2,18.7],[40.9,19.5],[40.2,20.2],[39.8,20.3],[39.1,21.3],[39,22],[39.1,22.6],[38.5,23.7],[38,24.1],[37.5,24.3],[37.2,24.9],[37.2,25.1],[36.9,25.6],[36.6,25.8],[36.2,26.6],[35.6,27.4],[35.1,28.1],[34.6,28.1],[34.8,28.6],[34.8,29],[35,29.4],[34.9,29.5],[34.6,29.1],[34.4,28.3],[34.2,27.8],[33.9,27.6],[33.6,28],[33.1,28.4],[32.4,29.9],[32.3,29.8],[32.7,28.7],[33.3,27.7],[34.1,26.1],[34.5,25.6],[34.8,25],[35.7,23.9],[35.5,23.8],[35.5,23.1],[36.7,22.2],[36.9,22],[37.2,21],[37,20.8],[37.1,19.8],[37.5,18.6],[37.9,18.4],[38.4,18],[39,16.8],[39.3,15.9],[39.8,15.4],[41.2,14.5],[41.7,13.9],[42.3,13.3],[42.6,13],[43.1,12.7],[43.3,12.4],[43.3,12],[42.7,11.7],[43.1,11.5],[43.5,11.3],[43.7,10.9],[44.1,10.4],[44.6,10.4],[45.6,10.7],[46.6,10.8],[47.5,11.1],[48,11.2],[48.4,11.4],[48.9,11.4],[49.3,11.4],[49.7,11.6],[50.3,11.7],[50.7,12],[51.1,12],[51.1,11.7],[51,11.2],[51,10.6],[50.8,10.3],[50.6,9.2],[50.1,8.1],[49.5,6.8],[48.6,5.3],[47.7,4.2],[46.6,2.9],[45.6,2],[44.1,1.1],[43.1,0.3],[42,-0.9],[41.8,-1.4],[41.6,-1.7],[40.9,-2.1],[40.6,-2.5],[40.3,-2.6],[40.1,-3.3],[39.8,-3.7],[39.6,-4.3],[39.2,-4.7],[38.7,-5.9],[38.8,-6.5],[39.4,-6.8],[39.5,-7.1],[39.2,-7.7],[39.3,-8],[39.2,-8.5],[39.5,-9.1],[39.9,-10.1],[40.3,-10.3],[40.5,-10.8],[40.4,-11.8],[40.6,-12.6],[40.6,-14.2],[40.8,-14.7],[40.5,-15.4],[40.1,-16.1],[39.5,-16.7],[38.5,-17.1],[37.4,-17.6],[36.3,-18.7],[35.9,-18.8],[35.2,-19.6],[34.8,-19.8],[34.7,-20.5],[35.2,-21.3],[35.4,-21.8],[35.4,-22.1],[35.6,-22.1],[35.5,-23.1],[35.4,-23.5],[35.6,-23.7],[35.5,-24.1],[35,-24.5],[34.2,-24.8],[33,-25.4],[32.6,-25.7],[32.7,-26.1],[32.9,-26.2],[32.8,-26.7],[32.6,-27.5],[32.5,-28.3],[32.2,-28.8],[31.5,-29.3],[31.3,-29.4],[30.9,-29.9],[30.6,-30.4],[30.1,-31.1],[28.9,-32.2],[28.2,-32.8],[27.5,-33.2],[26.4,-33.6],[25.9,-33.7],[25.8,-33.9],[25.2,-33.8],[24.7,-34],[23.6,-33.8],[23,-33.9],[22.6,-33.9],[21.5,-34.3],[20.7,-34.4],[20.1,-34.8],[19.6,-34.8],[19.2,-34.5],[18.9,-34.4],[18.4,-34],[18.4,-34.1],[18.2,-33.9],[18.3,-33.3],[17.9,-32.6],[18.2,-32.4],[18.2,-31.7],[17.6,-30.7],[17.1,-29.9],[17.1,-29.9],[16.3,-28.6],[15.6,-27.8],[15.2,-27.1],[15,-26.1],[14.7,-25.4],[14.4,-23.9],[14.4,-22.7],[14.3,-22.1],[13.9,-21.7],[13.4,-20.9],[12.8,-19.7],[12.6,-19],[11.8,-18.1],[11.7,-17.3],[11.6,-16.7],[11.8,-15.8],[12.1,-14.9],[12.2,-14.4],[12.5,-13.5],[12.7,-13.1],[13.3,-12.5],[13.6,-12],[13.7,-11.3],[13.7,-10.7],[13.4,-10.4],[13.1,-9.8],[12.9,-9.2],[12.9,-9],[13.2,-8.6],[12.9,-7.6],[12.7,-6.9],[12.2,-6.3],[12.3,-6.1],[12.2,-5.8],[11.9,-5],[11.1,-4],[10.1,-3],[9.4,-2.1],[8.8,-1.1],[8.8,-0.8],[9,-0.5],[9.3,0.3],[9.5,1],[9.3,1.2],[9.6,2.3],[9.8,3.1],[9.4,3.7],[8.9,3.9],[8.7,4.4],[8.5,4.5],[8.5,4.8],[7.5,4.4],[7.1,4.5],[6.7,4.2],[5.9,4.3],[5.4,4.9],[5,5.6],[4.3,6.3],[3.6,6.3],[2.7,6.3],[1.9,6.1],[1.1,5.9],[-0.5,5.3],[-1.1,5],[-2,4.7],[-2.9,5],[-3.3,5],[-4,5.2],[-4.6,5.2],[-5.8,5],[-6.5,4.7],[-7.5,4.3],[-7.7,4.4],[-8,4.4],[-9,4.8],[-9.9,5.6],[-10.8,6.1],[-11.4,6.8],[-11.7,6.9],[-12.4,7.3],[-12.9,7.8],[-13.1,8.2],[-13.2,8.9],[-13.7,9.5],[-14.1,9.9],[-14.3,10],[-14.6,10.2],[-14.7,10.7],[-14.8,10.9],[-15.1,11],[-15.7,11.5],[-16.1,11.5],[-16.3,11.8],[-16.3,12],[-16.6,12.2],[-16.7,12.4],[-16.8,13.2],[-16.7,13.6],[-17.1,14.4],[-17.6,14.7],[-17.2,14.9],[-16.7,15.6],[-16.5,16.1],[-16.5,16.7],[-16.3,17.2],[-16.1,18.1],[-16.3,19.1],[-16.4,19.6],[-16.3,20.1],[-16.5,20.6],[-17.1,21],[-17,21.4],[-17,21.9],[-16.6,22.2],[-16.3,22.7],[-16.3,23],[-16,23.7],[-15.4,24.4],[-15.1,24.5],[-14.8,25.1],[-14.8,25.6],[-14.4,26.3],[-13.8,26.6],[-13.1,27.6],[-12.6,28],[-11.7,28.1],[-10.9,28.8],[-10.4,29.1],[-9.6,29.9],[-9.8,31.2],[-9.4,32],[-9.3,32.6],[-8.7,33.2],[-7.7,33.7],[-6.9,34.1],[-6.2,35.1],[-5.9,35.8],[-5.2,35.8],[-4.6,35.3],[-3.6,35.4],[-2.6,35.2],[-2.2,35.2],[-1.2,35.7],[-0.1,35.9],[0.5,36.3],[1.5,36.6],[3.2,36.8],[4.8,36.9],[5.3,36.7],[6.3,37.1],[7.3,37.1],[7.7,36.9],[8.4,36.9],[9.5,37.4],[10.2,37.2],[10.2,36.7],[11,37.1],[11.1,36.9],[10.6,36.4],[10.6,35.9],[10.9,35.7],[10.8,34.8],[10.1,34.3],[10.3,33.8],[10.9,33.8],[11.1,33.3],[11.5,33.1],[12.7,32.8],[13.1,32.9],[13.9,32.7],[15.2,32.3],[15.7,31.4],[16.6,31.2],[18,30.8],[19.1,30.3],[19.6,30.5],[20.1,31],[19.8,31.8],[20.1,32.2],[20.9,32.7],[21.5,32.8],[22.9,32.6],[23.2,32.2],[23.6,32.2],[23.9,32],[24.9,31.9],[25.2,31.6],[26.5,31.6],[27.5,31.3],[28.5,31],[28.9,30.9],[29.7,31.2],[30.1,31.5],[31,31.6],[31.7,31.4],[32,30.9],[32.2,31.3],[33,31],[33.8,31],[34.3,31.2],[34.6,31.5],[34.5,31.6],[34.8,32.1],[35,32.8],[35.1,33.1],[35.1,33.1],[35.5,33.9],[36,34.6],[36,34.6],[35.9,35.4],[36.1,35.8],[35.8,36.3],[36.2,36.7],[35.6,36.6],[34.7,36.8],[34,36.2],[32.5,36.1],[31.7,36.6],[30.6,36.7],[30.4,36.3],[29.7,36.1],[28.7,36.7],[27.6,36.7],[27,37.7],[26.3,38.2],[26.8,39],[26.2,39.5],[27.3,40.4],[28.8,40.5],[29.2,41.2],[31.1,41.1],[32.3,41.7],[33.5,42],[35.2,42],[36.9,41.3],[38.3,40.9],[39.5,41.1],[40.4,41],[41.6,41.5],[41.7,42],[41.5,42.6],[40.9,43],[40.3,43.1],[40,43.4],[38.7,44.3],[37.5,44.7],[36.7,45.2],[37.4,45.4],[38.2,46.2],[37.7,46.6],[39.1,47],[39.1,47.3],[38.2,47.1],[37.4,47],[36.8,46.7],[35.8,46.6],[35,46.3],[35,45.7],[35.5,45.4],[36.5,45.5],[36.3,45.1],[35.2,44.9],[33.9,44.4],[33.3,44.6],[33.5,45],[32.5,45.3],[32.6,45.5],[33.6,45.9],[33.3,46.1],[31.7,46.3],[31.7,46.7],[30.7,46.6],[30.4,46],[29.6,45.3],[29.6,45],[29.1,44.8],[28.8,44.9],[28.6,43.7],[28,43.3],[27.7,42.6],[28,42],[28.1,41.6],[29,41.3],[28.8,41.1],[27.6,41],[27.2,40.7],[26.4,40.2],[26,40.6],[26.1,40.8],[25.4,40.9],[24.9,40.9],[23.7,40.7],[24.4,40.1],[23.9,40],[23.3,40],[22.8,40.5],[22.6,40.3],[22.8,39.7],[23.4,39.2],[23,39],[23.5,38.5],[24,38.2],[24,37.7],[23.1,37.9],[23.4,37.4],[22.8,37.3],[23.2,36.4],[22.5,36.4],[21.7,36.8],[21.3,37.6],[21.1,38.3],[20.7,38.8],[20.2,39.3],[20.2,39.6],[20,39.7],[20,39.9],[19.4,40.3],[19.3,40.7],[19.4,41.4],[19.5,41.7],[19.4,41.9],[19.2,42],[18.9,42.3],[18.5,42.5],[17.5,42.9],[16.9,43.2],[16,43.5],[15.2,44.2],[15.4,44.3],[14.9,44.7],[14.9,45.1],[14.3,45.2],[14,44.8],[13.7,45.1],[13.7,45.5],[13.7,45.5],[13.9,45.6],[13.1,45.7],[12.3,45.4],[12.4,44.9],[12.3,44.6],[12.6,44.1],[13.5,43.6],[14,42.8],[15.1,42],[15.9,42],[16.2,41.7],[15.9,41.5],[16.8,41.2],[17.5,40.9],[18.4,40.4],[18.5,40.2],[18.3,39.8],[17.7,40.3],[16.9,40.4],[16.4,39.8],[17.2,39.4],[17.1,38.9],[16.6,38.8],[16.1,38],[15.7,37.9],[15.7,38.2],[15.9,38.8],[16.1,39],[15.7,39.5],[15.4,40],[15,40.2],[14.7,40.6],[14.1,40.8],[13.6,41.2],[12.9,41.3],[12.1,41.7],[11.2,42.4],[10.5,42.9],[10.2,43.9],[9.7,44],[8.9,44.4],[8.4,44.2],[7.9,43.8],[7.4,43.7],[6.5,43.1],[4.6,43.4],[3.1,43.1],[3,42.5],[3,41.9],[2.1,41.2],[0.8,41],[0.7,40.7],[0.1,40.1],[-0.3,39.3],[0.1,38.7],[-0.5,38.3],[-0.7,37.6],[-1.4,37.4],[-2.1,36.7],[-3.4,36.7],[-4.4,36.7],[-5,36.3],[-5.4,35.9],[-5.9,36],[-6.2,36.4],[-6.5,36.9],[-7.5,37.1],[-7.9,36.8],[-8.4,37],[-8.9,36.9],[-8.7,37.7],[-8.8,38.3],[-9.3,38.4],[-9.5,38.7],[-9.4,39.4],[-9,39.8],[-9,40.2],[-8.8,40.8],[-8.8,41.2],[-9,41.5],[-9,41.9],[-9,42.6],[-9.4,43],[-8,43.7],[-6.8,43.6],[-5.4,43.6],[-4.3,43.4],[-3.5,43.5],[-1.9,43.4],[-1.4,44],[-1.2,46],[-2.2,47.1],[-3,47.6],[-4.5,48],[-4.6,48.7],[-3.3,48.9],[-1.6,48.6],[-1.9,49.8],[-1,49.3],[1.3,50.1],[1.6,50.9],[2.5,51.1],[3.3,51.3],[3.8,51.6],[4.7,53.1],[6.1,53.5],[6.9,53.5],[7.1,53.7],[7.9,53.7],[8.1,53.5],[8.8,54],[8.6,54.4],[8.5,55],[8.1,55.5],[8.1,56.5],[8.3,56.8],[8.5,57.1],[9.4,57.2],[9.8,57.4],[10.6,57.7],[10.5,57.2],[10.3,56.9],[10.4,56.6],[10.9,56.5],[10.7,56.1],[10.4,56.2],[9.7,55.5],[9.9,55],[9.9,54.6],[11,54.4],[10.9,54],[12,54.2],[12.5,54.5],[13.6,54.1],[14.1,53.8],[14.8,54.1],[16.4,54.5],[17.6,54.9],[18.6,54.7],[18.7,54.4],[19.7,54.4],[19.9,54.9],[21.3,55.2],[21.1,56],[21.1,56.8],[21.6,57.4],[22.5,57.8],[23.3,57],[24.1,57],[24.3,57.8],[24.4,58.4],[24.1,58.3],[23.4,58.6],[23.3,59.2],[24.6,59.5],[25.9,59.6],[26.9,59.4],[28,59.5],[29.1,60],[28.1,60.5],[26.3,60.4],[24.5,60.1],[22.9,59.8],[22.3,60.4],[21.3,60.7],[21.5,61.7],[21.1,62.6],[21.5,63.2],[22.4,63.8],[24.7,64.9],[25.4,65.1],[25.3,65.5],[23.9,66],[22.2,65.7],[21.2,65],[21.4,64.4],[19.8,63.6],[17.8,62.7],[17.1,61.3],[17.8,60.6],[18.8,60.1],[17.9,59],[16.8,58.7],[16.4,57],[15.9,56.1],[14.7,56.2],[14.1,55.4],[12.9,55.4],[12.6,56.3],[11.8,57.4],[11,58.9],[10.4,59.5],[8.4,58.3],[7,58.1],[5.7,58.6],[5.3,59.7],[5,62],[5.9,62.6],[8.6,63.5],[10.5,64.5],[12.4,65.9],[14.8,67.8],[16.4,68.6],[19.2,69.8],[21.4,70.3],[23,70.2],[24.5,71],[26.4,71],[28.2,71.2],[31.3,70.5],[30,70.2],[31.1,69.6],[32.1,69.9],[33.8,69.3],[36.5,69.1],[40.3,67.9],[41.1,67.5],[41.1,66.8],[40,66.3],[38.4,66],[33.9,66.8],[33.2,66.6],[34.8,65.9],[34.9,64.4],[36.2,64.1],[37,63.8],[37.1,64.3],[36.5,64.8],[37.2,65.1],[39.6,64.5],[40.4,64.8],[39.8,65.5],[42.1,66.5],[43,66.4],[43.9,66.1],[44.5,66.8],[43.7,67.4],[44.2,68],[43.5,68.6],[46.3,68.3],[46.8,67.7],[45.6,67.6],[45.6,67],[46.3,66.7],[47.9,66.9],[48.1,67.5],[50.2,68],[53.7,68.9],[54.5,68.8],[53.5,68.2],[54.7,68.1],[55.4,68.4],[57.3,68.5],[58.8,68.9],[59.9,68.3],[61.1,68.9],[60,69.5],[60.6,69.9],[63.5,69.5],[64.9,69.2],[68.5,68.1],[69.2,68.6],[68.2,69.1],[68.1,69.4],[66.9,69.5],[67.3,69.9],[66.7,70.7],[66.7,71],[68.5,71.9],[69.2,72.8],[69.9,73],[72.6,72.8],[72.8,72.2],[71.8,71.4],[72.5,71.1],[72.8,70.4],[72.6,69],[73.7,68.4],[73.2,67.7],[71.3,66.3],[72.4,66.2],[72.8,66.5],[73.9,66.8],[74.2,67.3],[75.1,67.8],[74.5,68.3],[74.9,69],[73.8,69.1],[73.6,69.6],[74.4,70.6],[73.1,71.4],[74.9,72.1],[74.7,72.8],[75.2,72.9],[75.7,72.3],[75.3,71.3],[76.4,71.2],[75.9,71.9],[77.6,72.3],[79.7,72.3],[81.5,71.8],[80.6,72.6],[80.5,73.6],[82.3,73.9],[84.7,73.8],[86.8,73.9],[86,74.5],[87.2,75.1],[88.3,75.1],[90.3,75.6],[92.9,75.8],[93.2,76],[95.9,76.1],[96.7,75.9],[98.9,76.4],[100.8,76.4],[101,76.9],[102,77.3],[104.4,77.7],[106.1,77.4],[104.7,77.1],[107,77]],[[49.1,41.3],[49.6,40.6],[50.1,40.5],[50.4,40.3],[49.6,40.2],[49.4,39.4],[49.2,39],[48.9,38.8],[48.9,38.3],[49.2,37.6],[50.1,37.4],[50.8,36.9],[52.3,36.7],[53.8,37],[53.9,37.2],[53.7,37.9],[53.9,39],[53.1,39.3],[53.4,40],[52.7,40],[52.9,40.9],[53.9,40.6],[54.7,41],[54,41.6],[53.7,42.1],[52.9,41.9],[52.8,41.1],[52.5,41.8],[52.4,42],[52.7,42.4],[52.5,42.8],[51.3,43.1],[50.9,44],[50.3,44.3],[50.3,44.6],[51.3,44.5],[51.3,45.2],[52.2,45.4],[53,45.3],[53.2,46.2],[53,46.9],[52,46.8],[51.2,47],[50,46.6],[49.1,46.4],[48.6,45.8],[47.7,45.6],[46.7,44.6],[47.6,43.7],[47.5,43],[48.6,41.8],[49.1,41.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-93.8,77.5],[-94.3,77.5],[-96.2,77.6],[-96.4,77.8],[-94.4,77.8],[-93.7,77.6],[-93.8,77.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-110.2,77.7],[-112.1,77.4],[-113.5,77.7],[-112.7,78.1],[-111.3,78.2],[-109.9,78],[-110.2,77.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[24.7,77.9],[22.5,77.4],[20.7,77.7],[21.4,77.9],[20.8,78.3],[22.9,78.5],[23.3,78.1],[24.7,77.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-109.7,78.6],[-110.9,78.4],[-112.5,78.4],[-112.5,78.6],[-111.5,78.8],[-111,78.8],[-109.7,78.6]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-95.8,78.1],[-97.3,77.9],[-98.1,78.1],[-98.6,78.5],[-98.6,78.9],[-97.3,78.8],[-96.8,78.8],[-95.6,78.4],[-95.8,78.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-100.1,78.3],[-99.7,77.9],[-101.3,78],[-102.9,78.3],[-105.2,78.4],[-104.2,78.7],[-105.4,78.9],[-105.5,79.3],[-103.5,79.2],[-100.8,78.8],[-100.1,78.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[105.1,78.3],[99.4,77.9],[101.3,79.2],[102.1,79.3],[102.8,79.3],[105.4,78.7],[105.1,78.3]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[18.3,79.7],[21.5,79],[19,78.6],[18.5,77.8],[17.6,77.6],[17.1,76.8],[15.9,76.8],[13.8,77.4],[14.7,77.7],[13.2,78],[11.2,78.9],[10.4,79.7],[13.2,80],[13.7,79.7],[15.1,79.7],[15.5,80],[17,80.1],[18.3,79.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[25.4,80.4],[27.4,80.1],[25.9,79.5],[23,79.4],[20.1,79.6],[19.9,79.8],[18.5,79.9],[17.4,80.3],[20.5,80.6],[21.9,80.4],[22.9,80.7],[25.4,80.4]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[51.1,80.5],[49.8,80.4],[48.9,80.3],[48.8,80.2],[47.6,80],[46.5,80.2],[47.1,80.6],[44.8,80.6],[46.8,80.8],[48.3,80.8],[48.5,80.5],[49.1,80.8],[50,80.9],[51.5,80.7],[51.1,80.5]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[99.9,78.9],[97.8,78.8],[95,79],[93.3,79.4],[92.5,80.1],[91.2,80.3],[93.8,81],[95.9,81.3],[97.9,80.7],[100.2,79.8],[99.9,78.9]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-87,79.7],[-85.8,79.3],[-87.2,79],[-89,78.3],[-90.8,78.2],[-92.9,78.3],[-94,78.8],[-93.9,79.1],[-93.1,79.4],[-95,79.4],[-96.1,79.7],[-96.7,80.2],[-96,80.6],[-95.3,80.9],[-94.3,81],[-94.7,81.2],[-92.4,81.3],[-91.1,80.7],[-89.4,80.5],[-87.8,80.3],[-87,79.7]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-68.5,83.1],[-65.8,83],[-63.7,82.9],[-61.8,82.6],[-61.9,82.4],[-64.3,81.9],[-66.8,81.7],[-67.7,81.5],[-65.5,81.5],[-67.8,80.9],[-69.5,80.6],[-71.2,79.8],[-73.2,79.6],[-73.9,79.4],[-76.9,79.3],[-75.5,79.2],[-76.2,79],[-75.4,78.5],[-76.3,78.2],[-77.9,77.9],[-78.4,77.5],[-79.8,77.2],[-79.6,77],[-77.9,77],[-77.9,76.8],[-80.6,76.2],[-83.2,76.5],[-86.1,76.3],[-87.6,76.4],[-89.5,76.5],[-89.6,77],[-87.8,77.2],[-88.3,77.9],[-87.6,78],[-85,77.5],[-86.3,78.2],[-88,78.4],[-87.2,78.8],[-85.4,79],[-85.1,79.3],[-86.5,79.7],[-86.9,80.3],[-84.2,80.2],[-83.4,80.1],[-81.8,80.5],[-84.1,80.6],[-87.6,80.5],[-89.4,80.9],[-90.2,81.3],[-91.4,81.6],[-91.6,81.9],[-90.1,82.1],[-88.9,82.1],[-87,82.3],[-85.5,82.7],[-84.3,82.6],[-83.2,82.3],[-82.4,82.9],[-81.1,83],[-79.3,83.1],[-76.2,83.2],[-75.7,83.1],[-72.8,83.2],[-70.7,83.2],[-68.5,83.1]]]}},{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[-27.1,83.5],[-20.8,82.7],[-22.7,82.3],[-26.5,82.3],[-31.9,82.2],[-31.4,82],[-27.9,82.1],[-24.8,81.8],[-22.9,82.1],[-22.1,81.7],[-23.2,81.2],[-20.6,81.5],[-15.8,81.9],[-12.8,81.7],[-12.2,81.3],[-16.3,80.6],[-16.8,80.4],[-20,80.2],[-17.7,80.1],[-18.9,79.4],[-19.7,78.8],[-19.7,77.6],[-18.5,77],[-20,76.9],[-21.7,76.6],[-19.8,76.1],[-19.6,75.2],[-20.7,75.2],[-19.4,74.3],[-21.6,74.2],[-20.4,73.8],[-20.8,73.5],[-22.2,73.3],[-23.6,73.3],[-22.3,72.6],[-22.3,72.2],[-24.3,72.6],[-24.8,72.3],[-23.4,72.1],[-22.1,71.5],[-21.8,70.7],[-23.5,70.5],[-24.3,70.9],[-25.5,71.4],[-25.2,70.8],[-26.4,70.2],[-23.7,70.2],[-22.3,70.1],[-25,69.3],[-27.7,68.5],[-30.7,68.1],[-31.8,68.1],[-32.8,67.7],[-34.2,66.7],[-36.4,66],[-37,65.9],[-38.4,65.7],[-39.8,65.5],[-40.7,64.8],[-40.7,64.1],[-41.2,63.5],[-42.8,62.7],[-42.4,61.9],[-42.9,61.1],[-43.4,60.1],[-44.8,60],[-46.3,60.9],[-48.3,60.9],[-49.2,61.4],[-49.9,62.4],[-51.6,63.6],[-52.1,64.3],[-52.3,65.2],[-53.7,66.1],[-53.3,66.8],[-54,67.2],[-53,68.4],[-51.5,68.7],[-51.1,69.1],[-50.9,69.9],[-52,69.6],[-52.6,69.4],[-53.5,69.3],[-54.7,69.6],[-54.8,70.3],[-54.4,70.8],[-53.4,70.8],[-51.4,70.6],[-53.1,71.2],[-54,71.5],[-55,71.4],[-55.8,71.7],[-54.7,72.6],[-55.3,73],[-56.1,73.6],[-57.3,74.7],[-58.6,75.1],[-58.6,75.5],[-61.3,76.1],[-63.4,76.2],[-66.1,76.1],[-68.5,76.1],[-69.7,76.4],[-71.4,77],[-68.8,77.3],[-66.8,77.4],[-71,77.6],[-73.3,78],[-73.2,78.4],[-69.4,78.9],[-65.7,79.4],[-65.3,79.8],[-68,80.1],[-67.2,80.5],[-63.7,81.2],[-62.2,81.3],[-62.7,81.8],[-60.3,82],[-57.2,82.2],[-54.1,82.2],[-53,81.9],[-50.4,82.4],[-48,82.1],[-46.6,82],[-44.5,81.7],[-46.9,82.2],[-46.8,82.6],[-43.4,83.2],[-39.9,83.2],[-38.6,83.5],[-35.1,83.6],[-27.1,83.5]]]}}]}
\ No newline at end of file
diff --git a/apps/docs/pages/public/robots.txt b/apps/docs/pages/public/robots.txt
new file mode 100644
index 0000000..fa4f5b7
--- /dev/null
+++ b/apps/docs/pages/public/robots.txt
@@ -0,0 +1,4 @@
+Sitemap: https://www.dicebear.com/sitemap.xml
+
+User-agent: *
+Disallow: /legal/site-notice/
diff --git a/apps/docs/pages/public/site.webmanifest b/apps/docs/pages/public/site.webmanifest
new file mode 100644
index 0000000..1923535
--- /dev/null
+++ b/apps/docs/pages/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "DiceBear",
+  "short_name": "DiceBear",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/apps/docs/pages/public/sponsors/bunny-dark.svg b/apps/docs/pages/public/sponsors/bunny-dark.svg
new file mode 100644
index 0000000..7d52b87
--- /dev/null
+++ b/apps/docs/pages/public/sponsors/bunny-dark.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 149 43" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="29.435%" y1="45.318%" x2="80.631%" y2="58.76%" id="a"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F85E23" offset="100%"/></linearGradient><linearGradient x1="-33.94%" y1="50.041%" x2="153.691%" y2="50.041%" id="b"><stop stop-color="#FBAA19" offset="0%"/><stop stop-color="#EF3E23" offset="100%"/></linearGradient><linearGradient x1="32.891%" y1="96.667%" x2="67.113%" y2="3.111%" id="c"><stop stop-color="#F78D1E" offset="0%"/><stop stop-color="#F37121" offset="100%"/></linearGradient><linearGradient x1="14.403%" y1="75.177%" x2="63.227%" y2="12.448%" id="d"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F04E23" offset="100%"/></linearGradient><linearGradient x1="69.88%" y1="3.214%" x2="33.101%" y2="81.581%" id="e"><stop stop-color="#EA4425" offset="0%"/><stop stop-color="#FDBB27" offset="100%"/></linearGradient><linearGradient x1="-40.127%" y1="49.989%" x2="144.708%" y2="49.989%" id="f"><stop stop-color="#F47920" offset="0%"/><stop stop-color="#E93825" offset="100%"/></linearGradient><linearGradient x1="-143.227%" y1="49.917%" x2="243.364%" y2="49.917%" id="g"><stop stop-color="#FDCA0B" offset="0%"/><stop stop-color="#F5841F" offset="100%"/></linearGradient><linearGradient x1="39.677%" y1="-25.013%" x2="63.887%" y2="131.608%" id="h"><stop stop-color="#E73C25" offset="0%"/><stop stop-color="#FAA21B" offset="100%"/></linearGradient><linearGradient x1="-562.994%" y1="49.998%" x2="562.905%" y2="49.998%" id="i"><stop stop-color="#FDBA12" offset="0%"/><stop stop-color="#F7921E" offset="100%"/></linearGradient><linearGradient x1="1.983%" y1="41.501%" x2="106.167%" y2="60.044%" id="j"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F04E23" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M125.05 30.91a1.1 1.1 0 0 0-1 1c-.08.59.24 1 .75 1a1.12 1.12 0 0 0 1-1 .78.78 0 0 0-.76-1h.01Zm7.36-5.71a3.13 3.13 0 0 0-2.73 1.48l.2-1.4h-1.71l-1.09 7.53h1.71l.54-3.7a2.28 2.28 0 0 1 2.15-2.17c1 0 1.47.65 1.32 1.7l-.6 4.17h1.72l.68-4.7c.26-1.79-.57-2.91-2.19-2.91Zm7.21 0a4.22 4.22 0 0 0-4.13 3.85c-.32 2.26.88 3.81 3.07 3.81a4.35 4.35 0 0 0 3.14-1.29l-.77-1a2.93 2.93 0 0 1-2 .84 1.67 1.67 0 0 1-1.76-1.71h5.19c.57-2.74-.25-4.47-2.72-4.47l-.02-.03Zm-2.33 3.24a2.27 2.27 0 0 1 2.14-1.82 1.47 1.47 0 0 1 1.57 1.84l-3.71-.02Zm9.83 2.56a2.49 2.49 0 0 1-1 .31c-.46 0-.7-.24-.6-1l.49-3.4h2l.19-1.33h-2l.3-2.08h-1.69l-.3 2.08h-1l-.18 1.33h1l-.53 3.72c-.23 1.55.59 2.26 1.74 2.26a3.66 3.66 0 0 0 1.84-.55l-.26-1.34Z" fill="url(#a)"/><path d="M44.62 22.83a1.33 1.33 0 1 1 .02 2.66 1.33 1.33 0 0 1-.02-2.66Zm13.21-3.69a6.64 6.64 0 0 1 3.91-1.36 5.75 5.75 0 0 1 4.39 1.94 7.1 7.1 0 0 1 1.37 5.8 8.87 8.87 0 0 1-6 7.55 7.72 7.72 0 0 1-2.07.29 4.51 4.51 0 0 1-3.91-1.93l-.18 1.28a.26.26 0 0 1-.25.21H52a.21.21 0 0 1-.17-.07.23.23 0 0 1 0-.18l1.07-7.38h-4a1.14 1.14 0 0 1-1.13-1.13A1.14 1.14 0 0 1 48.82 23h8.62a5.2 5.2 0 0 0-1.12 2.56c-.31 2.15.76 4.16 3.09 4.16a4.71 4.71 0 0 0 4.46-4.2c.3-2.11-.91-4.11-3.15-4.11h-9.83a1.14 1.14 0 0 1-1.13-1.14 1.14 1.14 0 0 1 1.13-1.13h2.85l.81-5.66a.26.26 0 0 1 .25-.21H58a.24.24 0 0 1 .16.07.23.23 0 0 1 0 .18l-.81 5.62h.48Zm19.56 12.48a5.29 5.29 0 0 1-4.14 1.74c-3.94 0-5-2.89-4.51-6.31L70 18.44a.27.27 0 0 1 .25-.22h3.15a.21.21 0 0 1 .16.08.21.21 0 0 1 0 .17l-1.12 7.75c-.26 1.84 0 3.5 2.15 3.49 2.15-.01 3-1.48 3.33-3.42l1.13-7.85a.27.27 0 0 1 .25-.22h3.17a.21.21 0 0 1 .16.08.21.21 0 0 1 0 .17l-2 14.24a.26.26 0 0 1-.25.21h-3a.21.21 0 0 1-.17-.07.23.23 0 0 1-.05-.18l.15-1.05h.08Zm10.86-12.11a5.36 5.36 0 0 1 4.12-1.73c3.91 0 5 2.88 4.48 6.34l-1.24 8.59a.24.24 0 0 1-.24.21H92.2a.19.19 0 0 1-.16-.07.2.2 0 0 1-.05-.18L93.1 25c.26-1.81.07-3.53-2.12-3.52-2.19.01-3 1.51-3.3 3.42l-1.14 7.86a.25.25 0 0 1-.24.21h-3.17a.22.22 0 0 1-.17-.07.22.22 0 0 1 0-.18l2-14.23a.26.26 0 0 1 .25-.22h3a.19.19 0 0 1 .16.08.18.18 0 0 1 .05.17l-.15 1-.02-.01Zm14.89 0a5.36 5.36 0 0 1 4.12-1.73c3.91 0 5 2.88 4.48 6.34l-1.24 8.59a.25.25 0 0 1-.24.21h-3.17a.19.19 0 0 1-.16-.07.2.2 0 0 1-.05-.18L108 25c.26-1.81.07-3.53-2.12-3.52-2.19.01-3 1.51-3.31 3.42l-1.13 7.86a.25.25 0 0 1-.24.21H98a.22.22 0 0 1-.17-.07.22.22 0 0 1 0-.18l2-14.23a.26.26 0 0 1 .24-.22h3a.19.19 0 0 1 .16.08.21.21 0 0 1 .05.17l-.15 1 .01-.01Zm12.4 12.62-3-13.61a.21.21 0 0 1 0-.2.24.24 0 0 1 .19-.1h3.38a.21.21 0 0 1 .21.17l1.75 8.81 4.26-8.83a.24.24 0 0 1 .22-.15H126a.2.2 0 0 1 .18.11.22.22 0 0 1 0 .22l-9.78 19.21a.24.24 0 0 1-.22.14h-3.39a.19.19 0 0 1-.18-.11.22.22 0 0 1 0-.22l2.93-5.44Z" fill="#183D6D"/><path d="m21 6.85 9.87 5.36L21.75 0A6.8 6.8 0 0 0 21 6.85Z" fill="url(#b)"/><path d="M16.54 26.73a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5Z" fill="url(#c)"/><path d="m9.67 1.79 27.64 15a1.34 1.34 0 0 1 0 2.41 21.49 21.49 0 0 1-6.77 2.64l-5.75 11.8s-1.82 4.14-6.83 2.55c2.1-2.1 4.64-4 4.64-7.23a6.07 6.07 0 0 0-12.14 0c0 4.22 4.16 6 6.47 8.93a3.8 3.8 0 0 1-.33 4.79c-2.87-2.84-8.42-7.63-10.7-10.77a9.1 9.1 0 0 1-1.95-5.55 10.45 10.45 0 0 1 7.38-9.46 12.05 12.05 0 0 1 3.88-.47 12.58 12.58 0 0 1 5.2 1.57c2.45 1.44 3.64 1.06 5.33-.36 1-.82 2.09-3.49.4-4.11a12.14 12.14 0 0 0-1.69-.42c-3.14-.61-8.63-1.19-10.65-2.34C10.59 9 8.43 5.35 9.67 1.79Z" fill="url(#d)"/><path d="M22.55 28.99C23.83 22.26 17 15.84 11.76 16.8l.35-.08c-.28.06-.55.13-.81.21a10.45 10.45 0 0 0-7.38 9.46 9.1 9.1 0 0 0 2 5.55c2.28 3.14 7.83 7.93 10.7 10.77a3.8 3.8 0 0 0 .33-4.79C14.59 35 10.43 33.21 10.43 29a6.07 6.07 0 0 1 12.14 0l-.02-.01Z" fill="url(#e)"/><path d="m9.67 1.79 21 11.44.6.33c.5.39 1 1.17.35 2.61-1 2.15-5 4.23-9.61 2.6 1.44.42 2.42-.06 3.68-1.12 1-.82 2.09-3.49.4-4.11a12.14 12.14 0 0 0-1.69-.42c-3.14-.61-8.63-1.19-10.65-2.34C10.59 9 8.43 5.35 9.67 1.79Z" fill="url(#f)"/><path d="M9.67 1.79c2.17 8 15.38 8.66 22 12l-22-12Z" fill="url(#g)"/><path d="M16.9 37.92C14.59 35 10.43 33.21 10.43 29a6.07 6.07 0 0 1 5.32-6A8.78 8.78 0 0 0 7 31.75c-.001.591.06 1.181.18 1.76 1.91 2.16 4.67 4.71 7 6.87.91.85 1.75 1.65 2.44 2.33a4.18 4.18 0 0 0 1-2.37 3.66 3.66 0 0 0-.72-2.42Z" fill="url(#h)"/><path d="M22.52 29.71a5.81 5.81 0 0 0 .05-.72C23.83 22.26 17 15.84 11.76 16.8a12.49 12.49 0 0 1 3.42-.34c6.87.28 8.79 7.62 7.34 13.25Z" fill="url(#i)"/><path d="M2.26 14.84a2.27 2.27 0 0 1 2.26 2.27v2.26H2.26A2.26 2.26 0 0 1 0 17.11a2.27 2.27 0 0 1 2.26-2.27Z" fill="url(#j)"/></g></svg>
diff --git a/apps/docs/pages/public/sponsors/bunny-light.svg b/apps/docs/pages/public/sponsors/bunny-light.svg
new file mode 100644
index 0000000..5e545b4
--- /dev/null
+++ b/apps/docs/pages/public/sponsors/bunny-light.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 149 43" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="29.435%" y1="45.318%" x2="80.631%" y2="58.76%" id="a"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F85E23" offset="100%"/></linearGradient><linearGradient x1="-33.94%" y1="50.041%" x2="153.691%" y2="50.041%" id="b"><stop stop-color="#FBAA19" offset="0%"/><stop stop-color="#EF3E23" offset="100%"/></linearGradient><linearGradient x1="32.891%" y1="96.667%" x2="67.113%" y2="3.111%" id="c"><stop stop-color="#F78D1E" offset="0%"/><stop stop-color="#F37121" offset="100%"/></linearGradient><linearGradient x1="14.403%" y1="75.177%" x2="63.227%" y2="12.448%" id="d"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F04E23" offset="100%"/></linearGradient><linearGradient x1="69.88%" y1="3.214%" x2="33.101%" y2="81.581%" id="e"><stop stop-color="#EA4425" offset="0%"/><stop stop-color="#FDBB27" offset="100%"/></linearGradient><linearGradient x1="-40.127%" y1="49.989%" x2="144.708%" y2="49.989%" id="f"><stop stop-color="#F47920" offset="0%"/><stop stop-color="#E93825" offset="100%"/></linearGradient><linearGradient x1="-143.227%" y1="49.917%" x2="243.364%" y2="49.917%" id="g"><stop stop-color="#FDCA0B" offset="0%"/><stop stop-color="#F5841F" offset="100%"/></linearGradient><linearGradient x1="39.677%" y1="-25.013%" x2="63.887%" y2="131.608%" id="h"><stop stop-color="#E73C25" offset="0%"/><stop stop-color="#FAA21B" offset="100%"/></linearGradient><linearGradient x1="-562.994%" y1="49.998%" x2="562.905%" y2="49.998%" id="i"><stop stop-color="#FDBA12" offset="0%"/><stop stop-color="#F7921E" offset="100%"/></linearGradient><linearGradient x1="1.983%" y1="41.501%" x2="106.167%" y2="60.044%" id="j"><stop stop-color="#FEBE2D" offset="0%"/><stop stop-color="#F04E23" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M125.05 30.91a1.1 1.1 0 0 0-1 1c-.08.59.24 1 .75 1a1.12 1.12 0 0 0 1-1 .78.78 0 0 0-.76-1h.01Zm7.36-5.71a3.13 3.13 0 0 0-2.73 1.48l.2-1.4h-1.71l-1.09 7.53h1.71l.54-3.7a2.28 2.28 0 0 1 2.15-2.17c1 0 1.47.65 1.32 1.7l-.6 4.17h1.72l.68-4.7c.26-1.79-.57-2.91-2.19-2.91Zm7.21 0a4.22 4.22 0 0 0-4.13 3.85c-.32 2.26.88 3.81 3.07 3.81a4.35 4.35 0 0 0 3.14-1.29l-.77-1a2.93 2.93 0 0 1-2 .84 1.67 1.67 0 0 1-1.76-1.71h5.19c.57-2.74-.25-4.47-2.72-4.47l-.02-.03Zm-2.33 3.24a2.27 2.27 0 0 1 2.14-1.82 1.47 1.47 0 0 1 1.57 1.84l-3.71-.02Zm9.83 2.56a2.49 2.49 0 0 1-1 .31c-.46 0-.7-.24-.6-1l.49-3.4h2l.19-1.33h-2l.3-2.08h-1.69l-.3 2.08h-1l-.18 1.33h1l-.53 3.72c-.23 1.55.59 2.26 1.74 2.26a3.66 3.66 0 0 0 1.84-.55l-.26-1.34Z" fill="url(#a)"/><path d="M44.62 22.83a1.33 1.33 0 1 1 .02 2.66 1.33 1.33 0 0 1-.02-2.66Zm13.21-3.69a6.64 6.64 0 0 1 3.91-1.36 5.75 5.75 0 0 1 4.39 1.94 7.1 7.1 0 0 1 1.37 5.8 8.87 8.87 0 0 1-6 7.55 7.72 7.72 0 0 1-2.07.29 4.51 4.51 0 0 1-3.91-1.93l-.18 1.28a.26.26 0 0 1-.25.21H52a.21.21 0 0 1-.17-.07.23.23 0 0 1 0-.18l1.07-7.38h-4a1.14 1.14 0 0 1-1.13-1.13A1.14 1.14 0 0 1 48.82 23h8.62a5.2 5.2 0 0 0-1.12 2.56c-.31 2.15.76 4.16 3.09 4.16a4.71 4.71 0 0 0 4.46-4.2c.3-2.11-.91-4.11-3.15-4.11h-9.83a1.14 1.14 0 0 1-1.13-1.14 1.14 1.14 0 0 1 1.13-1.13h2.85l.81-5.66a.26.26 0 0 1 .25-.21H58a.24.24 0 0 1 .16.07.23.23 0 0 1 0 .18l-.81 5.62h.48Zm19.56 12.48a5.29 5.29 0 0 1-4.14 1.74c-3.94 0-5-2.89-4.51-6.31L70 18.44a.27.27 0 0 1 .25-.22h3.15a.21.21 0 0 1 .16.08.21.21 0 0 1 0 .17l-1.12 7.75c-.26 1.84 0 3.5 2.15 3.49 2.15-.01 3-1.48 3.33-3.42l1.13-7.85a.27.27 0 0 1 .25-.22h3.17a.21.21 0 0 1 .16.08.21.21 0 0 1 0 .17l-2 14.24a.26.26 0 0 1-.25.21h-3a.21.21 0 0 1-.17-.07.23.23 0 0 1-.05-.18l.15-1.05h.08Zm10.86-12.11a5.36 5.36 0 0 1 4.12-1.73c3.91 0 5 2.88 4.48 6.34l-1.24 8.59a.24.24 0 0 1-.24.21H92.2a.19.19 0 0 1-.16-.07.2.2 0 0 1-.05-.18L93.1 25c.26-1.81.07-3.53-2.12-3.52-2.19.01-3 1.51-3.3 3.42l-1.14 7.86a.25.25 0 0 1-.24.21h-3.17a.22.22 0 0 1-.17-.07.22.22 0 0 1 0-.18l2-14.23a.26.26 0 0 1 .25-.22h3a.19.19 0 0 1 .16.08.18.18 0 0 1 .05.17l-.15 1-.02-.01Zm14.89 0a5.36 5.36 0 0 1 4.12-1.73c3.91 0 5 2.88 4.48 6.34l-1.24 8.59a.25.25 0 0 1-.24.21h-3.17a.19.19 0 0 1-.16-.07.2.2 0 0 1-.05-.18L108 25c.26-1.81.07-3.53-2.12-3.52-2.19.01-3 1.51-3.31 3.42l-1.13 7.86a.25.25 0 0 1-.24.21H98a.22.22 0 0 1-.17-.07.22.22 0 0 1 0-.18l2-14.23a.26.26 0 0 1 .24-.22h3a.19.19 0 0 1 .16.08.21.21 0 0 1 .05.17l-.15 1 .01-.01Zm12.4 12.62-3-13.61a.21.21 0 0 1 0-.2.24.24 0 0 1 .19-.1h3.38a.21.21 0 0 1 .21.17l1.75 8.81 4.26-8.83a.24.24 0 0 1 .22-.15H126a.2.2 0 0 1 .18.11.22.22 0 0 1 0 .22l-9.78 19.21a.24.24 0 0 1-.22.14h-3.39a.19.19 0 0 1-.18-.11.22.22 0 0 1 0-.22l2.93-5.44Z" fill="#fff"/><path d="m21 6.85 9.87 5.36L21.75 0A6.8 6.8 0 0 0 21 6.85Z" fill="url(#b)"/><path d="M16.54 26.73a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5Z" fill="url(#c)"/><path d="m9.67 1.79 27.64 15a1.34 1.34 0 0 1 0 2.41 21.49 21.49 0 0 1-6.77 2.64l-5.75 11.8s-1.82 4.14-6.83 2.55c2.1-2.1 4.64-4 4.64-7.23a6.07 6.07 0 0 0-12.14 0c0 4.22 4.16 6 6.47 8.93a3.8 3.8 0 0 1-.33 4.79c-2.87-2.84-8.42-7.63-10.7-10.77a9.1 9.1 0 0 1-1.95-5.55 10.45 10.45 0 0 1 7.38-9.46 12.05 12.05 0 0 1 3.88-.47 12.58 12.58 0 0 1 5.2 1.57c2.45 1.44 3.64 1.06 5.33-.36 1-.82 2.09-3.49.4-4.11a12.14 12.14 0 0 0-1.69-.42c-3.14-.61-8.63-1.19-10.65-2.34C10.59 9 8.43 5.35 9.67 1.79Z" fill="url(#d)"/><path d="M22.55 28.99C23.83 22.26 17 15.84 11.76 16.8l.35-.08c-.28.06-.55.13-.81.21a10.45 10.45 0 0 0-7.38 9.46 9.1 9.1 0 0 0 2 5.55c2.28 3.14 7.83 7.93 10.7 10.77a3.8 3.8 0 0 0 .33-4.79C14.59 35 10.43 33.21 10.43 29a6.07 6.07 0 0 1 12.14 0l-.02-.01Z" fill="url(#e)"/><path d="m9.67 1.79 21 11.44.6.33c.5.39 1 1.17.35 2.61-1 2.15-5 4.23-9.61 2.6 1.44.42 2.42-.06 3.68-1.12 1-.82 2.09-3.49.4-4.11a12.14 12.14 0 0 0-1.69-.42c-3.14-.61-8.63-1.19-10.65-2.34C10.59 9 8.43 5.35 9.67 1.79Z" fill="url(#f)"/><path d="M9.67 1.79c2.17 8 15.38 8.66 22 12l-22-12Z" fill="url(#g)"/><path d="M16.9 37.92C14.59 35 10.43 33.21 10.43 29a6.07 6.07 0 0 1 5.32-6A8.78 8.78 0 0 0 7 31.75c-.001.591.06 1.181.18 1.76 1.91 2.16 4.67 4.71 7 6.87.91.85 1.75 1.65 2.44 2.33a4.18 4.18 0 0 0 1-2.37 3.66 3.66 0 0 0-.72-2.42Z" fill="url(#h)"/><path d="M22.52 29.71a5.81 5.81 0 0 0 .05-.72C23.83 22.26 17 15.84 11.76 16.8a12.49 12.49 0 0 1 3.42-.34c6.87.28 8.79 7.62 7.34 13.25Z" fill="url(#i)"/><path d="M2.26 14.84a2.27 2.27 0 0 1 2.26 2.27v2.26H2.26A2.26 2.26 0 0 1 0 17.11a2.27 2.27 0 0 1 2.26-2.27Z" fill="url(#j)"/></g></svg>
diff --git a/apps/docs/pages/public/web-app-manifest-192x192.png b/apps/docs/pages/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..070042d
Binary files /dev/null and b/apps/docs/pages/public/web-app-manifest-192x192.png differ
diff --git a/apps/docs/pages/public/web-app-manifest-512x512.png b/apps/docs/pages/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..f7c33ec
Binary files /dev/null and b/apps/docs/pages/public/web-app-manifest-512x512.png differ
diff --git a/apps/docs/pages/public/why-dicebear/editor.webp b/apps/docs/pages/public/why-dicebear/editor.webp
new file mode 100644
index 0000000..51f08d7
Binary files /dev/null and b/apps/docs/pages/public/why-dicebear/editor.webp differ
diff --git a/apps/docs/pages/public/why-dicebear/playground.webp b/apps/docs/pages/public/why-dicebear/playground.webp
new file mode 100644
index 0000000..2294d5c
Binary files /dev/null and b/apps/docs/pages/public/why-dicebear/playground.webp differ
diff --git a/apps/docs/pages/specification/definition-schema/index.md b/apps/docs/pages/specification/definition-schema/index.md
new file mode 100644
index 0000000..34b4551
--- /dev/null
+++ b/apps/docs/pages/specification/definition-schema/index.md
@@ -0,0 +1,581 @@
+---
+title: Definition Schema Reference
+description: >
+  Complete reference for the DiceBear avatar style definition schema. Learn how
+  style definitions are structured with canvas, components, colors, and
+  metadata.
+---
+
+# Definition schema reference
+
+Every DiceBear avatar style is a JSON file that follows the
+[DiceBear Definition Schema](https://github.com/dicebear/schema). This page
+documents the complete structure of a style definition.
+
+## Overview
+
+A style definition describes everything needed to generate an avatar: the canvas
+size, the SVG elements to render, the components that can be randomized, and the
+color palettes available. The definition is purely declarative: no code, no
+functions. The rendering logic lives in the DiceBear Core implementation.
+
+## Top-level structure
+
+```json
+{
+  "$schema": "https://...",
+  "$id": "https://...",
+  "$comment": "Optional comment",
+  "meta": { ... },
+  "canvas": { ... },
+  "components": { ... },
+  "colors": { ... },
+  "attributes": { ... }
+}
+```
+
+| Property     | Required | Description                                                                                 |
+| ------------ | -------- | ------------------------------------------------------------------------------------------- |
+| `$schema`    | No       | URL to the definition schema for editor validation                                          |
+| `$id`        | No       | Canonical identifier for this definition (typically the URL it is hosted at, max 256 chars) |
+| `$comment`   | No       | Free-text comment, e.g. "Generated by Figma" (max 4096 chars)                               |
+| `meta`       | No       | License, creator, and source metadata                                                       |
+| `canvas`     | **Yes**  | Canvas dimensions and root element tree                                                     |
+| `components` | No       | Named, randomizable SVG components (up to 512 entries)                                      |
+| `colors`     | No       | Named color palettes for dynamic coloring (up to 512 entries)                               |
+| `attributes` | No       | Global SVG attributes for the root `<svg>` element                                          |
+
+## `meta`
+
+Metadata about the style, used in license comments, the CLI banner, and the
+documentation.
+
+```json
+{
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "Full license text..."
+    },
+    "creator": {
+      "name": "DiceBear",
+      "url": "https://www.dicebear.com"
+    },
+    "source": {
+      "name": "Initials",
+      "url": "https://github.com/dicebear/dicebear"
+    }
+  }
+}
+```
+
+## `canvas`
+
+Defines the SVG viewport and the root element tree. The `width` and `height`
+determine the `viewBox` of the generated SVG.
+
+```json
+{
+  "canvas": {
+    "width": 100,
+    "height": 100,
+    "elements": [
+      { "type": "component", "name": "background" },
+      { "type": "component", "name": "face" }
+    ]
+  }
+}
+```
+
+| Property   | Type   | Required | Description                                      |
+| ---------- | ------ | -------- | ------------------------------------------------ |
+| `width`    | number | **Yes**  | Canvas width in pixels (>= 1)                    |
+| `height`   | number | **Yes**  | Canvas height in pixels (>= 1)                   |
+| `elements` | array  | **Yes**  | Root element tree (up to 1024 top-level entries) |
+
+## Elements
+
+Elements are the building blocks of the SVG. Three types are supported:
+
+### `element`: SVG tag
+
+Renders an SVG element like `<circle>`, `<path>`, `<g>`, etc.
+
+```json
+{
+  "type": "element",
+  "name": "circle",
+  "attributes": {
+    "cx": "50",
+    "cy": "50",
+    "r": "40",
+    "fill": { "type": "color", "name": "skin" }
+  },
+  "children": []
+}
+```
+
+Only
+[whitelisted SVG elements](https://github.com/dicebear/schema/blob/main/src/definition.json)
+are allowed (e.g. `circle`, `path`, `g`, `rect`, `text`, `defs`, `filter`,
+`linearGradient`, `radialGradient`, etc.). Elements like `script`,
+`foreignObject`, and `a` are blocked for security.
+
+A node may have at most 1024 children. The element with `name: "defs"` has
+special semantics (see [Reusable `<defs>` entries](#reusable-defs-entries)
+below).
+
+### `text`: text content
+
+Renders raw text inside an SVG element. Supports variable references.
+
+```json
+{
+  "type": "text",
+  "value": "Hello"
+}
+```
+
+Or with a variable:
+
+```json
+{
+  "type": "text",
+  "value": { "type": "variable", "name": "initials" }
+}
+```
+
+Only `initial` and `initials` are accepted in a text `value`. Other variables
+(`fontFamily`, `fontWeight`) are only valid in their dedicated attributes (see
+[Variable references](#variable-references)).
+
+### `component`: component reference
+
+References a named component defined in the `components` section. The DiceBear
+Core will select a variant based on the seed and options.
+
+```json
+{
+  "type": "component",
+  "name": "eyes"
+}
+```
+
+A component reference can carry its own `attributes` map. They are written
+verbatim onto the emitted `<use>` element, which is how you place an instance of
+a component on the canvas:
+
+```json
+{
+  "type": "component",
+  "name": "eyes",
+  "attributes": {
+    "transform": "translate(10 20)"
+  }
+}
+```
+
+A user-supplied `transform` is prepended to the per-component
+rotate/translate/scale picked by the renderer, so it acts as the outer
+(placement) transform.
+
+### The `<style>` element
+
+`<style>` is supported but is a special case. Its CSS body must be supplied as
+one or more `text` children, not as a single string and not via `children`
+holding generic elements:
+
+```json
+{
+  "type": "element",
+  "name": "style",
+  "children": [
+    {
+      "type": "text",
+      "value": ".dark { fill: #000; }"
+    }
+  ]
+}
+```
+
+A `<style>` element may hold at most 64 text children. The CSS body is sanitized
+more strictly than ordinary attribute values:
+
+- Known-dangerous `@`-rules (`@import`, `@font-face`, `@document`, `@charset`)
+  are rejected. Other at-rules (`@media`, `@keyframes`, `@supports`, `@layer`,
+  …) are permitted, but their contents are still passed through the common
+  filter described below.
+
+The following are rejected in every CSS body **and every attribute value** (the
+shared `filteredString` injection filter):
+
+- External `url(...)` references (local `url(#id)` is fine)
+- `expression(...)`, `behavior:`, `-moz-binding`
+- `javascript:` and `vbscript:` URI schemes
+- Backslash escape sequences
+
+This is a defense-in-depth filter, not a CSS validator: substring matches reject
+otherwise-harmless strings that happen to contain a blocked token (e.g. the
+literal word `javascript:` in plain text).
+
+### Reusable `<defs>` entries
+
+`<defs>` is whitelisted as an ordinary element, but the renderer treats it
+specially: every child of an element named `defs`, anywhere in the tree, is
+hoisted into the document-wide `<defs>` block alongside generated gradients,
+clip paths, and component bodies. This keeps the rendered SVG to a single
+`<defs>` element while letting style authors ship reusable fragments (filters,
+gradients, masks, …) and reference them from elsewhere in the tree.
+
+## `components`
+
+Named, randomizable parts of the avatar. Each component defines a set of
+variants that the PRNG can choose from.
+
+```json
+{
+  "components": {
+    "eyes": {
+      "width": 80,
+      "height": 40,
+      "probability": 100,
+      "rotate": { "min": -10, "max": 10 },
+      "scale": { "min": 0.9, "max": 1.1 },
+      "translate": {
+        "x": { "min": 0, "max": 0 },
+        "y": { "min": -5, "max": 5 }
+      },
+      "variants": {
+        "happy": {
+          "weight": 1,
+          "elements": [...]
+        },
+        "surprised": {
+          "weight": 1,
+          "elements": [...]
+        }
+      }
+    }
+  }
+}
+```
+
+| Property      | Type   | Description                                                                                                                   |
+| ------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------- |
+| `width`       | number | **Required.** Component canvas width in pixels (>= 1)                                                                         |
+| `height`      | number | **Required.** Component canvas height in pixels (>= 1)                                                                        |
+| `probability` | number | Optional. Chance the component appears, 0 to 100 (default `100`)                                                              |
+| `rotate`      | object | Optional. Rotation range, see [Ranges](#ranges)                                                                               |
+| `scale`       | object | Optional. Scale range around the component's center, see [Ranges](#ranges)                                                    |
+| `translate`   | object | Optional. `{ x?: Range, y?: Range }` offsets as a percentage of the component's own `width` / `height`, see [Ranges](#ranges) |
+| `variants`    | object | **Required.** Named variant definitions (up to 512)                                                                           |
+
+`translate.x` and `translate.y` are expressed as percentages of the component's
+own `width` and `height`. A value of `100` shifts the component by its full
+width or height; `0` leaves it in place. The example above
+(`y: { min: -5, max: 5 }`) therefore means "shift the component vertically by up
+to 5 % of its height in either direction".
+
+### Ranges
+
+`rotate`, `scale`, `translate.x`, and `translate.y` all use the same range
+object:
+
+```json
+{ "min": -10, "max": 10, "step": 5 }
+```
+
+| Property | Type   | Description                                                           |
+| -------- | ------ | --------------------------------------------------------------------- |
+| `min`    | number | **Required.** Lower bound of the range                                |
+| `max`    | number | **Required.** Upper bound of the range                                |
+| `step`   | number | Optional. Positive value that quantizes the range to `min + i × step` |
+
+For a fixed value, set `min === max`. With `step`, the PRNG samples from
+`{ min + i × step | 0 ≤ i ≤ ⌊(max − min) / step⌋ }`, so when `(max − min)` is
+not a multiple of `step`, `max` itself is unreachable. Without `step`, the range
+is continuous.
+
+The numeric domains differ per field: `rotate` and the inner `step` values are
+in degrees (-360 to 360, step ≤ 720), `scale` is 0 to 10 (step ≤ 10), and
+`translate.x` / `translate.y` are percentages from -1000 to 1000 (step ≤ 2000).
+
+### Component aliases
+
+A component can be aliased to another component using `extends`. An alias has no
+dimensions or variants of its own: it inherits everything from the referenced
+component, but renders as an independent, separately-randomized instance. This
+is useful when you want the same visual component to appear twice (e.g. left and
+right earrings) and have each occurrence pick its own variant.
+
+```json
+{
+  "components": {
+    "earring": {
+      "width": 20,
+      "height": 20,
+      "variants": {
+        "stud": { "elements": [...] },
+        "hoop": { "elements": [...] }
+      }
+    },
+    "earringLeft":  { "extends": "earring" },
+    "earringRight": { "extends": "earring" }
+  }
+}
+```
+
+An alias is a strict reference: `extends` is its **only** allowed property. It
+must point to a base component (not another alias) defined in the same
+`components` map. Width, height, probability, rotate, scale, translate, and
+variants are inherited from the source. Aliases do not expose their own
+`${aliasName}Variant` or `${aliasName}Probability` user options. Both are shared
+with the source via `${sourceName}Variant` and `${sourceName}Probability`. The
+renderer still rolls the PRNG independently per alias, so each occurrence picks
+its own variant within the shared constraints. See
+[the implementation guide](/specification/implement-dicebear-core/#component-options)
+for details.
+
+### Variants
+
+Each variant contains an element tree and an optional weight:
+
+| Property   | Type   | Default | Description                                                  |
+| ---------- | ------ | ------- | ------------------------------------------------------------ |
+| `elements` | array  | —       | **Required.** SVG element tree for this variant (up to 1024) |
+| `weight`   | number | `1`     | Selection weight for the PRNG (0 to 1,000,000)               |
+
+Higher weights make a variant more likely to be selected. A weight of `0`
+excludes the variant entirely, unless every variant has weight `0`, in which
+case the PRNG falls back to an unweighted pick across all of them.
+
+## `colors`
+
+Named color palettes. The PRNG picks a color from the palette based on the seed.
+
+```json
+{
+  "colors": {
+    "skin": {
+      "values": ["#f5d6c3", "#d4a889", "#a67c5b", "#614335"]
+    },
+    "text": {
+      "values": ["#ffffff", "#000000"],
+      "contrastTo": "skin"
+    },
+    "hair": {
+      "values": ["#2c1b18", "#b58143", "#d6b370", "#724133"],
+      "notEqualTo": ["skin"]
+    }
+  }
+}
+```
+
+| Property     | Type     | Description                                                                                    |
+| ------------ | -------- | ---------------------------------------------------------------------------------------------- |
+| `values`     | string[] | **Required.** Hex colors in `#RGB`, `#RGBA`, `#RRGGBB`, or `#RRGGBBAA` form (1 to 128 entries) |
+| `contrastTo` | string   | Optional. Pick the color with highest contrast to this group's selection                       |
+| `notEqualTo` | string[] | Optional. Filter out colors already picked by these groups (up to 64 refs)                     |
+
+A definition may declare up to 512 color groups.
+
+### Color constraints
+
+**`contrastTo`** bypasses random selection. Instead, the candidate colors are
+sorted by
+[WCAG 2.1 contrast ratio](https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio)
+against the referenced color, and the highest-contrast color is picked. This is
+useful for ensuring text readability.
+
+**`notEqualTo`** filters out colors that were already selected for the
+referenced color groups. This prevents adjacent parts from having the same
+color. Comparison is done on the RGB hex (alpha stripped); if the filter would
+leave the candidate list empty, the renderer falls back to the unfiltered list.
+
+The schema does not detect cycles (`a` ⇄ `b` constraints). Renderers resolve
+palettes in definition order and throw at render time when a cycle is detected.
+
+## Color references in attributes
+
+Color-bearing attributes (`fill`, `stroke`, `stop-color`, `color`,
+`flood-color`, `lighting-color`) accept either a literal CSS color string (named
+color, hex, `rgb()`, `oklch()`, `color-mix()`, a local paint server reference
+like `url(#id)`, …) or a reference to a named palette:
+
+```json
+{
+  "fill": { "type": "color", "name": "skin" }
+}
+```
+
+A palette reference is resolved at render time to the color the PRNG picked for
+the `skin` group. Literal strings are not validated as CSS (invalid syntax is
+the browser's problem), but the shared injection filter still applies (no
+`javascript:`, no external `url(...)`, …).
+
+## Variable references
+
+A handful of properties accept a `{ "type": "variable", "name": "…" }` object in
+place of a literal string. Each variable is only valid in a specific spot. The
+schema rejects mismatched placements.
+
+| Variable     | Allowed in              | Resolves to                                                 |
+| ------------ | ----------------------- | ----------------------------------------------------------- |
+| `initial`    | `text` element `value`  | First character of the initials derived from the seed       |
+| `initials`   | `text` element `value`  | Full initials (1 to 2 characters) derived from the seed     |
+| `fontFamily` | `font-family` attribute | Resolved `fontFamily` user option (defaults to `system-ui`) |
+| `fontWeight` | `font-weight` attribute | Resolved `fontWeight` user option (defaults to `400`)       |
+
+```json
+{
+  "type": "text",
+  "value": { "type": "variable", "name": "initials" }
+}
+```
+
+```json
+{
+  "attributes": {
+    "font-family": { "type": "variable", "name": "fontFamily" },
+    "font-weight": { "type": "variable", "name": "fontWeight" }
+  }
+}
+```
+
+## `attributes`
+
+Global SVG presentation attributes applied to the root `<svg>` element.
+
+```json
+{
+  "attributes": {
+    "fill": "none",
+    "shape-rendering": "auto"
+  }
+}
+```
+
+Only safe SVG presentation attributes are allowed; event handlers (`onclick`, …)
+and namespaced attributes (`xlink:href`, …) are rejected. See the
+[schema source](https://github.com/dicebear/schema/blob/main/src/definition.json)
+for the complete whitelist.
+
+Two attributes have notable extra rules:
+
+- **`href`** accepts only local fragment refs (`#id`) and embedded raster images
+  encoded as `data:image/{png|gif|jpeg|webp|avif};base64,…`. Remote URLs
+  (`http(s)://…`) and `<script>`/`xlink:href` patterns are rejected.
+- **`style`** is sanitized as a CSS string: the stricter `<style>`-element
+  ruleset applies (see [The `<style>` element](#the-style-element)).
+
+## Example: minimal style definition
+
+A complete but minimal definition that renders a colored circle:
+
+```json
+{
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.0.0/dist/definition.min.json",
+  "canvas": {
+    "width": 100,
+    "height": 100,
+    "elements": [
+      {
+        "type": "element",
+        "name": "circle",
+        "attributes": {
+          "cx": "50",
+          "cy": "50",
+          "r": "45",
+          "fill": { "type": "color", "name": "background" }
+        }
+      },
+      {
+        "type": "component",
+        "name": "face"
+      }
+    ]
+  },
+  "components": {
+    "face": {
+      "width": 100,
+      "height": 100,
+      "variants": {
+        "smile": {
+          "elements": [
+            {
+              "type": "element",
+              "name": "path",
+              "attributes": {
+                "d": "M 30 60 Q 50 80 70 60",
+                "stroke": "#000000",
+                "stroke-width": "3",
+                "fill": "none"
+              }
+            }
+          ]
+        },
+        "neutral": {
+          "elements": [
+            {
+              "type": "element",
+              "name": "line",
+              "attributes": {
+                "x1": "35",
+                "y1": "65",
+                "x2": "65",
+                "y2": "65",
+                "stroke": "#000000",
+                "stroke-width": "3"
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  "colors": {
+    "background": {
+      "values": ["#f9c74f", "#90be6d", "#43aa8b", "#577590", "#f94144"]
+    }
+  }
+}
+```
+
+## Schema package
+
+The schemas live in [`@dicebear/schema`](https://github.com/dicebear/schema) and
+ship two files (both JSON Schema **draft-07**):
+
+- **`definition.json`**: validates style definitions
+- **`options.json`**: validates the user options passed to `Avatar`
+
+Install via your package manager:
+
+| Ecosystem | Install                             |
+| --------- | ----------------------------------- |
+| npm       | `npm install @dicebear/schema`      |
+| Composer  | `composer require dicebear/schema`  |
+| PyPI      | `pip install dicebear-schema`       |
+| Cargo     | `cargo add dicebear-schema`         |
+| Go        | `go get github.com/dicebear/schema` |
+| pub.dev   | `dart pub add dicebear_schema`      |
+
+Or reference the schema directly from a CDN, handy for the `$schema` field of
+your style definition so editors like VS Code provide autocomplete and inline
+validation:
+
+```
+https://cdn.hopjs.net/npm/@dicebear/schema@1.0.0/dist/definition.min.json
+https://cdn.hopjs.net/npm/@dicebear/schema@1.0.0/dist/options.min.json
+```
+
+The vendored style definitions shipped by DiceBear live in a separate package:
+[`@dicebear/styles`](https://www.npmjs.com/package/@dicebear/styles) on npm,
+[`dicebear/styles`](https://packagist.org/packages/dicebear/styles) on
+Packagist, [`dicebear-styles`](https://pypi.org/project/dicebear-styles/) on
+PyPI, [`dicebear-styles`](https://crates.io/crates/dicebear-styles) on
+crates.io,
+[`github.com/dicebear/styles/v10`](https://pkg.go.dev/github.com/dicebear/styles/v10)
+as a Go module and [`dicebear_styles`](https://pub.dev/packages/dicebear_styles)
+on pub.dev.
diff --git a/apps/docs/pages/specification/implement-dicebear-core/index.md b/apps/docs/pages/specification/implement-dicebear-core/index.md
new file mode 100644
index 0000000..2981230
--- /dev/null
+++ b/apps/docs/pages/specification/implement-dicebear-core/index.md
@@ -0,0 +1,851 @@
+---
+title: Implement DiceBear Core
+description: >
+  Step-by-step guide for implementing DiceBear Core in any programming language.
+  Covers the PRNG contract, options resolution, and SVG rendering pipeline.
+---
+
+# Implement DiceBear Core
+
+This guide explains how to implement DiceBear Core in any programming language.
+A correct implementation produces **byte-identical SVGs** to the
+[JavaScript](https://github.com/dicebear/dicebear/tree/10.x/src/js/core),
+[PHP](https://github.com/dicebear/dicebear/tree/10.x/src/php/core),
+[Python](https://github.com/dicebear/dicebear/tree/10.x/src/python/core),
+[Rust](https://github.com/dicebear/dicebear/tree/10.x/src/rust/core),
+[Go](https://github.com/dicebear/dicebear/tree/10.x/src/go/core) and
+[Dart](https://github.com/dicebear/dicebear/tree/10.x/src/dart/core) reference
+implementations for the same seed and style definition.
+
+## Architecture overview
+
+```
+Avatar(definition, options)
+  │
+  ├── Style        Parse and validate the definition JSON
+  ├── Options      Resolve options using the PRNG
+  └── Renderer     Generate SVG from resolved style + options
+        │
+        ├── Prng          Deterministic random number generator
+        │   ├── Fnv1a     FNV-1a 32-bit hash
+        │   └── Mulberry32  Stateful PRNG
+        │
+        └── SVG output
+```
+
+The core is intentionally minimal. It takes a
+[style definition](/specification/definition-schema/) and user options, resolves
+randomizable values through a deterministic PRNG, and renders an SVG string.
+
+## PRNG contract
+
+The PRNG is the interoperability surface. If your PRNG produces the same outputs
+as the reference for the same inputs, your implementation will produce identical
+SVGs. Get this right first.
+
+### FNV-1a 32-bit hash
+
+[FNV-1a](https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function)
+converts a string into a 32-bit unsigned integer. DiceBear iterates over
+**UTF-16 code units** (not bytes, not code points).
+
+```
+offset_basis = 0x811c9dc5
+prime        = 0x01000193
+
+function fnv1a_hash(input: string) -> uint32:
+    hash = offset_basis
+    for each UTF-16 code unit c in input:
+        hash = hash XOR c
+        hash = hash * prime  (32-bit multiply, discard overflow)
+    return hash as unsigned 32-bit
+```
+
+In JavaScript, `input.charCodeAt(i)` returns UTF-16 code units directly.
+Languages without native UTF-16 strings must convert first. Outside the Basic
+Multilingual Plane (e.g. emoji), code units and code points diverge, and using
+code points instead produces wrong hashes for those inputs. The PHP reference
+does the conversion explicitly:
+
+```php
+unpack('v*', mb_convert_encoding($input, 'UTF-16LE', 'UTF-8'))
+```
+
+Java and C# can iterate `string.charAt(i)` / `char` directly. For other
+languages, transcode to UTF-16 and read 16-bit units.
+
+**Reference (JS):**
+
+```js
+static hash(input) {
+  let hash = 0x811c9dc5;
+  for (let i = 0; i < input.length; i++) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 0x01000193);
+  }
+  return hash >>> 0;
+}
+```
+
+### Mulberry32
+
+[Mulberry32](https://gist.github.com/tommyettinger/46a874533244883189143505d203312c)
+is a stateful PRNG that converts a 32-bit seed into a sequence of pseudo-random
+numbers. The implementation must match Tommy Ettinger's C reference exactly.
+
+```
+function mulberry32_next(state) -> (uint32, new_state):
+    state = (state + 0x6D2B79F5) as signed 32-bit
+    z = state
+    z = (z XOR (z >>> 15)) * (z OR 1)    (32-bit multiply)
+    z = z XOR (z + ((z XOR (z >>> 7)) * (z OR 61)))  (32-bit multiply)
+    return (z XOR (z >>> 14)) as unsigned 32-bit
+
+function mulberry32_next_float(state) -> (float, new_state):
+    (value, new_state) = mulberry32_next(state)
+    return value / 2^32
+```
+
+**Reference (JS):**
+
+```js
+next() {
+  const z = (this.#state = (this.#state + 0x6d2b79f5) | 0);
+  let t = Math.imul(z ^ (z >>> 15), z | 1);
+  t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+  return ((t ^ (t >>> 14)) >>> 0);
+}
+
+nextFloat() {
+  return this.next() / 4294967296; // 2^32
+}
+```
+
+Key details:
+
+- `| 0` forces 32-bit signed integer (handles overflow)
+- `>>> 0` converts back to unsigned 32-bit
+- `Math.imul` performs 32-bit integer multiplication
+- `nextFloat()` returns a value in `[0, 1)` by dividing by `2^32`
+- The state is **stateful**: it advances with each call to `next()`
+- Languages with 64-bit integers but no native `uint32_t` (e.g. PHP, Lua) must
+  implement the 32-bit multiply manually: a naïve `uint32 * uint32` exceeds
+  `2^63 - 1` and silently overflows. The PHP reference splits one operand into
+  16-bit halves; see
+  [`Prng/Mulberry32.php::mul`](https://github.com/dicebear/dicebear/blob/10.x/src/php/core/src/Prng/Mulberry32.php).
+
+### Key-based value generation
+
+DiceBear does not call the PRNG sequentially. Instead, each random decision uses
+a **key** to derive an independent value. This makes the output independent of
+call order.
+
+```
+function getValue(seed: string, key: string) -> float:
+    hash = fnv1a_hash(seed + ":" + key)
+    prng = new Mulberry32(hash)
+    return prng.nextFloat()
+```
+
+For example, `getValue("alice", "eyesVariant")` always returns the same float,
+regardless of whether `getValue("alice", "mouthVariant")` was called before or
+after.
+
+### Selection methods
+
+For inputs with more than one entry, every selection method first normalizes:
+
+1. **Deduplicate** by the item's string representation, keeping the first
+   occurrence (`pick` and `shuffle` only; `weightedPick` operates on a map and
+   has unique keys by construction).
+2. **Sort** by the item's string representation using UTF-16 code unit
+   comparison (JavaScript's default `.sort()` order).
+
+Empty inputs return `undefined` (or an empty array for `shuffle`); single-entry
+inputs are returned verbatim without deduplication or sorting. Both
+normalization steps make multi-entry output independent of caller ordering and
+duplicates. In practice the only values ever sorted are component variant names
+and hex color strings (both guaranteed to be ASCII), so an implementation may
+compare with `strcmp` and stay parity-correct, even though the JavaScript
+reference compares full UTF-16 code units. The PHP reference does exactly this.
+
+#### `pick(key, items) -> item | undefined`
+
+Selects one item from an array.
+
+```
+function pick(seed, key, items):
+    if items is empty: return undefined
+    if items has 1 item: return items[0]
+    unique = deduplicate items by string representation
+    if unique has 1 item: return unique[0]
+    sorted = sort unique by string representation
+    index = floor(getValue(seed, key) * length(sorted))
+    return sorted[index]
+```
+
+#### `weightedPick(key, weights) -> key | undefined`
+
+Takes a map of `string → weight` and returns one of the map's keys, biased by
+weight. When every weight is `0`, falls back to an unweighted `pick` across the
+keys.
+
+```
+function weightedPick(seed, key, weights):
+    keys = keys of weights
+    if keys is empty: return undefined
+    if keys has 1 item: return keys[0]
+    sorted = sort keys by string representation
+    totalWeight = sum of weights[k] for k in sorted
+    if totalWeight == 0: return pick(seed, key, sorted)
+    threshold = getValue(seed, key) * totalWeight
+    cumulative = 0
+    for each k in sorted:
+        cumulative += weights[k]
+        if threshold < cumulative: return k
+    return last(sorted)
+```
+
+#### `bool(key, likelihood) -> boolean`
+
+Returns `true` with probability `likelihood / 100`. `likelihood` defaults to
+`50`.
+
+```
+function bool(seed, key, likelihood = 50):
+    return getValue(seed, key) * 100 < likelihood
+```
+
+#### `float(key, range) -> number`
+
+Returns a float in the closed range, rounded to four decimal places. `range` is
+the schema's `{ min, max, step? }` object. If `min > max`, swap them internally.
+With `step > 0`, sample uniformly from
+`{ min + i × step | 0 ≤ i ≤ ⌊(max − min) / step⌋ }`, so when `(max − min)` is
+not a multiple of `step`, the last bucket is `≤ max` and `max` itself is only
+hit when the division is exact. Without `step`, the range is continuous.
+
+```
+function float(seed, key, range):
+    min = min(range.min, range.max)
+    max = max(range.min, range.max)
+    step = range.step if range.step > 0 else 0
+
+    if step > 0:
+        buckets = floor((max - min) / step) + 1
+        i = floor(getValue(seed, key) * buckets)
+        raw = min + i * step
+    else:
+        raw = min + getValue(seed, key) * (max - min)
+
+    return round(raw * 10000) / 10000   # round halves toward +Infinity
+```
+
+The `round` here is the same as in [number formatting](#number-formatting):
+halves round **toward +Infinity** (JavaScript's `Math.round`), not your
+language's native rounding. PHP's `round()` and many others round halves _away
+from zero_, which diverges for negative values landing exactly on a `.5`
+boundary (e.g. `round(-0.40625 × 10000) / 10000` is `-0.4062`, not `-0.4063`).
+
+#### `integer(key, range) -> number`
+
+Returns an integer in the closed range, inclusive on both ends. Accepts the same
+`{ min, max, step? }` object as `float`; `step` is accepted for symmetry but
+ignored, since integers already step by 1.
+
+```
+function integer(seed, key, range):
+    min = min(range.min, range.max)
+    max = max(range.min, range.max)
+    return floor(getValue(seed, key) * (max - min + 1)) + min
+```
+
+#### `shuffle(key, items) -> items[]`
+
+Fisher-Yates shuffle using a **stateful** Mulberry32 instance (not key-based).
+For inputs of length ≤ 1 the items are returned as a copy without deduplication.
+
+```
+function shuffle(seed, key, items):
+    if length(items) <= 1: return copy of items
+    unique  = deduplicate items by string representation
+    sorted  = sort unique by string representation
+    result  = copy of sorted
+    prng    = new Mulberry32(fnv1a_hash(seed + ":" + key))
+
+    for i from length(result) - 1 down to 1:
+        j = floor(prng.nextFloat() * (i + 1))
+        swap result[i] and result[j]
+
+    return result
+```
+
+Note: `shuffle` is the only method that uses a stateful PRNG instance directly
+(calling `nextFloat()` multiple times). All other methods call `getValue()`
+which creates a fresh PRNG for each key.
+
+## Options resolution
+
+The `Options` class resolves raw user options into concrete values used by the
+renderer. Each resolution uses the PRNG with a specific key.
+
+### Core options
+
+| Option            | PRNG key       | Resolution                                                                 |
+| ----------------- | -------------- | -------------------------------------------------------------------------- |
+| `seed`            | —              | Literal string; defaults to `''` if not provided. Not memoized.            |
+| `size`            | —              | Literal number; defaults to unset (renderer omits `width`/`height`).       |
+| `idRandomization` | —              | Boolean; defaults to `false`. Uses host RNG, not the DiceBear PRNG.        |
+| `title`           | —              | Literal string; defaults to unset (omits `<title>`, uses `aria-hidden`).   |
+| `flip`            | `flip`         | `pick` from `['none', 'horizontal', 'vertical', 'both']`, default `'none'` |
+| `rotate`          | `rotate`       | `float` from range, default `0`                                            |
+| `scale`           | `scale`        | `float` from range, default `1`                                            |
+| `borderRadius`    | `borderRadius` | `float` from range, default `0`                                            |
+| `translateX`      | `translateX`   | `float` from range, default `0`                                            |
+| `translateY`      | `translateY`   | `float` from range, default `0`                                            |
+| `fontFamily`      | `fontFamily`   | `pick` from array, default `'system-ui'`                                   |
+| `fontWeight`      | `fontWeight`   | `pick` from array, default `400`                                           |
+
+Options with no PRNG key are read directly from the user input. The rest sample
+from a user-supplied range/list under the given key, falling back to the listed
+default.
+
+The range options (`rotate`, `scale`, `borderRadius`, `translateX`,
+`translateY`, and the per-color `${name}ColorAngle` / `${name}ColorFillStops`)
+accept a number or an array, normalized to a `{ min, max }` range before
+`float`/`integer` sampling:
+
+- a bare number `n` → `{ min: n, max: n }` (a fixed value);
+- a single-element array `[n]` → `{ min: n, max: n }` (same as the bare number);
+- a two-element array → `{ min, max }` taken as the smaller/larger of the two
+  (order does not matter, sampling swaps them anyway);
+- an empty array `[]`, or the option unset, → fall back to the listed default.
+
+Note the edge cases: `[n]` is a fixed value (**not** the default), and `[]`
+falls back to the default (**not** a range with a missing bound). A fixed range
+where `min === max` always samples that exact value.
+
+### Component options
+
+For each component (e.g. `eyes`) the user can supply exactly two options:
+
+| Option            | PRNG key          | Resolution                                                                                                     |
+| ----------------- | ----------------- | -------------------------------------------------------------------------------------------------------------- |
+| `eyesProbability` | `eyesProbability` | `bool` with likelihood from the user option, falling back to the component's `probability` (or `100` if unset) |
+| `eyesVariant`     | `eyesVariant`     | `weightedPick` over a weighted map (see below)                                                                 |
+
+If the probability check fails, the component is not rendered and `variant`
+returns `undefined`.
+
+`eyesVariant` accepts three shapes from the user: a single variant name, an
+array of names, or a `Record<string, number>` weight map. Normalize the first
+two to a map where each named variant has weight `1`. Then drop any keys that
+are not declared in the component's `variants` block, and feed the remaining map
+to `weightedPick`. When the user did not supply the option, build the map from
+the variants' own `weight` values (defaulting to `1`).
+
+For **component aliases** (declared via `extends` in the definition), the user
+side is shared and only the PRNG side is independent. An alias does not expose
+its own `${aliasName}Probability` or `${aliasName}Variant` user option. Both are
+read from the source component's `${sourceName}Probability` and
+`${sourceName}Variant`. The PRNG, however, uses the alias's own name as the key
+(`${aliasName}Probability`, `${aliasName}Variant`), so each alias rolls its
+visibility and variant independently while still being constrained by the same
+user-set weights.
+
+### Per-component transforms (render-time)
+
+Each component reference also has a rotation, two translations, and a scale
+applied at render time. These are **not user options**: they are sampled per
+render from the component definition's `rotate`/`translate`/`scale` ranges. They
+land in the introspective `resolvedOptions` snapshot under `${name}Rotate` /
+`${name}TranslateX` / `${name}TranslateY` / `${name}Scale`, but they are not
+part of the user-facing `StyleOptions<D>` type and feeding them back into a new
+`Avatar` is not supported.
+
+| Value      | PRNG key         | Sampling                                          |
+| ---------- | ---------------- | ------------------------------------------------- |
+| rotate     | `eyesRotate`     | `float` from `component.rotate`, default `0`      |
+| translateX | `eyesTranslateX` | `float` from `component.translate.x`, default `0` |
+| translateY | `eyesTranslateY` | `float` from `component.translate.y`, default `0` |
+| scale      | `eyesScale`      | `float` from `component.scale`, default `1`       |
+
+The translate values are percentages of the **component's own** `width` and
+`height` (not the avatar canvas); multiply by the component dimension to get the
+offset. Like every emitted number it is then run through
+[`formatNumber`](#number-formatting) (which caps it at 5 decimal places). The
+transform center `(cx, cy)` for rotate and scale is the component's own center:
+`(width / 2, height / 2)`.
+
+In the emitted SVG, the non-identity values are concatenated (space-separated)
+into a single `transform` attribute on the `<use>` element, in this textual
+order (read left to right):
+
+```
+transform="translate(tx, ty) rotate(angle, cx, cy) translate(cx, cy) scale(s) translate(-cx, -cy)"
+```
+
+Rules:
+
+- Translate is one segment, emitted if either `tx ≠ 0` or `ty ≠ 0`.
+- Rotate is one segment, emitted if `angle ≠ 0`.
+- Scale is the three-part `translate cx,cy / scale s / translate -cx,-cy`
+  fragment, emitted as a single unit if `s ≠ 1`.
+- If all of `(tx, ty, angle, s)` are identity, the `transform` attribute is
+  omitted entirely.
+- If the style author wrote a `transform` on the component reference, it is
+  prepended verbatim ahead of these segments (see
+  [Component rendering](#component-rendering)).
+
+### Color options
+
+For each color group declared in the definition (**plus** an implicit
+`background` group) the user can supply four options:
+
+| Option                  | Type                                     | PRNG key                | Notes                                                                             |
+| ----------------------- | ---------------------------------------- | ----------------------- | --------------------------------------------------------------------------------- |
+| `${name}Color`          | hex string or list                       | `${name}Color`          | Candidate colors (overrides the definition palette); normalized via `Color.toHex` |
+| `${name}ColorFill`      | enum `solid` / `linear` / `radial`       | `${name}ColorFill`      | `pick` over a list, default `'solid'`                                             |
+| `${name}ColorFillStops` | integer ≥ 2, or `[min, max]` of same     | `${name}ColorFillStops` | `integer` sample, default `2`; ignored when fill is `solid`                       |
+| `${name}ColorAngle`     | number in `[-360, 360]`, or `[min, max]` | `${name}ColorAngle`     | `float` sample, default `0`                                                       |
+
+Resolution for each group:
+
+1. Get candidate colors from the user option (`${name}Color`) or fall back to
+   the style definition's palette.
+2. Normalize every candidate to lowercase hex (6 or 8 digits, leading `#`).
+   3-/4-digit shorthand expands to 6/8.
+3. Determine the number of stops: `1` if fill is `solid`, otherwise sample
+   `${name}ColorFillStops` (PRNG `integer`, default `2`).
+4. Apply constraints from the style definition:
+   - **`contrastTo`**: Sort the candidates by WCAG 2.1 contrast ratio
+     (descending) against the referenced color. The reference is resolved by
+     calling the color-resolver recursively, so cycles must be detected and
+     rejected.
+   - **`notEqualTo`**: Strip the alpha channel from every candidate and every
+     already-picked color in the referenced groups, then drop the matches. If
+     filtering would empty the candidate list, fall back to the unfiltered list:
+     color constraints are best-effort, not hard.
+5. If there is no `contrastTo` constraint, shuffle the candidates.
+6. Slice to the number of stops.
+
+A group declared without a color entry in the style definition (the implicit
+`background` group is the most common case) skips constraint handling entirely
+and just shuffles the user-supplied candidates.
+
+#### WCAG 2.1 contrast ratio
+
+The contrast sort is the most likely source of subtle parity drift between
+ports. Small differences in the linearization cutoff or the luminance
+coefficients change the ordering on certain palettes. These are the defining
+formulas:
+
+```
+function linearize(channel: uint8) -> float:
+    s = channel / 255
+    if s <= 0.04045:
+        return s / 12.92
+    return ((s + 0.055) / 1.055) ^ 2.4
+
+function luminance(hex: string) -> float:
+    (r, g, b) = parseHex(hex)
+    return 0.2126 * linearize(r)
+         + 0.7152 * linearize(g)
+         + 0.0722 * linearize(b)
+
+function contrastRatio(a: hex, b: hex) -> float:
+    la = luminance(a)
+    lb = luminance(b)
+    return (max(la, lb) + 0.05) / (min(la, lb) + 0.05)
+```
+
+The cutoff is `0.04045`, the exponent is `2.4`, and the coefficients are
+`0.2126 / 0.7152 / 0.0722` for R/G/B respectively. Sorting is descending by
+`contrastRatio(candidate, refColor)` and must be **stable** (equal ratios keep
+their input order).
+
+::: warning Do not compute the linearization at runtime
+
+IEEE 754 does not require `pow` to be correctly rounded, and real
+implementations disagree in the last bit: V8's `Math.pow`, the C math library
+(used by PHP, Python, and Rust), and Go's pure-Go `math.Pow` each produce a
+different result for some channel values. A port that evaluates
+`((s + 0.055) / 1.055) ^ 2.4` at runtime will fail the parity fixtures on some
+inputs, and a JavaScript build would even differ between browser engines.
+
+`linearize` has only 256 possible inputs, so every reference implementation
+embeds a precomputed lookup table with the 256 results instead. Copy it from any
+reference port (e.g.
+[`Color.ts`](https://github.com/dicebear/dicebear/blob/10.x/src/js/core/src/Utils/Color.ts)).
+Decimal-literal parsing is correctly rounded in every mainstream language, so
+the table yields bit-identical doubles everywhere, and the remaining arithmetic
+(`+`, `×`, `÷`) is exactly specified by IEEE 754.
+
+One more trap: compilers that fuse `a × b + c` into a single FMA instruction
+(e.g. Go on arm64) round once instead of twice and drift in the last ULP. The
+weighted sum in `luminance` must round after every product. In Go that takes
+explicit `float64(...)` conversions around each product.
+
+:::
+
+## SVG rendering pipeline
+
+The renderer walks the element tree and generates an SVG string. The
+transformations are applied in a specific order. Getting this wrong will produce
+different output.
+
+### Number formatting
+
+Every number emitted into the SVG (`viewBox` dimensions, `width`/`height`, the
+translate/rotate/scale offsets and their centers, `rx`/`ry`, gradient stop
+offsets, the `fontWeight` variable, and so on) is stringified through a single
+helper so that all implementations produce byte-identical output:
+
+```
+function formatNumber(value):
+    scaled = round(value * 100000)   # round halves toward +Infinity
+    sign = "-" if scaled < 0 else ""
+    scaled = abs(scaled)
+
+    integer  = floor(scaled / 100000)
+    fraction = (scaled mod 100000), padded to 5 digits, then trailing zeros removed
+
+    if fraction is empty:
+        return sign + integer
+    return sign + integer + "." + fraction
+```
+
+This rounds to at most **5 decimal places** and always uses plain decimal
+notation (never scientific/exponential), with no trailing zeros and no trailing
+`.0` (e.g. `1`, `-50`, `2.5`, `0.00001`). Build the string from the integer
+`scaled` rather than the language's native float-to-string: PHP's
+precision-based cast and Python's `repr` both diverge from JavaScript for small,
+large, or fractional values. The `round` step rounds halves toward +Infinity
+(JavaScript's `Math.round`); emulate it precisely: `floor(x + 0.5)` is **not**
+equivalent (it is wrong for the largest double below `0.5`, where it yields `1`
+instead of `0`).
+
+### 1. Background
+
+The renderer unconditionally asks the resolver for the `background` color group:
+every style has it implicitly, even when the style definition declares no
+`background` group. If the resolved list is non-empty, emit a
+`<rect width="{w}" height="{h}" fill="{fill}"/>` as the first body element.
+`{fill}` is either a literal hex string (solid fill, or a single candidate
+color) or a `url(#…)` reference to a gradient registered in `<defs>`. See
+[Gradient rendering](#gradient-rendering).
+
+### 2. Element tree
+
+Walk the `canvas.elements` array recursively:
+
+- **`element`**: Render as `<{name} {attrs}/>` (self-closing) when there are no
+  children, otherwise `<{name} {attrs}>{children}</{name}>`. Resolve color and
+  variable references in attribute values, then XML-escape the resolved values.
+  Element names and attribute keys are written verbatim because the schema
+  validator already restricted them to a safe allowlist.
+- **`text`**: Resolve any variable reference, then XML-escape and emit the
+  result as the parent's text content.
+- **`component`**: Look up the selected variant (from options resolution). If
+  the component is visible, emit a `<use>` element pointing at a `<defs>` entry
+  that holds the variant body (see below).
+
+When an `element` has the name `defs`, the renderer **does not** emit a `<defs>`
+tag inline. Instead, each child is rendered and pushed into the shared `<defs>`
+block that the renderer accumulates over the whole walk (alongside generated
+gradients, clip paths, and component variant bodies). The map key is the child's
+`id` attribute when present, otherwise a synthetic `_{n}` slot, so two children
+with the same `id` collapse to one entry, last writer wins. This lets style
+definitions ship reusable fragments without breaking the
+single-`<defs>`-per-document invariant.
+
+#### Component rendering
+
+A component reference is never inlined. The first time the renderer encounters a
+`(component, variant)` pair, it:
+
+1. Renders the variant's element tree.
+2. Wraps it in `<g id="{sourceName}-{variantName}-{seedHash}">…</g>` and appends
+   it to the shared `<defs>` block. `sourceName` is the _source_ component name.
+   For an alias declared via `extends`, this is the name of the component the
+   alias points to, so every alias referencing the same source shares a single
+   `<defs>` entry.
+3. At the call site, emits `<use {attributes} href="#{id}"/>` where
+   `{attributes}` carries:
+   - Every attribute the style author wrote on the component reference itself
+     (rendered first, in iteration order).
+   - A `transform` attribute composed of the per-component transforms (see
+     [Per-component transforms](#per-component-transforms-render-time)). If the
+     author also supplied a `transform`, it is **prepended** so it acts as the
+     outermost (placement) transform, with the per-component values applied
+     inside it. If all per-component values are identity and the author did not
+     supply a transform, the attribute is omitted entirely.
+
+`seedHash` is the FNV-1a hex hash of the seed, lowercased and zero-padded to 8
+characters.
+
+### 3. Transform order
+
+The body (background plus rendered elements) is wrapped in nested `<g>`
+elements. The list below is **outermost → innermost**: the border-radius clip is
+always emitted, the others only when their value is non-identity.
+
+1. **Border radius (always):** register a `<clipPath id="clip-{seedHash}">` in
+   `<defs>` containing a `<rect width="{w}" height="{h}" rx="{rx}" ry="{ry}"/>`
+   where `rx = (borderRadius / 100) * canvas.width` and
+   `ry = (borderRadius / 100) * canvas.height`. Wrap the body in
+   `<g clip-path="url(#clip-{seedHash})">`. **This wrap is emitted even when
+   `borderRadius` is `0`** (with `rx="0" ry="0"`) so that transformed content
+   cannot bleed past the canvas bounds.
+2. **Translate** (skip if both are `0`): `<g transform="translate(dx, dy)">`
+   where `dx = (translateX / 100) * canvas.width` and
+   `dy = (translateY / 100) * canvas.height`.
+3. **Rotate** (skip if `0`): `<g transform="rotate(angle, cx, cy)">` around
+   canvas center, `cx = width / 2`, `cy = height / 2`.
+4. **Flip** (skip if `none`) depends on mode:
+   - `horizontal`: `translate(width, 0) scale(-1, 1)`
+   - `vertical`: `translate(0, height) scale(1, -1)`
+   - `both`: `translate(width, height) scale(-1, -1)`
+5. **Scale** (skip if `1`):
+   `<g transform="translate(cx, cy) scale(s) translate(-cx, -cy)">` where
+   `cx = width / 2`, `cy = height / 2`.
+
+Because border-radius is always wrapping the body, the rendered SVG always
+contains a `<defs>` block with at least the `<clipPath>` entry.
+
+### 4. SVG root element
+
+The root `<svg>` element's attributes, in this order:
+
+1. `xmlns="http://www.w3.org/2000/svg"`
+2. `viewBox="0 0 {width} {height}"`
+3. Global `attributes` from the style definition: keys verbatim from the
+   allowlist, values XML-escaped
+4. Either `role="img" aria-label="{title}"` (when `title` is set, escaped) or
+   `aria-hidden="true"`
+5. `width="{size}"` and `height="{size}"` (only when the `size` option is set)
+
+Its children, in this exact order:
+
+1. The generator comment
+   `<!-- Generated by DiceBear (https://dicebear.com) -->`, always present and
+   byte-identical across implementations.
+2. `<metadata>`: the Dublin Core / RDF block from `meta` (see below); omitted
+   entirely if `meta` is empty.
+3. `<defs>`: the accumulated definitions (clip path, gradients, component
+   variant bodies). Always present in practice because the border-radius clip is
+   always registered.
+4. `<title>`: only when the `title` option is set. Contents are escaped.
+5. The transformed body from the previous step.
+
+#### `<metadata>` block
+
+The license/attribution metadata is emitted as a real `<metadata>` element with
+RDF / Dublin Core terms, **not** as an HTML comment:
+
+```xml
+<metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+          xmlns:dc="http://purl.org/dc/elements/1.1/"
+          xmlns:dcterms="http://purl.org/dc/terms/">
+  <rdf:RDF>
+    <rdf:Description>
+      <dc:title>{source.name}</dc:title>
+      <dc:creator>{creator.name}</dc:creator>
+      <dc:source xsi:type="dcterms:URI">{source.url}</dc:source>
+      <dcterms:license xsi:type="dcterms:URI">{license.url}</dcterms:license>
+      <dc:rights>{attribution text}</dc:rights>
+    </rdf:Description>
+  </rdf:RDF>
+</metadata>
+```
+
+Each `dc:*` / `dcterms:*` field is only included when the corresponding `meta`
+field is populated; if no field is populated, the `<metadata>` element is
+omitted entirely. All text content is XML-escaped. The `<dc:rights>` value is a
+single-line attribution string composed from `source`, `creator`, and `license`
+(prefixed with `Remix of ` unless the style is MIT-licensed, authored by
+DiceBear itself, or has no `source.name`).
+
+### 5. ID randomization
+
+When `idRandomization` is `true`, append a random suffix to every existing `id`
+attribute and update every matching reference. The replacement patterns are
+`id="…"`, `url(#…)`, and `href="#…"`; each occurrence is rewritten to
+`{original}-{suffix}`.
+
+The suffix format is **6 lowercase hex characters**, left-padded with zeros: in
+JavaScript,
+`Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0')`.
+
+The suffix **must be non-deterministic**: derive it from the host language's
+non-seeded RNG (`Math.random()` in JavaScript, `random_int()` in PHP,
+`random.randint()` in Python), not from the DiceBear PRNG. Two avatars rendered
+with the same seed would otherwise still collide on their IDs, defeating the
+purpose of the feature. Because the randomized output is non-deterministic, it
+is excluded from parity testing: the avatar fixtures use the default of
+`idRandomization: false`.
+
+## Gradient rendering
+
+A gradient is emitted only when the fill is `linear` or `radial` **and** the
+color list has at least two entries. Otherwise the renderer returns a literal
+hex string (`colors[0]`, or `'none'` when the list is empty).
+
+When a gradient is needed:
+
+1. Create a `<linearGradient>` (for `linear`) or `<radialGradient>` (for
+   `radial`) in `<defs>`.
+2. Calculate per-stop offsets: `formatNumber(i / (colors.length - 1) * 100)`
+   followed by `%` (offsets are formatted like every other number, see
+   [Number formatting](#number-formatting)).
+3. Emit each color as `<stop offset="{offset}%" stop-color="{hex}"/>`.
+4. Add `gradientTransform="rotate(angle, 0.5, 0.5)"` only when the resolved
+   `${name}ColorAngle` is non-zero; omit the attribute entirely otherwise.
+5. Reference the gradient via `url(#{id})` in the fill attribute that asked for
+   it.
+6. Gradient ID format: `{colorName}-color-{seedHash}` where `seedHash` is the
+   FNV-1a hex hash of the seed (8 chars, zero-padded, lowercased).
+
+## Initials extraction
+
+The `initial` and `initials` variables are derived from the seed via the
+`Initials.fromSeed(seed)` helper:
+
+1. Strip the `@...` suffix so that an email yields a single name (`alice@x` →
+   `alice`, not `[alice, x]`).
+2. Remove apostrophe-like characters (`` ` ´ ' ʼ ``) so that `O'Neill` is
+   treated as one word.
+3. Match Unicode letter sequences with `\p{L}[\p{L}\p{M}]*`: each match is one
+   "word".
+4. **No words found?** Retry once without step 1 (so a seed of just `@bob` still
+   yields `B`). If that still returns nothing, the variable resolves to the
+   empty string.
+5. **One word?** Take the first one or two grapheme-like units (`\p{L}\p{M}*`),
+   uppercased.
+6. **Multiple words?** Take the first grapheme of the first word and the first
+   grapheme of the last word, uppercased.
+
+`initial` is `initials.charAt(0)`, the first code unit of the result, which
+matches the first letter for every input the regex produces.
+
+## Testing your implementation
+
+The DiceBear repository ships a language-neutral parity test suite at
+[`tests/fixtures/parity/`](https://github.com/dicebear/dicebear/tree/10.x/tests/fixtures/parity).
+It is the canonical way to verify a new implementation: the JavaScript, PHP,
+Python, Rust, Go, and Dart reference implementations all consume the same JSON
+fixtures and assert the same outputs, so any port that reads these fixtures gets
+the same coverage for free.
+
+The fixture tree contains:
+
+- **`fnv1a.json`**: input strings with their expected 32-bit hash and 8-char hex
+  representation. Includes ASCII, the `seed:key` patterns produced by
+  `Prng.getValue()`, and Unicode (`„é"`, `„日本語"`, emoji, long strings).
+- **`mulberry32.json`**: seeds with the first 5 chained `{nextFloat, state}`
+  pairs each. Catches state-progression bugs, not just first-step bugs.
+- **`prng.json`**: every `Prng` method (`getValue`, `pick`, `weightedPick`,
+  `bool`, `float`, `integer`, `shuffle`) with `{seed, key, args, result}` test
+  cases, including order-independence checks for `pick` / `weightedPick` /
+  `shuffle`.
+- **`numbers.json`**: the number-to-string formatting contract (at most 5
+  decimal places, halves toward +Infinity), including negative half-way
+  boundaries and tiny values that collapse to `0`.
+- **`initials.json`**: seed-to-initials extraction, covering accents, quotes,
+  email `@`-stripping, CJK, and emoji.
+- **`colors.json`**: the `Color` helpers (`toHex`, `toRgbHex`, `parseHex`,
+  `luminance`, `sortByContrast`, `filterNotEqualTo`). The luminance entries pin
+  exact doubles (including values around the linearization threshold, see the
+  warning above), and the sort cases include a stability check.
+- **`validation.json`**: style definitions and options with their expected
+  accept/reject outcome (error _messages_ are language-specific and not part of
+  the contract), plus circular `contrastTo` chains with the expected resolution
+  path.
+- **`styles/{initials,thumbs,glass,notionists,shape-grid}.json`**: vendored
+  copies of five style definitions chosen to cover most rendering features
+  (text, components, color overrides, gradient fills, root SVG attributes).
+- **`avatars/{initials,thumbs,glass,notionists,shape-grid}.json`**:
+  `{id, options, svg, resolvedOptions}` cases per style, exercising seed, size,
+  scale, rotate, translate, border radius, flip, background gradients
+  (solid/linear/radial), `title` escaping, component variant overrides, and
+  style-specific options like `fontFamily` and `gestureVariant`. Select cases
+  also carry a `dataUri` field that pins the percent-encoding contract
+  (JavaScript's `encodeURIComponent`: every byte except `A-Za-z0-9-_.!~*'()` is
+  escaped).
+- **`descriptors/{initials,thumbs,glass,notionists,shape-grid}.json`**: the
+  `OptionsDescriptor` field map per style (types, ranges, sorted variant lists,
+  per-color fields).
+
+### How to use the fixtures
+
+For each fixture entry, your implementation must produce the recorded result
+exactly:
+
+```text
+fnv1a:      Fnv1a::hash(input)        == entry.hash
+            Fnv1a::hex(input)         == entry.hex
+mulberry32: m = Mulberry32(seed);
+            for each {float, state} in sequence:
+              m.nextFloat() == float && m.state() == state
+prng:       Prng(seed).<method>(key, args) == result
+numbers:    formatNumber(input)       == entry.output
+initials:   Initials::fromSeed(seed)  == entry.result
+colors:     Color::<method>(args)     == entry.result   (floats bit-exact)
+validation: Style/Avatar construction succeeds iff entry.valid;
+            circular cases throw with chain == entry.chain
+descriptor: OptionsDescriptor(style).toJSON() deep-equals the fixture
+avatar:     Avatar(style, options).toString() == svg    (byte-for-byte)
+            Avatar(style, options).toDataUri() == dataUri (when present)
+```
+
+Start with `fnv1a.json` and `mulberry32.json`. These are pure functions and the
+easiest to debug. Once those are green, the `prng.json` cases will tell you
+whether your sort order, weighted-pick threshold, and Fisher-Yates loop match.
+Only then move on to the avatar fixtures, which compose everything.
+
+The `resolvedOptions` field on each avatar fixture contains only the options
+that were actually touched during resolution: unset options (`title`, `size`
+when not provided, etc.) do not appear. The JavaScript reference relies on
+`JSON.stringify()` dropping `undefined` values at the serialization boundary;
+the PHP reference filters `null` values explicitly in `Options::resolved()`, and
+the Python reference does the same in `Resolver.resolved()`. All produce the
+same shape. A port that returns the full memo map verbatim will fail the
+comparison. Strip unset entries before serializing.
+
+### Regenerating the fixtures
+
+The fixtures are produced from the JavaScript reference implementation:
+
+```bash
+npm run fixtures:parity
+```
+
+This rewrites every file under `tests/fixtures/parity/` from `@dicebear/core`.
+You only need to run this if you have intentionally changed the JS rendering
+output and want to update the expected values for every implementation.
+
+### Manual SVG comparison
+
+For ad-hoc spot checks beyond the fixtures, you can also generate reference SVGs
+from the CLI and compare byte-for-byte:
+
+```bash
+dicebear initials ./reference --seed "Alice" --count 1
+dicebear lorelei ./reference --seed "Alice" --count 1
+dicebear avataaars ./reference --seed "Alice" --count 1
+```
+
+Start with the `initials` style (simplest) and work up to more complex styles
+with multiple components and color constraints.
+
+## Reference implementations
+
+| Language   | Package                               | Source                                                                                     |
+| ---------- | ------------------------------------- | ------------------------------------------------------------------------------------------ |
+| JavaScript | `@dicebear/core`                      | [src/js/core/src/](https://github.com/dicebear/dicebear/tree/10.x/src/js/core/src)         |
+| PHP        | `dicebear/core`                       | [src/php/core/src/](https://github.com/dicebear/dicebear/tree/10.x/src/php/core/src)       |
+| Python     | `dicebear-core`                       | [src/python/core/src/](https://github.com/dicebear/dicebear/tree/10.x/src/python/core/src) |
+| Rust       | `dicebear-core`                       | [src/rust/core/src/](https://github.com/dicebear/dicebear/tree/10.x/src/rust/core/src)     |
+| Go         | `github.com/dicebear/dicebear-go/v10` | [src/go/core/](https://github.com/dicebear/dicebear/tree/10.x/src/go/core)                 |
+| Dart       | `dicebear_core`                       | [src/dart/core/lib/](https://github.com/dicebear/dicebear/tree/10.x/src/dart/core/lib)     |
diff --git a/apps/docs/pages/stats/index.md b/apps/docs/pages/stats/index.md
new file mode 100644
index 0000000..6db20a2
--- /dev/null
+++ b/apps/docs/pages/stats/index.md
@@ -0,0 +1,15 @@
+---
+layout: page
+title: Statistics | DiceBear Avatar API Usage & Trends
+titleTemplate: false
+description: >
+  Live statistics for the DiceBear Avatar API: daily requests, bandwidth, npm
+  downloads, popular styles, version distribution, and output formats.
+aside: false
+---
+
+<script setup>
+import PageStats from '@theme/components/pages/PageStats.vue';
+</script>
+
+<PageStats />
diff --git a/apps/docs/pages/styles/adventurer-neutral/index.md b/apps/docs/pages/styles/adventurer-neutral/index.md
new file mode 100644
index 0000000..696d58e
--- /dev/null
+++ b/apps/docs/pages/styles/adventurer-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Adventurer Neutral – Avatar Style
+description: >
+  Create Adventurer Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Adventurer Neutral
+
+Adventurer Neutral is a reduced variant of the Adventurer style, showing only
+the eyes, eyebrows, and mouth on a solid background, with no head outline or
+hair.
+
+<StylePreview styleName="adventurer-neutral" />
+
+<StyleDescription styleName="adventurer-neutral" />
+
+## Usage
+
+<StyleUsage styleName="adventurer-neutral" />
+
+## Options
+
+<StyleOptions styleName="adventurer-neutral" />
+
+## Details
+
+<StyleInfo styleName="adventurer-neutral" />
diff --git a/apps/docs/pages/styles/adventurer/index.md b/apps/docs/pages/styles/adventurer/index.md
new file mode 100644
index 0000000..ce1b05b
--- /dev/null
+++ b/apps/docs/pages/styles/adventurer/index.md
@@ -0,0 +1,37 @@
+---
+title: Adventurer – Avatar Style
+description: >
+  Create Adventurer avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Adventurer
+
+Adventurer is an illustrated vector avatar style with expressive cartoon faces,
+bold outlines, varied hairstyles, and customizable details like glasses,
+earrings, and eyebrows. Generate friendly profile icons for games, communities,
+and social apps.
+
+<StylePreview styleName="adventurer" />
+
+<StyleDescription styleName="adventurer" />
+
+## Usage
+
+<StyleUsage styleName="adventurer" />
+
+## Options
+
+<StyleOptions styleName="adventurer" />
+
+## Details
+
+<StyleInfo styleName="adventurer" />
diff --git a/apps/docs/pages/styles/avataaars-neutral/index.md b/apps/docs/pages/styles/avataaars-neutral/index.md
new file mode 100644
index 0000000..a535724
--- /dev/null
+++ b/apps/docs/pages/styles/avataaars-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Avataaars Neutral – Avatar Style
+description: >
+  Create Avataaars Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Avataaars Neutral
+
+Avataaars Neutral is a reduced variant of the Avataaars style, showing only the
+eyes, eyebrows, and mouth on a solid colored square, with no head, hair, or
+clothing.
+
+<StylePreview styleName="avataaars-neutral" />
+
+<StyleDescription styleName="avataaars-neutral" />
+
+## Usage
+
+<StyleUsage styleName="avataaars-neutral" />
+
+## Options
+
+<StyleOptions styleName="avataaars-neutral" />
+
+## Details
+
+<StyleInfo styleName="avataaars-neutral" />
diff --git a/apps/docs/pages/styles/avataaars/index.md b/apps/docs/pages/styles/avataaars/index.md
new file mode 100644
index 0000000..6f52d67
--- /dev/null
+++ b/apps/docs/pages/styles/avataaars/index.md
@@ -0,0 +1,37 @@
+---
+title: Avataaars – Avatar Style
+description: >
+  Create Avataaars avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Avataaars
+
+Avataaars is a popular cartoon vector avatar style with half-body characters and
+a wide range of hairstyles, clothing, accessories, and facial expressions.
+Generate customizable SVG profile icons for user accounts, dashboards, and
+social applications.
+
+<StylePreview styleName="avataaars" />
+
+<StyleDescription styleName="avataaars" />
+
+## Usage
+
+<StyleUsage styleName="avataaars" />
+
+## Options
+
+<StyleOptions styleName="avataaars" />
+
+## Details
+
+<StyleInfo styleName="avataaars" />
diff --git a/apps/docs/pages/styles/big-ears-neutral/index.md b/apps/docs/pages/styles/big-ears-neutral/index.md
new file mode 100644
index 0000000..aff3cf9
--- /dev/null
+++ b/apps/docs/pages/styles/big-ears-neutral/index.md
@@ -0,0 +1,36 @@
+---
+title: Big Ears Neutral – Avatar Style
+description: >
+  Create Big Ears Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Big Ears Neutral
+
+Big Ears Neutral is a reduced variant of the Big Ears style, showing only the
+eyes and mouth on a solid colored square, with no head outline, hair, or ears.
+
+<StylePreview styleName="big-ears-neutral" />
+
+<StyleDescription styleName="big-ears-neutral" />
+
+## Usage
+
+<StyleUsage styleName="big-ears-neutral" />
+
+## Options
+
+<StyleOptions styleName="big-ears-neutral" />
+
+## Details
+
+<StyleInfo styleName="big-ears-neutral" />
diff --git a/apps/docs/pages/styles/big-ears/index.md b/apps/docs/pages/styles/big-ears/index.md
new file mode 100644
index 0000000..613af2f
--- /dev/null
+++ b/apps/docs/pages/styles/big-ears/index.md
@@ -0,0 +1,36 @@
+---
+title: Big Ears – Avatar Style
+description: >
+  Create Big Ears avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Big Ears
+
+Big Ears is a playful vector avatar style of cartoon heads with oversized round
+ears, varied hairstyles, and simple expressive faces. Generate cheerful profile
+icons for community apps, kids' platforms, and casual social products.
+
+<StylePreview styleName="big-ears" />
+
+<StyleDescription styleName="big-ears" />
+
+## Usage
+
+<StyleUsage styleName="big-ears" />
+
+## Options
+
+<StyleOptions styleName="big-ears" />
+
+## Details
+
+<StyleInfo styleName="big-ears" />
diff --git a/apps/docs/pages/styles/big-smile/index.md b/apps/docs/pages/styles/big-smile/index.md
new file mode 100644
index 0000000..e7cb23b
--- /dev/null
+++ b/apps/docs/pages/styles/big-smile/index.md
@@ -0,0 +1,36 @@
+---
+title: Big Smile – Avatar Style
+description: >
+  Create Big Smile avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Big Smile
+
+Big Smile is an illustrated vector avatar style with rounded cartoon faces, full
+hairstyles, and oversized toothy smiles. Generate cheerful SVG profile icons
+that stand out in user feeds and comment sections.
+
+<StylePreview styleName="big-smile" />
+
+<StyleDescription styleName="big-smile" />
+
+## Usage
+
+<StyleUsage styleName="big-smile" />
+
+## Options
+
+<StyleOptions styleName="big-smile" />
+
+## Details
+
+<StyleInfo styleName="big-smile" />
diff --git a/apps/docs/pages/styles/bottts-neutral/index.md b/apps/docs/pages/styles/bottts-neutral/index.md
new file mode 100644
index 0000000..98bfc22
--- /dev/null
+++ b/apps/docs/pages/styles/bottts-neutral/index.md
@@ -0,0 +1,36 @@
+---
+title: Bottts Neutral – Avatar Style
+description: >
+  Create Bottts Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Bottts Neutral
+
+Bottts Neutral is a reduced variant of the Bottts style, showing only the robot
+eyes and mouth on a solid colored square, with no head, antennas, or side units.
+
+<StylePreview styleName="bottts-neutral" />
+
+<StyleDescription styleName="bottts-neutral" />
+
+## Usage
+
+<StyleUsage styleName="bottts-neutral" />
+
+## Options
+
+<StyleOptions styleName="bottts-neutral" />
+
+## Details
+
+<StyleInfo styleName="bottts-neutral" />
diff --git a/apps/docs/pages/styles/bottts/index.md b/apps/docs/pages/styles/bottts/index.md
new file mode 100644
index 0000000..fcc66e7
--- /dev/null
+++ b/apps/docs/pages/styles/bottts/index.md
@@ -0,0 +1,36 @@
+---
+title: Bottts – Avatar Style
+description: >
+  Create Bottts avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Bottts
+
+Bottts is a robot-themed vector avatar style with modular bot heads built from
+swappable faces, mouths, antennas, side units, and textures. Generate fun,
+technical profile icons for developer tools, AI apps, and API services.
+
+<StylePreview styleName="bottts" />
+
+<StyleDescription styleName="bottts" />
+
+## Usage
+
+<StyleUsage styleName="bottts" />
+
+## Options
+
+<StyleOptions styleName="bottts" />
+
+## Details
+
+<StyleInfo styleName="bottts" />
diff --git a/apps/docs/pages/styles/croodles-neutral/index.md b/apps/docs/pages/styles/croodles-neutral/index.md
new file mode 100644
index 0000000..adb5fc0
--- /dev/null
+++ b/apps/docs/pages/styles/croodles-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Croodles Neutral – Avatar Style
+description: >
+  Create Croodles Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Croodles Neutral
+
+Croodles Neutral is a reduced variant of the Croodles style, drawing only the
+eyes, nose, and mouth in loose black ink lines on a plain background, with no
+head outline or hair.
+
+<StylePreview styleName="croodles-neutral" />
+
+<StyleDescription styleName="croodles-neutral" />
+
+## Usage
+
+<StyleUsage styleName="croodles-neutral" />
+
+## Options
+
+<StyleOptions styleName="croodles-neutral" />
+
+## Details
+
+<StyleInfo styleName="croodles-neutral" />
diff --git a/apps/docs/pages/styles/croodles/index.md b/apps/docs/pages/styles/croodles/index.md
new file mode 100644
index 0000000..d8864d1
--- /dev/null
+++ b/apps/docs/pages/styles/croodles/index.md
@@ -0,0 +1,36 @@
+---
+title: Croodles – Avatar Style
+description: >
+  Create Croodles avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Croodles
+
+Croodles is a hand-drawn doodle vector avatar style rendered in loose black ink
+lines: sketchy faces with hair, glasses, and quirky expressions. Generate
+informal profile icons for blogs, creative tools, and sketchbook-style products.
+
+<StylePreview styleName="croodles" />
+
+<StyleDescription styleName="croodles" />
+
+## Usage
+
+<StyleUsage styleName="croodles" />
+
+## Options
+
+<StyleOptions styleName="croodles" />
+
+## Details
+
+<StyleInfo styleName="croodles" />
diff --git a/apps/docs/pages/styles/disco/index.md b/apps/docs/pages/styles/disco/index.md
new file mode 100644
index 0000000..17456d0
--- /dev/null
+++ b/apps/docs/pages/styles/disco/index.md
@@ -0,0 +1,36 @@
+---
+title: Disco – Avatar Style
+description: >
+  Create Disco avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Disco
+
+Disco is an abstract vector avatar style built from halftone-like grids of small
+shapes that grow and shrink across a colored background. Generate graphic SVG
+profile icons, useful as avatar placeholders or decorative user identifiers.
+
+<StylePreview styleName="disco" />
+
+<StyleDescription styleName="disco" />
+
+## Usage
+
+<StyleUsage styleName="disco" />
+
+## Options
+
+<StyleOptions styleName="disco" />
+
+## Details
+
+<StyleInfo styleName="disco" />
diff --git a/apps/docs/pages/styles/dylan/index.md b/apps/docs/pages/styles/dylan/index.md
new file mode 100644
index 0000000..5d228f6
--- /dev/null
+++ b/apps/docs/pages/styles/dylan/index.md
@@ -0,0 +1,36 @@
+---
+title: Dylan – Avatar Style
+description: >
+  Create Dylan avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Dylan
+
+Dylan is a bold, flat-illustrated vector avatar style with chunky outlined
+faces, hand-drawn stubble, and minimal facial features on saturated backgrounds.
+Generate distinctive SVG profile icons for creative projects and modern apps.
+
+<StylePreview styleName="dylan" />
+
+<StyleDescription styleName="dylan" />
+
+## Usage
+
+<StyleUsage styleName="dylan" />
+
+## Options
+
+<StyleOptions styleName="dylan" />
+
+## Details
+
+<StyleInfo styleName="dylan" />
diff --git a/apps/docs/pages/styles/fun-emoji/index.md b/apps/docs/pages/styles/fun-emoji/index.md
new file mode 100644
index 0000000..a098c5f
--- /dev/null
+++ b/apps/docs/pages/styles/fun-emoji/index.md
@@ -0,0 +1,37 @@
+---
+title: Fun Emoji – Avatar Style
+description: >
+  Create Fun Emoji avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Fun Emoji
+
+Fun Emoji is an emoji-inspired vector avatar style that places a single
+expressive face (eyes, mouth, and the occasional accessory like sunglasses or
+tears) on a solid colored square. Generate instantly readable profile icons for
+chat apps and social networks.
+
+<StylePreview styleName="fun-emoji" />
+
+<StyleDescription styleName="fun-emoji" />
+
+## Usage
+
+<StyleUsage styleName="fun-emoji" />
+
+## Options
+
+<StyleOptions styleName="fun-emoji" />
+
+## Details
+
+<StyleInfo styleName="fun-emoji" />
diff --git a/apps/docs/pages/styles/glass/index.md b/apps/docs/pages/styles/glass/index.md
new file mode 100644
index 0000000..b1f63fe
--- /dev/null
+++ b/apps/docs/pages/styles/glass/index.md
@@ -0,0 +1,37 @@
+---
+title: Glass – Avatar Style
+description: >
+  Create Glass avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Glass
+
+Glass is a minimal abstract vector avatar style rendered as smooth color
+gradients with a subtle glassy sheen and no visible shapes. Generate SVG profile
+icons that work as understated placeholders or backgrounds for polished
+interfaces.
+
+<StylePreview styleName="glass" />
+
+<StyleDescription styleName="glass" />
+
+## Usage
+
+<StyleUsage styleName="glass" />
+
+## Options
+
+<StyleOptions styleName="glass" />
+
+## Details
+
+<StyleInfo styleName="glass" />
diff --git a/apps/docs/pages/styles/glyphs/index.md b/apps/docs/pages/styles/glyphs/index.md
new file mode 100644
index 0000000..f737918
--- /dev/null
+++ b/apps/docs/pages/styles/glyphs/index.md
@@ -0,0 +1,37 @@
+---
+title: Glyphs – Avatar Style
+description: >
+  Create Glyphs avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Glyphs
+
+Glyphs is a minimal abstract vector avatar style that pairs a flat shoulder
+silhouette with a unique glyph-like hat or headpiece inside a soft tinted
+circle. Generate simple SVG profile icons that work well as placeholders in user
+lists and chat sidebars.
+
+<StylePreview styleName="glyphs" />
+
+<StyleDescription styleName="glyphs" />
+
+## Usage
+
+<StyleUsage styleName="glyphs" />
+
+## Options
+
+<StyleOptions styleName="glyphs" />
+
+## Details
+
+<StyleInfo styleName="glyphs" />
diff --git a/apps/docs/pages/styles/icons/index.md b/apps/docs/pages/styles/icons/index.md
new file mode 100644
index 0000000..4b8e177
--- /dev/null
+++ b/apps/docs/pages/styles/icons/index.md
@@ -0,0 +1,37 @@
+---
+title: Icons – Avatar Style
+description: >
+  Create Icons avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Icons
+
+Icons is a clean vector avatar style that drops a single Bootstrap Icons
+pictogram onto a tinted background. Generate scalable profile icons ideal for
+dashboards, admin panels, and enterprise tools where character faces would feel
+out of place.
+
+<StylePreview styleName="icons" />
+
+<StyleDescription styleName="icons" />
+
+## Usage
+
+<StyleUsage styleName="icons" />
+
+## Options
+
+<StyleOptions styleName="icons" />
+
+## Details
+
+<StyleInfo styleName="icons" />
diff --git a/apps/docs/pages/styles/identicon/index.md b/apps/docs/pages/styles/identicon/index.md
new file mode 100644
index 0000000..39bd34f
--- /dev/null
+++ b/apps/docs/pages/styles/identicon/index.md
@@ -0,0 +1,47 @@
+---
+title: Identicon – SVG Identicon API
+description: >
+  Generate deterministic Identicon avatars with DiceBear, a free, open source
+  SVG identicon API and avatar library for user profile pictures.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Identicon
+
+Identicon renders symmetrical pixel-grid patterns in a single color on a tinted
+background, the classic identicon look popularised by developer tools and
+version control hosts. Each pattern is deterministically derived from its seed,
+so it works well for technical profile icons and identicon API use cases.
+
+<StylePreview styleName="identicon" />
+
+<StyleDescription styleName="identicon" />
+
+## What is an identicon?
+
+An identicon is a small image built from a value like a username, email, or user
+ID. The same input always produces the same picture, so people can recognise an
+account at a glance and nobody has to upload a photo. GitHub popularised them as
+default profile pictures, and many developer tools do the same. DiceBear's
+Identicon style works this way too: it hashes the seed and draws a symmetrical
+grid, so you can use it as an identicon generator for profile icons and
+placeholder avatars.
+
+## Usage
+
+<StyleUsage styleName="identicon" />
+
+## Options
+
+<StyleOptions styleName="identicon" />
+
+## Details
+
+<StyleInfo styleName="identicon" />
diff --git a/apps/docs/pages/styles/index.md b/apps/docs/pages/styles/index.md
new file mode 100644
index 0000000..e258bef
--- /dev/null
+++ b/apps/docs/pages/styles/index.md
@@ -0,0 +1,40 @@
+---
+layout: page
+title: Avatar Styles – Browse 35+ Avatar Designs
+description: >
+  Browse 35+ styles and generate avatars with the DiceBear avatar library. From
+  abstract patterns to character designs: the perfect avatar generator for
+  profile pictures and user avatars.
+aside: false
+sidebar: false
+---
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import StyleList from "@theme/components/styles/StyleList.vue";
+import { UiContainer, UiHeadline, UiDescription } from "@theme/components/ui";
+
+const { theme } = useData();
+const styleCount = computed(() => Object.keys(theme.value.avatarStyles).length);
+</script>
+
+<UiContainer class="styles-page">
+  <div class="styles-hero">
+    <UiHeadline tag="h1" class="styles-title">
+      <strong>Styles</strong> Overview
+    </UiHeadline>
+    <UiDescription>
+      Browse our avatar library, from abstract patterns to hand-crafted character illustrations. Every style is made by artists and ready to use as profile pictures in your projects.
+    </UiDescription>
+  </div>
+
+  <StyleList />
+</UiContainer>
+
+<style>
+.styles-page .styles-hero {
+  text-align: center;
+  padding: 80px 0 48px;
+}
+</style>
diff --git a/apps/docs/pages/styles/initial-face/index.md b/apps/docs/pages/styles/initial-face/index.md
new file mode 100644
index 0000000..4aec2a4
--- /dev/null
+++ b/apps/docs/pages/styles/initial-face/index.md
@@ -0,0 +1,37 @@
+---
+title: Initial Face – Avatar Style
+description: >
+  Create Initial Face avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Initial Face
+
+Initial Face is a friendly vector avatar style that combines expressive eyes
+with a single bold initial on a colored square: half emoji, half monogram.
+Generate SVG profile icons that feel personal even at small sizes, great for
+user lists and profile placeholders.
+
+<StylePreview styleName="initial-face" />
+
+<StyleDescription styleName="initial-face" />
+
+## Usage
+
+<StyleUsage styleName="initial-face" />
+
+## Options
+
+<StyleOptions styleName="initial-face" />
+
+## Details
+
+<StyleInfo styleName="initial-face" />
diff --git a/apps/docs/pages/styles/initials/index.md b/apps/docs/pages/styles/initials/index.md
new file mode 100644
index 0000000..04e4926
--- /dev/null
+++ b/apps/docs/pages/styles/initials/index.md
@@ -0,0 +1,38 @@
+---
+title: Initials – Avatar Placeholder API
+description: >
+  Generate SVG initials avatars with DiceBear, a free avatar placeholder API and
+  JavaScript library for user profile pictures.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Initials
+
+Initials is a text-based vector avatar style that renders one or two large
+letters centered on a solid colored square, the monogram or letter avatar you
+see in many apps. It is deterministic and easy to read, which makes it a
+practical fallback for users who haven't uploaded a profile picture yet, and you
+can generate it from any name or seed.
+
+<StylePreview styleName="initials" />
+
+<StyleDescription styleName="initials" />
+
+## Usage
+
+<StyleUsage styleName="initials" />
+
+## Options
+
+<StyleOptions styleName="initials" />
+
+## Details
+
+<StyleInfo styleName="initials" />
diff --git a/apps/docs/pages/styles/lorelei-neutral/index.md b/apps/docs/pages/styles/lorelei-neutral/index.md
new file mode 100644
index 0000000..dc7918f
--- /dev/null
+++ b/apps/docs/pages/styles/lorelei-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Lorelei Neutral – Avatar Style
+description: >
+  Create Lorelei Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Lorelei Neutral
+
+Lorelei Neutral is a reduced variant of the Lorelei style, drawing only the
+eyes, nose, and mouth in delicate ink lines on a plain background, with no head
+outline or hair.
+
+<StylePreview styleName="lorelei-neutral" />
+
+<StyleDescription styleName="lorelei-neutral" />
+
+## Usage
+
+<StyleUsage styleName="lorelei-neutral" />
+
+## Options
+
+<StyleOptions styleName="lorelei-neutral" />
+
+## Details
+
+<StyleInfo styleName="lorelei-neutral" />
diff --git a/apps/docs/pages/styles/lorelei/index.md b/apps/docs/pages/styles/lorelei/index.md
new file mode 100644
index 0000000..d0c72f6
--- /dev/null
+++ b/apps/docs/pages/styles/lorelei/index.md
@@ -0,0 +1,37 @@
+---
+title: Lorelei – Avatar Style
+description: >
+  Create Lorelei avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Lorelei
+
+Lorelei is a hand-drawn vector avatar style rendered in fine black ink lines,
+with detailed hairstyles, expressive eyes, and sketched collars. Generate
+illustration-style SVG profile icons for social apps, editorial sites, and user
+accounts.
+
+<StylePreview styleName="lorelei" />
+
+<StyleDescription styleName="lorelei" />
+
+## Usage
+
+<StyleUsage styleName="lorelei" />
+
+## Options
+
+<StyleOptions styleName="lorelei" />
+
+## Details
+
+<StyleInfo styleName="lorelei" />
diff --git a/apps/docs/pages/styles/micah/index.md b/apps/docs/pages/styles/micah/index.md
new file mode 100644
index 0000000..7dca2f6
--- /dev/null
+++ b/apps/docs/pages/styles/micah/index.md
@@ -0,0 +1,37 @@
+---
+title: Micah – Avatar Style
+description: >
+  Create Micah avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Micah
+
+Micah is a flat-design vector avatar style of half-body portraits with clean
+outlines, simple facial features, and bold color combinations across hair,
+clothing, and background. Generate SVG profile icons for modern web and mobile
+applications.
+
+<StylePreview styleName="micah" />
+
+<StyleDescription styleName="micah" />
+
+## Usage
+
+<StyleUsage styleName="micah" />
+
+## Options
+
+<StyleOptions styleName="micah" />
+
+## Details
+
+<StyleInfo styleName="micah" />
diff --git a/apps/docs/pages/styles/miniavs/index.md b/apps/docs/pages/styles/miniavs/index.md
new file mode 100644
index 0000000..cef36ed
--- /dev/null
+++ b/apps/docs/pages/styles/miniavs/index.md
@@ -0,0 +1,37 @@
+---
+title: Miniavs – Avatar Style
+description: >
+  Create Miniavs avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Miniavs
+
+Miniavs is a flat-design vector avatar style with chunky half-body characters
+sporting bold hairstyles, simple expressions, and colorful tops. Generate
+friendly SVG profile icons that read clearly even at small sizes, well suited to
+compact user lists and mobile UIs.
+
+<StylePreview styleName="miniavs" />
+
+<StyleDescription styleName="miniavs" />
+
+## Usage
+
+<StyleUsage styleName="miniavs" />
+
+## Options
+
+<StyleOptions styleName="miniavs" />
+
+## Details
+
+<StyleInfo styleName="miniavs" />
diff --git a/apps/docs/pages/styles/notionists-neutral/index.md b/apps/docs/pages/styles/notionists-neutral/index.md
new file mode 100644
index 0000000..feb5737
--- /dev/null
+++ b/apps/docs/pages/styles/notionists-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Notionists Neutral – Avatar Style
+description: >
+  Create Notionists Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Notionists Neutral
+
+Notionists Neutral is a reduced variant of the Notionists style, drawing only
+the eyes, nose, and mouth in loose black ink lines on a plain background, with
+no head, hair, or body.
+
+<StylePreview styleName="notionists-neutral" />
+
+<StyleDescription styleName="notionists-neutral" />
+
+## Usage
+
+<StyleUsage styleName="notionists-neutral" />
+
+## Options
+
+<StyleOptions styleName="notionists-neutral" />
+
+## Details
+
+<StyleInfo styleName="notionists-neutral" />
diff --git a/apps/docs/pages/styles/notionists/index.md b/apps/docs/pages/styles/notionists/index.md
new file mode 100644
index 0000000..10fb64f
--- /dev/null
+++ b/apps/docs/pages/styles/notionists/index.md
@@ -0,0 +1,37 @@
+---
+title: Notionists – Avatar Style
+description: >
+  Create Notionists avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Notionists
+
+Notionists is a hand-drawn black-line vector avatar style of half-body
+characters posing with small props like phones or coffee cups. Generate
+casual-professional SVG profile icons for productivity tools, docs apps, and
+team workspaces.
+
+<StylePreview styleName="notionists" />
+
+<StyleDescription styleName="notionists" />
+
+## Usage
+
+<StyleUsage styleName="notionists" />
+
+## Options
+
+<StyleOptions styleName="notionists" />
+
+## Details
+
+<StyleInfo styleName="notionists" />
diff --git a/apps/docs/pages/styles/open-peeps/index.md b/apps/docs/pages/styles/open-peeps/index.md
new file mode 100644
index 0000000..7f82c1d
--- /dev/null
+++ b/apps/docs/pages/styles/open-peeps/index.md
@@ -0,0 +1,37 @@
+---
+title: Open Peeps – Avatar Style
+description: >
+  Create Open Peeps avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Open Peeps
+
+Open Peeps is a hand-drawn vector avatar style of diverse half-body characters
+with sketchy outlines, mix-and-match hair, expressions, and accessories.
+Generate friendly SVG profile icons for community platforms, marketing pages,
+and social apps.
+
+<StylePreview styleName="open-peeps" />
+
+<StyleDescription styleName="open-peeps" />
+
+## Usage
+
+<StyleUsage styleName="open-peeps" />
+
+## Options
+
+<StyleOptions styleName="open-peeps" />
+
+## Details
+
+<StyleInfo styleName="open-peeps" />
diff --git a/apps/docs/pages/styles/personas/index.md b/apps/docs/pages/styles/personas/index.md
new file mode 100644
index 0000000..fc7e84c
--- /dev/null
+++ b/apps/docs/pages/styles/personas/index.md
@@ -0,0 +1,37 @@
+---
+title: Personas – Avatar Style
+description: >
+  Create Personas avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Personas
+
+Personas is a flat-design vector avatar style of half-body characters with
+subtle skin shading, varied hair, facial hair, and glasses on solid colored
+tops. Generate SVG profile icons that cover a broad range of ages and
+appearances.
+
+<StylePreview styleName="personas" />
+
+<StyleDescription styleName="personas" />
+
+## Usage
+
+<StyleUsage styleName="personas" />
+
+## Options
+
+<StyleOptions styleName="personas" />
+
+## Details
+
+<StyleInfo styleName="personas" />
diff --git a/apps/docs/pages/styles/pixel-art-neutral/index.md b/apps/docs/pages/styles/pixel-art-neutral/index.md
new file mode 100644
index 0000000..c76239b
--- /dev/null
+++ b/apps/docs/pages/styles/pixel-art-neutral/index.md
@@ -0,0 +1,37 @@
+---
+title: Pixel Art Neutral – Avatar Style
+description: >
+  Create Pixel Art Neutral avatars with the DiceBear avatar library. Generate
+  unique profile pictures using our free avatar API or JavaScript avatar
+  library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Pixel Art Neutral
+
+Pixel Art Neutral is a reduced variant of the Pixel Art style, showing only
+pixel eyes and a mouth on a solid background, with no head outline, hair, or
+body.
+
+<StylePreview styleName="pixel-art-neutral" />
+
+<StyleDescription styleName="pixel-art-neutral" />
+
+## Usage
+
+<StyleUsage styleName="pixel-art-neutral" />
+
+## Options
+
+<StyleOptions styleName="pixel-art-neutral" />
+
+## Details
+
+<StyleInfo styleName="pixel-art-neutral" />
diff --git a/apps/docs/pages/styles/pixel-art/index.md b/apps/docs/pages/styles/pixel-art/index.md
new file mode 100644
index 0000000..c217139
--- /dev/null
+++ b/apps/docs/pages/styles/pixel-art/index.md
@@ -0,0 +1,37 @@
+---
+title: Pixel Art – Avatar Style
+description: >
+  Create Pixel Art avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Pixel Art
+
+Pixel Art is a low-resolution vector avatar style that renders half-body
+characters as crisp pixel sprites with retro hairstyles, eyes, and colored tops.
+Generate 8-bit-style SVG profile icons popular in gaming communities and
+developer tools.
+
+<StylePreview styleName="pixel-art" />
+
+<StyleDescription styleName="pixel-art" />
+
+## Usage
+
+<StyleUsage styleName="pixel-art" />
+
+## Options
+
+<StyleOptions styleName="pixel-art" />
+
+## Details
+
+<StyleInfo styleName="pixel-art" />
diff --git a/apps/docs/pages/styles/rings/index.md b/apps/docs/pages/styles/rings/index.md
new file mode 100644
index 0000000..e237482
--- /dev/null
+++ b/apps/docs/pages/styles/rings/index.md
@@ -0,0 +1,37 @@
+---
+title: Rings – Avatar Style
+description: >
+  Create Rings avatars with the DiceBear avatar library. Generate unique profile
+  pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Rings
+
+Rings is a geometric abstract vector avatar style that arranges segmented
+concentric rings and arcs into a single monochrome composition on a transparent
+background. Generate clean SVG profile icons that work as placeholders or
+decorative user identifiers.
+
+<StylePreview styleName="rings" />
+
+<StyleDescription styleName="rings" />
+
+## Usage
+
+<StyleUsage styleName="rings" />
+
+## Options
+
+<StyleOptions styleName="rings" />
+
+## Details
+
+<StyleInfo styleName="rings" />
diff --git a/apps/docs/pages/styles/shape-grid/index.md b/apps/docs/pages/styles/shape-grid/index.md
new file mode 100644
index 0000000..e0e0899
--- /dev/null
+++ b/apps/docs/pages/styles/shape-grid/index.md
@@ -0,0 +1,37 @@
+---
+title: Shape Grid – Avatar Style
+description: >
+  Create Shape Grid avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Shape Grid
+
+Shape Grid is an abstract vector avatar style that arranges four simple shapes
+(squares, circles, triangles, and hexagons) in a 2×2 grid on a tinted
+background. Generate playful SVG profile icons that work as avatar placeholders
+or decorative user identifiers.
+
+<StylePreview styleName="shape-grid" />
+
+<StyleDescription styleName="shape-grid" />
+
+## Usage
+
+<StyleUsage styleName="shape-grid" />
+
+## Options
+
+<StyleOptions styleName="shape-grid" />
+
+## Details
+
+<StyleInfo styleName="shape-grid" />
diff --git a/apps/docs/pages/styles/shapes/index.md b/apps/docs/pages/styles/shapes/index.md
new file mode 100644
index 0000000..29bda73
--- /dev/null
+++ b/apps/docs/pages/styles/shapes/index.md
@@ -0,0 +1,37 @@
+---
+title: Shapes – Avatar Style
+description: >
+  Create Shapes avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Shapes
+
+Shapes is an abstract vector avatar style composed of two or three large
+geometric forms (squares, circles, and triangles) layered and rotated on a
+colored background. Generate minimal SVG profile icons that work as avatar
+placeholders or abstract user identifiers.
+
+<StylePreview styleName="shapes" />
+
+<StyleDescription styleName="shapes" />
+
+## Usage
+
+<StyleUsage styleName="shapes" />
+
+## Options
+
+<StyleOptions styleName="shapes" />
+
+## Details
+
+<StyleInfo styleName="shapes" />
diff --git a/apps/docs/pages/styles/stripes/index.md b/apps/docs/pages/styles/stripes/index.md
new file mode 100644
index 0000000..9c1cf72
--- /dev/null
+++ b/apps/docs/pages/styles/stripes/index.md
@@ -0,0 +1,36 @@
+---
+title: Stripes – Avatar Style
+description: >
+  Create Stripes avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Stripes
+
+Stripes is an abstract vector avatar style of two-tone parallel bands rotated at
+varying angles across a colored background. Generate graphic SVG profile icons
+that work as avatar placeholders or minimalist user identifiers.
+
+<StylePreview styleName="stripes" />
+
+<StyleDescription styleName="stripes" />
+
+## Usage
+
+<StyleUsage styleName="stripes" />
+
+## Options
+
+<StyleOptions styleName="stripes" />
+
+## Details
+
+<StyleInfo styleName="stripes" />
diff --git a/apps/docs/pages/styles/thumbs/index.md b/apps/docs/pages/styles/thumbs/index.md
new file mode 100644
index 0000000..f3ebbe1
--- /dev/null
+++ b/apps/docs/pages/styles/thumbs/index.md
@@ -0,0 +1,36 @@
+---
+title: Thumbs – Avatar Style
+description: >
+  Create Thumbs avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Thumbs
+
+Thumbs is a playful vector avatar style of rounded thumb-shaped characters in a
+single solid color, with simple eyes and mouth on a tinted background. Generate
+friendly SVG profile icons that work well as default user avatars.
+
+<StylePreview styleName="thumbs" />
+
+<StyleDescription styleName="thumbs" />
+
+## Usage
+
+<StyleUsage styleName="thumbs" />
+
+## Options
+
+<StyleOptions styleName="thumbs" />
+
+## Details
+
+<StyleInfo styleName="thumbs" />
diff --git a/apps/docs/pages/styles/toon-head/index.md b/apps/docs/pages/styles/toon-head/index.md
new file mode 100644
index 0000000..da4caa7
--- /dev/null
+++ b/apps/docs/pages/styles/toon-head/index.md
@@ -0,0 +1,37 @@
+---
+title: ToonHead – Avatar Style
+description: >
+  Create ToonHead avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Toon Head
+
+Toon Head is an illustrated vector avatar style of half-body character portraits
+with naturalistic proportions, diverse skin tones, hairstyles, and facial hair.
+Generate expressive SVG profile icons in an animated-series look, well suited to
+community apps and social products.
+
+<StylePreview styleName="toon-head" />
+
+<StyleDescription styleName="toon-head" />
+
+## Usage
+
+<StyleUsage styleName="toon-head" />
+
+## Options
+
+<StyleOptions styleName="toon-head" />
+
+## Details
+
+<StyleInfo styleName="toon-head" />
diff --git a/apps/docs/pages/styles/triangles/index.md b/apps/docs/pages/styles/triangles/index.md
new file mode 100644
index 0000000..0c82d36
--- /dev/null
+++ b/apps/docs/pages/styles/triangles/index.md
@@ -0,0 +1,37 @@
+---
+title: Triangles – Avatar Style
+description: >
+  Create Triangles avatars with the DiceBear avatar library. Generate unique
+  profile pictures using our free avatar API or JavaScript avatar library.
+---
+
+<script setup lang="ts">
+import StylePreview from "@theme/components/styles/StylePreview.vue";
+import StyleInfo from "@theme/components/styles/StyleInfo.vue";
+import StyleDescription from "@theme/components/styles/StyleDescription.vue";
+import StyleUsage from "@theme/components/styles/StyleUsage.vue";
+import StyleOptions from "@theme/components/styles/StyleOptions.vue";
+</script>
+
+# Triangles
+
+Triangles is an abstract vector avatar style that tiles a grid of two-tone
+triangles into a tangram-like pattern across a colored background. Generate
+graphic SVG profile icons that work as avatar placeholders or decorative user
+identifiers.
+
+<StylePreview styleName="triangles" />
+
+<StyleDescription styleName="triangles" />
+
+## Usage
+
+<StyleUsage styleName="triangles" />
+
+## Options
+
+<StyleOptions styleName="triangles" />
+
+## Details
+
+<StyleInfo styleName="triangles" />
diff --git a/apps/docs/pages/tools/bundle-size/index.md b/apps/docs/pages/tools/bundle-size/index.md
new file mode 100644
index 0000000..f35578e
--- /dev/null
+++ b/apps/docs/pages/tools/bundle-size/index.md
@@ -0,0 +1,17 @@
+---
+layout: doc
+title: Bundle Size Estimator – Tools
+description: >
+  Pick the DiceBear styles you plan to use and see how many gzipped kilobytes
+  they'll add to your JavaScript bundle.
+aside: false
+editLink: false
+---
+
+<script setup lang="ts">
+import BundleSizeTool from "@theme/components/tools/BundleSizeTool.vue";
+</script>
+
+<ClientOnly>
+  <BundleSizeTool />
+</ClientOnly>
diff --git a/apps/docs/pages/tools/contrast/index.md b/apps/docs/pages/tools/contrast/index.md
new file mode 100644
index 0000000..4b50507
--- /dev/null
+++ b/apps/docs/pages/tools/contrast/index.md
@@ -0,0 +1,18 @@
+---
+layout: doc
+title: WCAG Contrast Picker – Tools
+description: >
+  Interactive WCAG 2.1 contrast picker built on the @dicebear/core algorithm.
+  Pick a color and see which of two contrast colors DiceBear would choose,
+  visualized as an iso-contrast boundary on the canvas.
+aside: false
+editLink: false
+---
+
+<script setup lang="ts">
+import ContrastTool from "@theme/components/tools/ContrastTool.vue";
+</script>
+
+<ClientOnly>
+  <ContrastTool />
+</ClientOnly>
diff --git a/apps/docs/pages/tools/index.md b/apps/docs/pages/tools/index.md
new file mode 100644
index 0000000..cf13090
--- /dev/null
+++ b/apps/docs/pages/tools/index.md
@@ -0,0 +1,41 @@
+---
+layout: page
+title: Tools – Utilities for working with DiceBear avatars
+description: >
+  Interactive utilities that help you understand how DiceBear handles colors,
+  contrast, and avatar generation, built with the same algorithms used by the
+  library itself.
+aside: false
+sidebar: false
+---
+
+<script setup lang="ts">
+import ToolList from "@theme/components/tools/ToolList.vue";
+import { UiContainer, UiHeadline, UiDescription } from "@theme/components/ui";
+</script>
+
+<UiContainer size="sm" class="tools-page">
+  <div class="tools-hero">
+    <UiHeadline tag="h1" class="tools-title">
+      <strong>Tools</strong> Overview
+    </UiHeadline>
+    <UiDescription>
+      Small, focused utilities for working with DiceBear avatars. Each tool uses the same algorithms as the <code>@dicebear/core</code> library, so what you see here matches what your generated avatars do.
+    </UiDescription>
+  </div>
+
+  <ToolList />
+</UiContainer>
+
+<style>
+.tools-page .tools-hero {
+  text-align: center;
+  padding: 80px 0 48px;
+}
+.tools-page code {
+  background: var(--vp-c-bg-soft);
+  padding: 2px 6px;
+  border-radius: var(--vp-radius-xs);
+  font-size: 0.9em;
+}
+</style>
diff --git a/apps/docs/pages/why-dicebear/index.md b/apps/docs/pages/why-dicebear/index.md
new file mode 100644
index 0000000..a759590
--- /dev/null
+++ b/apps/docs/pages/why-dicebear/index.md
@@ -0,0 +1,16 @@
+---
+layout: page
+title: Why DiceBear? | Privacy-Focused SVG Avatar API & Library
+titleTemplate: false
+description: >
+  Choose DiceBear as your open source avatar library: free avatar API, 35+ SVG
+  styles, privacy-focused, deterministic seed-based generation, and
+  self-hostable for full data control.
+aside: false
+---
+
+<script setup>
+import PageWhyDiceBear from '@theme/components/pages/PageWhyDiceBear.vue';
+</script>
+
+<PageWhyDiceBear />
diff --git a/apps/docs/preview.png b/apps/docs/preview.png
new file mode 100644
index 0000000..80495e5
Binary files /dev/null and b/apps/docs/preview.png differ
diff --git a/apps/docs/scripts/download-legal-pages.sh b/apps/docs/scripts/download-legal-pages.sh
new file mode 100755
index 0000000..641034b
--- /dev/null
+++ b/apps/docs/scripts/download-legal-pages.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+set -e
+DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" &>/dev/null && pwd)"
+
+echo "Download legal notice pages"
+
+curl --fail \
+  -H "Accept: application/vnd.github.raw" \
+  -H "Authorization: Bearer ${PAT}"\
+  -H "X-GitHub-Api-Version: 2022-11-28" \
+  https://api.github.com/repos/dicebear/legal/contents/docs/legal/site-notice.md \
+  > "${DIR}/../pages/legal/legal-notice/index.md"
diff --git a/apps/docs/scripts/generate-hero-avatars.mjs b/apps/docs/scripts/generate-hero-avatars.mjs
new file mode 100644
index 0000000..cc028b4
--- /dev/null
+++ b/apps/docs/scripts/generate-hero-avatars.mjs
@@ -0,0 +1,51 @@
+/**
+ * Generates the homepage hero-swarm avatars as static SVG files in
+ * pages/public/avatars/hero/ so they are served same-origin instead of
+ * being fetched from api.dicebear.com at runtime (the hero is the LCP
+ * area — an external origin adds DNS/TLS round trips on mobile).
+ *
+ * The output is committed. Re-run after upgrading @dicebear/styles or
+ * when changing the tiles in AppHeroSwarm.vue:
+ *
+ *   node scripts/generate-hero-avatars.mjs
+ */
+import { Avatar, Style } from '@dicebear/core';
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import { fileURLToPath } from 'node:url';
+import path from 'node:path';
+
+// Keep in sync with the tiles in theme/components/app/AppHeroSwarm.vue.
+const tiles = [
+  { styleName: 'lorelei', seed: 'Felix', background: 'ffe4e6', size: 256 },
+  { styleName: 'lorelei', seed: 'Aneka', background: 'fef3c7', size: 160 },
+  { styleName: 'bottts', seed: 'Pixel', background: 'cffafe', size: 128 },
+  { styleName: 'adventurer', seed: 'Milo', background: 'dbeafe', size: 160 },
+  { styleName: 'notionists', seed: 'Luna', background: 'dcfce7', size: 128 },
+  { styleName: 'thumbs', seed: 'Sage', background: 'ecfccb', size: 128 },
+];
+
+const outDir = fileURLToPath(
+  new URL('../pages/public/avatars/hero/', import.meta.url),
+);
+
+await mkdir(outDir, { recursive: true });
+
+for (const tile of tiles) {
+  const definition = JSON.parse(
+    await readFile(
+      new URL(import.meta.resolve(`@dicebear/styles/${tile.styleName}.json`)),
+      'utf8',
+    ),
+  );
+
+  const avatar = new Avatar(new Style(definition), {
+    seed: tile.seed,
+    size: tile.size,
+    backgroundColor: [tile.background],
+  });
+
+  const fileName = `${tile.styleName}-${tile.seed.toLowerCase()}.svg`;
+
+  await writeFile(path.join(outDir, fileName), avatar.toString());
+  console.log(`✔ ${fileName}`);
+}
diff --git a/apps/docs/tsconfig.json b/apps/docs/tsconfig.json
new file mode 100644
index 0000000..ba8f64d
--- /dev/null
+++ b/apps/docs/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "strict": true,
+    "jsx": "preserve",
+    "types": [],
+    "paths": {
+      "@theme/*": ["./.vitepress/theme/*"],
+      "@playground/*": ["./.vitepress/theme/components/playground/*"]
+    },
+    "skipLibCheck": true
+  },
+  "include": ["env.d.ts", ".vitepress/**/*"],
+  "exclude": [".vitepress/cache", ".vitepress/dist"]
+}
diff --git a/apps/docs/turbo.json b/apps/docs/turbo.json
new file mode 100644
index 0000000..a70d2f1
--- /dev/null
+++ b/apps/docs/turbo.json
@@ -0,0 +1,13 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "build": {
+      "env": [
+        "VITE_PRIVACY_POLICY_URL",
+        "VITE_COOKIE_POLICY_URL",
+        "VITE_LEGAL_NOTICE_URL"
+      ]
+    }
+  }
+}
diff --git a/apps/editor/.env.example b/apps/editor/.env.example
new file mode 100644
index 0000000..b9101cb
--- /dev/null
+++ b/apps/editor/.env.example
@@ -0,0 +1,4 @@
+# Legal links shown in the footer.
+VITE_PRIVACY_POLICY_URL=
+VITE_COOKIE_POLICY_URL=
+VITE_SITE_NOTICE_URL=
diff --git a/apps/editor/.gitignore b/apps/editor/.gitignore
new file mode 100644
index 0000000..38adffa
--- /dev/null
+++ b/apps/editor/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/editor/README.md b/apps/editor/README.md
new file mode 100644
index 0000000..9f89e8e
--- /dev/null
+++ b/apps/editor/README.md
@@ -0,0 +1,61 @@
+# DiceBear editor (beta)
+
+[![Preview](https://raw.githubusercontent.com/dicebear/dicebear/10.x/apps/editor/preview.png)](https://editor.dicebear.com)
+
+Read more about the project here:
+[https://github.com/dicebear/dicebear/discussions/286](https://github.com/dicebear/dicebear/discussions/286)
+
+## Recommended IDE setup
+
+[VSCode](https://code.visualstudio.com/) +
+[Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and
+disable Vetur) +
+[TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type support for `.vue` imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we
+replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need
+[TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)
+to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has
+also implemented a
+[Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669)
+that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select
+      `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the
+   command palette.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project setup
+
+```sh
+npm install
+```
+
+### Compile and hot-reload for development
+
+```sh
+npm run build
+npm run dev --workspace @dicebear/editor
+```
+
+### Type-check, compile and minify for production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint --workspace @dicebear/editor
+```
diff --git a/apps/editor/components.d.ts b/apps/editor/components.d.ts
new file mode 100644
index 0000000..bf5d407
--- /dev/null
+++ b/apps/editor/components.d.ts
@@ -0,0 +1,31 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {};
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Avatar: typeof import('./src/components/Avatar.vue')['default']
+    Button: typeof import('primevue/button')['default']
+    ColorPicker: typeof import('primevue/colorpicker')['default']
+    Dialog: typeof import('primevue/dialog')['default']
+    Footer: typeof import('./src/components/Footer.vue')['default']
+    Header: typeof import('./src/components/Header.vue')['default']
+    Options: typeof import('./src/components/Options.vue')['default']
+    OptionsTabs: typeof import('./src/components/OptionsTabs.vue')['default']
+    Preview: typeof import('./src/components/Preview.vue')['default']
+    ProgressSpinner: typeof import('primevue/progressspinner')['default']
+    Spinner: typeof import('./src/components/Spinner.vue')['default']
+    Tab: typeof import('primevue/tab')['default']
+    TabList: typeof import('primevue/tablist')['default']
+    TabPanel: typeof import('primevue/tabpanel')['default']
+    TabPanels: typeof import('primevue/tabpanels')['default']
+    Tabs: typeof import('primevue/tabs')['default']
+  }
+}
diff --git a/apps/editor/index.html b/apps/editor/index.html
new file mode 100644
index 0000000..d4c39d5
--- /dev/null
+++ b/apps/editor/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Editor | DiceBear</title>
+    <script type="text/javascript">
+      var _iub = _iub || [];
+      _iub.csConfiguration = {
+        siteId: 3488029,
+        cookiePolicyId: 57216581,
+        lang: 'en',
+        storage: { useSiteId: true },
+      };
+    </script>
+    <script
+      defer
+      src="https://u.dicebear.com/script.js"
+      data-website-id="0b552d13-8579-4b94-bd88-1d1990e7c4c2"
+    ></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/apps/editor/package.json b/apps/editor/package.json
new file mode 100644
index 0000000..7f3b708
--- /dev/null
+++ b/apps/editor/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "@dicebear/editor",
+  "private": true,
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check build-only",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@dicebear/core": "10.3.0",
+    "@dicebear/styles": "^10.1.0",
+    "@primeuix/themes": "^2.0.3",
+    "@vueuse/core": "^14.2.0",
+    "change-case": "^5.4.4",
+    "color-convert": "^3.1.3",
+    "pinia": "^3.0.4",
+    "primeicons": "^7.0.0",
+    "primevue": "^4.5.4",
+    "sass": "^1.97.3",
+    "tinycolor2": "^1.6.0",
+    "vue": "^3.5.27",
+    "vue-i18n": "^11.2.8"
+  },
+  "devDependencies": {
+    "@intlify/unplugin-vue-i18n": "^11.0.3",
+    "@primevue/auto-import-resolver": "^4.5.4",
+    "@types/node": "^25.1.0",
+    "@types/tinycolor2": "^1.4.6",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "npm-run-all2": "^8.0.4",
+    "typescript": "^5.9.3",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^7.3.2",
+    "vue-tsc": "^3.2.4"
+  }
+}
diff --git a/apps/editor/preview.png b/apps/editor/preview.png
new file mode 100644
index 0000000..5dff169
Binary files /dev/null and b/apps/editor/preview.png differ
diff --git a/apps/editor/public/favicon.ico b/apps/editor/public/favicon.ico
new file mode 100644
index 0000000..f5ec78e
Binary files /dev/null and b/apps/editor/public/favicon.ico differ
diff --git a/apps/editor/public/transparent.svg b/apps/editor/public/transparent.svg
new file mode 100644
index 0000000..126360c
--- /dev/null
+++ b/apps/editor/public/transparent.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none">
+  <path fill="#fff" d="M0 0h10v10H0z" />
+  <path fill="#E5E7EB"
+    d="M2 10H1V9h1v1Zm2 0H3V9h1v1Zm2 0H5V9h1v1Zm2 0H7V9h1v1Zm2 0H9V9h1v1ZM1 9H0V8h1v1Zm2 0H2V8h1v1Zm2 0H4V8h1v1Zm2 0H6V8h1v1Zm2 0H8V8h1v1ZM2 8H1V7h1v1Zm2 0H3V7h1v1Zm2 0H5V7h1v1Zm2 0H7V7h1v1Zm2 0H9V7h1v1ZM1 7H0V6h1v1Zm2 0H2V6h1v1Zm2 0H4V6h1v1Zm2 0H6V6h1v1Zm2 0H8V6h1v1ZM2 6H1V5h1v1Zm2 0H3V5h1v1Zm2 0H5V5h1v1Zm2 0H7V5h1v1Zm2 0H9V5h1v1ZM1 5H0V4h1v1Zm2 0H2V4h1v1Zm2 0H4V4h1v1Zm2 0H6V4h1v1Zm2 0H8V4h1v1ZM2 4H1V3h1v1Zm2 0H3V3h1v1Zm2 0H5V3h1v1Zm2 0H7V3h1v1Zm2 0H9V3h1v1ZM1 3H0V2h1v1Zm2 0H2V2h1v1Zm2 0H4V2h1v1Zm2 0H6V2h1v1Zm2 0H8V2h1v1ZM2 2H1V1h1v1Zm2 0H3V1h1v1Zm2 0H5V1h1v1Zm2 0H7V1h1v1Zm2 0H9V1h1v1ZM1 1H0V0h1v1Zm2 0H2V0h1v1Zm2 0H4V0h1v1Zm2 0H6V0h1v1Zm2 0H8V0h1v1Z" />
+</svg>
\ No newline at end of file
diff --git a/apps/editor/src/App.vue b/apps/editor/src/App.vue
new file mode 100644
index 0000000..d13e74e
--- /dev/null
+++ b/apps/editor/src/App.vue
@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { computed, watchEffect } from 'vue';
+import { useI18n } from 'vue-i18n';
+import Preview from './components/Preview.vue';
+import Options from './components/Options.vue';
+import useMainStore from './stores/main';
+import tinycolor from 'tinycolor2';
+import Header from './components/Header.vue';
+import OptionsTabs from './components/OptionsTabs.vue';
+import { useElementSize } from '@vueuse/core';
+import { ref } from 'vue';
+
+const i18n = useI18n();
+const store = useMainStore();
+
+const header = ref<HTMLDivElement>();
+const preview = ref<HTMLDivElement>();
+
+const { height: headerHeight } = useElementSize(header);
+const { height: previewHeight } = useElementSize(preview);
+
+const navOffsetTop = computed(() => {
+  return headerHeight.value + previewHeight.value + 8;
+});
+
+const backgroundColor = computed(() => {
+  const color =
+    store.selectedStyleOptions.backgroundColor == 'transparent'
+      ? '#ffffff'
+      : `#${store.selectedStyleOptions.backgroundColor}`;
+
+  return tinycolor(color).darken(10).toHexString();
+});
+
+watchEffect(() => (document.documentElement.lang = i18n.locale.value));
+</script>
+
+<template>
+  <div class="app">
+    <div class="app-header" ref="header">
+      <Header />
+    </div>
+    <div class="app-preview" ref="preview">
+      <Preview />
+    </div>
+    <div class="app-tabs">
+      <OptionsTabs />
+    </div>
+    <div class="app-options">
+      <Options :navOffetTop="navOffsetTop" />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+
+  background: v-bind('backgroundColor');
+  background-image:
+    linear-gradient(white, white),
+    linear-gradient(v-bind('backgroundColor'), v-bind('backgroundColor'));
+  background-position:
+    center center,
+    left top;
+  background-size:
+    960px 100%,
+    100% 100%;
+  background-repeat: no-repeat;
+
+  &-header,
+  &-preview,
+  &-tabs,
+  &-options {
+    width: 100%;
+    max-width: 960px;
+    margin: 0 auto;
+  }
+
+  &-header {
+    padding: 0 20px;
+    max-width: 1000px;
+    top: 0;
+    z-index: 100;
+  }
+
+  &-preview {
+    top: calc(v-bind('headerHeight') * 1px);
+    z-index: 1;
+  }
+
+  &-tabs {
+    z-index: 1;
+    top: calc((v-bind('headerHeight') + v-bind('previewHeight')) * 1px);
+  }
+
+  &-header,
+  &-preview,
+  &-tabs {
+    position: sticky;
+    background-color: v-bind('backgroundColor');
+  }
+}
+</style>
diff --git a/apps/editor/src/Loader.vue b/apps/editor/src/Loader.vue
new file mode 100644
index 0000000..81dca8f
--- /dev/null
+++ b/apps/editor/src/Loader.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="loader">
+    <ProgressSpinner aria-label="Loading" />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.loader {
+  display: flex;
+  min-height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+</style>
diff --git a/apps/editor/src/assets/reset.scss b/apps/editor/src/assets/reset.scss
new file mode 100644
index 0000000..73686cd
--- /dev/null
+++ b/apps/editor/src/assets/reset.scss
@@ -0,0 +1,62 @@
+/*
+  Josh's Custom CSS Reset
+  https://www.joshwcomeau.com/css/custom-css-reset/
+*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+}
+
+body {
+  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+    'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-size: 14px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  overscroll-behavior: none;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+button {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+}
diff --git a/apps/editor/src/components/Avatar.vue b/apps/editor/src/components/Avatar.vue
new file mode 100644
index 0000000..e230a6a
--- /dev/null
+++ b/apps/editor/src/components/Avatar.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const props = defineProps<{
+  svg: string;
+}>();
+
+const src = computed(
+  () => `data:image/svg+xml;utf8,${encodeURIComponent(props.svg)}`,
+);
+</script>
+
+<template>
+  <img :src="src" loading="lazy" />
+</template>
+
+<style scoped>
+img {
+  background-image: url('/transparent.svg');
+  background-size: 100% 100%;
+}
+</style>
diff --git a/apps/editor/src/components/Footer.vue b/apps/editor/src/components/Footer.vue
new file mode 100644
index 0000000..9429f69
--- /dev/null
+++ b/apps/editor/src/components/Footer.vue
@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import useMainStore from '@/stores/main';
+import type { Style } from '@dicebear/core';
+import { computed } from 'vue';
+import availableStyles from '@/config/styles';
+import { useI18n } from 'vue-i18n';
+import {
+  privacyPolicyUrl,
+  cookiePolicyUrl,
+  legalNoticeUrl,
+} from '@/config/legal';
+
+const props = defineProps<{
+  tab: string;
+}>();
+
+const store = useMainStore();
+const { t } = useI18n();
+
+const version = __dicebearEditorVersion;
+
+const visibleStyles = computed<Style[]>(() => {
+  if (props.tab === 'style') {
+    return Object.values(availableStyles).map((v) => v.style);
+  }
+
+  return [availableStyles[store.selectedStyleName].style];
+});
+
+type MetaEntry = {
+  title?: string;
+  creator?: string;
+  creatorUrl?: string;
+  sourceUrl?: string;
+  licenseName?: string;
+  licenseUrl?: string;
+};
+
+const metaList = computed(() => {
+  const result: MetaEntry[] = [];
+  const knownSources: string[] = [];
+
+  for (const style of visibleStyles.value) {
+    const meta = style.meta();
+    const creatorName = meta.creator().name();
+    const sourceUrl = meta.source().url();
+
+    if (!creatorName || creatorName === 'Florian Körner') {
+      continue;
+    }
+
+    if (sourceUrl) {
+      if (knownSources.includes(sourceUrl)) {
+        continue;
+      }
+
+      knownSources.push(sourceUrl);
+    }
+
+    result.push({
+      title: meta.source().name(),
+      creator: creatorName,
+      creatorUrl: meta.creator().url(),
+      sourceUrl,
+      licenseName: meta.license().name(),
+      licenseUrl: meta.license().url(),
+    });
+  }
+
+  return result;
+});
+</script>
+
+<template>
+  <div class="footer">
+    <div class="footer-header">DiceBear Editor - v.{{ version }}</div>
+    <ul class="footer-links">
+      <li>
+        <a :href="t('documentationLink')" target="_blank">
+          {{ t('documentation') }}
+        </a>
+      </li>
+      <li v-if="privacyPolicyUrl">
+        <a :href="privacyPolicyUrl" target="_blank">
+          {{ t('privacyPolicy') }}
+        </a>
+      </li>
+      <li v-if="cookiePolicyUrl">
+        <a :href="cookiePolicyUrl" target="_blank">
+          {{ t('cookiePolicy') }}
+        </a>
+      </li>
+      <li v-if="legalNoticeUrl">
+        <a :href="legalNoticeUrl" target="_blank">
+          {{ t('legalNotice') }}
+        </a>
+      </li>
+      <li>
+        CDN Sponsored by
+        <a href="https://bunny.net/" target="_blank" rel="noopener sponsored"
+          >bunny.net</a
+        >
+        (Advertisement)
+      </li>
+    </ul>
+    <div class="footer-header" v-if="metaList.length > 0">
+      {{ t('licenses') }}
+    </div>
+    <p class="footer-licenses" v-if="metaList.length > 0">
+      <template v-for="meta in metaList" :key="meta.sourceUrl">
+        <a :href="meta.sourceUrl" target="_blank" rel="noopener noreferrer">{{
+          meta.title
+        }}</a>
+        by
+        <a :href="meta.creatorUrl" target="_blank" rel="noopener noreferrer">{{
+          meta.creator
+        }}</a>
+        /
+        <a :href="meta.licenseUrl" target="_blank" rel="noopener noreferrer">{{
+          meta.licenseName?.replace(/\.$/, '')
+        }}</a
+        >.
+        {{ ' ' }}
+      </template>
+      <template v-if="metaList.length === 1"> Remix of the original. </template>
+      <template v-else>
+        - All avatars are remixes of the original works.
+      </template>
+    </p>
+  </div>
+</template>
+
+<style lang="scss">
+.footer {
+  background-color: #f8fafc;
+  padding: 16px;
+  margin-top: 40px;
+  color: #64748b;
+  font-size: 14px;
+  line-height: 1.6;
+  border-radius: 12px;
+
+  &-header {
+    margin-top: 20px;
+    font-weight: 500;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  &-links {
+    list-style-type: none;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    column-gap: 12px;
+    row-gap: 4px;
+  }
+
+  a {
+    border-bottom: 1px dashed;
+    color: currentColor;
+    text-decoration: none;
+
+    &:hover {
+      border-bottom-style: solid;
+      color: #475569;
+    }
+  }
+}
+</style>
diff --git a/apps/editor/src/components/Header.vue b/apps/editor/src/components/Header.vue
new file mode 100644
index 0000000..c5e3b0c
--- /dev/null
+++ b/apps/editor/src/components/Header.vue
@@ -0,0 +1,134 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n';
+import useMainStore from '@/stores/main';
+import getRandomOptions from '@/utils/getRandomOptions';
+import availableStyles from '@/config/styles';
+import getApiUrl from '@/utils/getApiUrl';
+import { computed, ref } from 'vue';
+import { useFullscreen } from '@vueuse/core';
+
+const { t } = useI18n();
+const store = useMainStore();
+const show = ref(false);
+const { isFullscreen, enter } = useFullscreen();
+
+const styleMeta = computed(() => {
+  const meta = availableStyles[store.selectedStyleName].style.meta();
+
+  return {
+    title: meta.source().name(),
+    source: meta.source().url(),
+    creator: meta.creator().name(),
+    homepage: meta.creator().url(),
+    license: {
+      name: meta.license().name(),
+      url: meta.license().url(),
+    },
+  };
+});
+
+function onShuffle() {
+  store.selectedStyleOptions = getRandomOptions(
+    availableStyles[store.selectedStyleName].options,
+  );
+}
+
+async function onDownload() {
+  show.value = true;
+
+  const apiUrl = getApiUrl(
+    store.selectedStyleName,
+    store.selectedStyleOptions,
+    'png',
+  );
+
+  const response = await fetch(apiUrl);
+  const blob = await response.blob();
+  const file = URL.createObjectURL(blob);
+  const timestamp = new Date().getTime();
+
+  const link = document.createElement('a');
+  link.href = file;
+  link.download = `${store.selectedStyleName}-${timestamp}.png`;
+  link.target = '_blank';
+  link.click();
+  link.remove();
+
+  URL.revokeObjectURL(file);
+}
+
+function onFullscreen() {
+  enter();
+}
+</script>
+
+<template>
+  <Dialog
+    v-model:visible="show"
+    modal
+    :draggable="false"
+    :header="t('downloadStarted')"
+    :style="{ maxWidth: '400px' }"
+  >
+    <p class="header-dialog-text">{{ t('downloadStartedDescription') }}</p>
+    <p
+      v-if="styleMeta?.license?.name !== 'CC0 1.0'"
+      class="header-dialog-text"
+      v-html="
+        t('downloadStartedDescriptionLicense', {
+          title: styleMeta?.title,
+          source: styleMeta?.source,
+          creator: styleMeta?.creator,
+          homepage: styleMeta?.homepage,
+          licenseName: styleMeta?.license?.name,
+          licenseUrl: styleMeta?.license?.url,
+        })
+      "
+    ></p>
+  </Dialog>
+
+  <div class="header">
+    <div class="header-actions">
+      <Button
+        icon="pi pi-sparkles"
+        severity="secondary"
+        rounded
+        :aria-label="t('shuffle')"
+        @click="onShuffle"
+      />
+      <Button
+        v-if="!isFullscreen"
+        icon="pi pi-window-maximize"
+        severity="secondary"
+        rounded
+        :aria-label="t('shuffle')"
+        @click="onFullscreen"
+      />
+    </div>
+    <Button
+      rounded
+      severity="secondary"
+      :label="t('save')"
+      @click="onDownload"
+    />
+  </div>
+</template>
+
+<style lang="scss">
+.header {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 16px;
+
+  &-actions {
+    display: flex;
+    gap: 8px;
+  }
+
+  &-dialog-text {
+    text-align: center;
+    font-size: 14px;
+    margin: 16px 12px;
+  }
+}
+</style>
diff --git a/apps/editor/src/components/Options.vue b/apps/editor/src/components/Options.vue
new file mode 100644
index 0000000..e89b033
--- /dev/null
+++ b/apps/editor/src/components/Options.vue
@@ -0,0 +1,228 @@
+<script setup lang="ts">
+import useMainStore from '@/stores/main';
+import type { SelectedStyleOptions } from '@/types';
+import { computed } from 'vue';
+import Avatar from './Avatar.vue';
+import Footer from './Footer.vue';
+import { useDebounceFn } from '@vueuse/core';
+
+const store = useMainStore();
+
+const tabs = computed(() => {
+  const result: Record<
+    string,
+    Array<{
+      avatar: string;
+      active?: boolean;
+      options?: SelectedStyleOptions;
+      onClick: () => void;
+      onColorInput?: (value: string) => void;
+    }>
+  > = {};
+
+  result['style'] = Object.keys(store.availableStyles).map((styleName) => ({
+    avatar: store.availableStyles[styleName][0].avatar.toString(),
+    active: store.selectedStyleName === styleName,
+    onClick: () => changeStyleName(styleName),
+  }));
+
+  for (const key in store.selectedStyleCombinations) {
+    result[key] = store.selectedStyleCombinations[key].map((combination) => ({
+      avatar: combination.avatar.toString(),
+      active: combination.active,
+      options: combination.options,
+      onClick: () => changeOptions(combination.options),
+      onColorInput: combination.isCustomColor
+        ? (value: string) =>
+            changeOptionsWithOverride(combination.options, key, value)
+        : undefined,
+    }));
+  }
+
+  return result;
+});
+
+const selectedTabOptionName = computed(() => {
+  return Object.keys(tabs.value)[parseInt(store.selectedTab)];
+});
+
+const customColorDefaultValue = computed({
+  get: () => store.selectedStyleOptions[selectedTabOptionName.value],
+  set: (value) =>
+    tabs.value[selectedTabOptionName.value][0].onColorInput?.(value),
+});
+
+function changeStyleName(styleName: string) {
+  store.selectedStyleName = styleName;
+}
+
+function changeOptions(options: SelectedStyleOptions) {
+  store.selectedStyleOptions = options;
+}
+
+const changeOptionsWithOverride = useDebounceFn(
+  function (options: SelectedStyleOptions, optionKey: string, value: string) {
+    store.selectedStyleOptions = {
+      ...options,
+      [optionKey]: value,
+    };
+  },
+  50,
+  { maxWait: 50 },
+);
+</script>
+
+<template>
+  <div class="options">
+    <Tabs v-model:value="store.selectedTab">
+      <TabPanels>
+        <TabPanel
+          v-for="(key, i) in Object.keys(tabs)"
+          :key="i"
+          :value="i.toString()"
+        >
+          <div class="options-slide">
+            <div class="options-grid">
+              <button
+                v-for="(combination, ci) in tabs[key]"
+                :key="ci"
+                :class="{
+                  'options-avatar': true,
+                  'options-avatar-active': combination.active,
+                }"
+                @click="combination.onClick"
+              >
+                <Avatar
+                  :svg="combination.avatar"
+                  class="options-avatar-component"
+                />
+                <label
+                  v-if="combination.onColorInput"
+                  class="options-avatar-wheel"
+                >
+                  <div class="options-avatar-wheel-picker">
+                    <ColorPicker v-model="customColorDefaultValue">
+                    </ColorPicker>
+                  </div>
+                </label>
+              </button>
+            </div>
+            <Footer :tab="key" />
+          </div>
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.options {
+  &-slide {
+    padding: var(--van-padding-md) var(--van-padding-sm);
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
+    gap: 20px;
+    width: 100%;
+  }
+
+  &-avatar {
+    position: relative;
+
+    &-component {
+      border-radius: 12px;
+      overflow: hidden;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      bottom: -6px;
+      left: -6px;
+      border-radius: 18px;
+      border: 0 solid #1689cc;
+      transition: border-width 0.12s ease-in-out;
+      pointer-events: none;
+    }
+
+    &-active {
+      &::after {
+        border-width: 3px;
+      }
+    }
+
+    &-wheel {
+      display: block;
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      cursor: pointer;
+
+      &-picker {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+
+        :global(input) {
+          visibility: hidden;
+        }
+      }
+
+      &::before {
+        content: '';
+        position: absolute;
+        right: 2px;
+        bottom: 2px;
+        width: 28px;
+        height: 28px;
+        border: 2px solid #fff;
+        border-radius: 50%;
+        background: conic-gradient(
+          red 0%,
+          red 14.29%,
+          orange 14.29%,
+          orange 28.57%,
+          yellow 28.57%,
+          yellow 42.86%,
+          green 42.86%,
+          green 57.14%,
+          blue 57.14%,
+          blue 71.43%,
+          indigo 71.43%,
+          indigo 85.71%,
+          violet 85.71%
+        );
+      }
+
+      &::after {
+        content: '';
+        position: absolute;
+        right: 11px;
+        bottom: 11px;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #fff;
+      }
+    }
+
+    @media (pointer: fine) {
+      &:hover {
+        &::after {
+          border-width: 3px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/editor/src/components/OptionsTabs.vue b/apps/editor/src/components/OptionsTabs.vue
new file mode 100644
index 0000000..2cd1af3
--- /dev/null
+++ b/apps/editor/src/components/OptionsTabs.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import useMainStore from '@/stores/main';
+import availableStyles from '@/config/styles';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const store = useMainStore();
+const { t } = useI18n();
+
+const tabs = computed(() => {
+  const resolvedOptions = store.selectedStylePreview.toJSON().options;
+  const configStyleOptions = availableStyles[store.selectedStyleName].options;
+
+  const result: Record<string, boolean> = {
+    style: Object.keys(store.availableStyles).length > 1,
+  };
+
+  for (const key in configStyleOptions) {
+    result[key] = key in resolvedOptions;
+  }
+
+  return result;
+});
+</script>
+
+<template>
+  <div class="tabs">
+    <Tabs v-model:value="store.selectedTab" scrollable>
+      <TabList>
+        <Tab
+          v-for="(key, i) in Object.keys(tabs)"
+          :key="i"
+          :value="i.toString()"
+          :disabled="!tabs[key]"
+        >
+          {{ t(key) }}
+        </Tab>
+      </TabList>
+    </Tabs>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.tabs {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
diff --git a/apps/editor/src/components/Preview.vue b/apps/editor/src/components/Preview.vue
new file mode 100644
index 0000000..51b8996
--- /dev/null
+++ b/apps/editor/src/components/Preview.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import useMainStore from '@/stores/main';
+import Avatar from './Avatar.vue';
+
+const store = useMainStore();
+</script>
+
+<template>
+  <div class="preview">
+    <Avatar
+      :svg="store.selectedStylePreview.toString()"
+      class="preview-image"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.preview {
+  --container-size: min(40vh, 100vw);
+  --spacing: min(60px, calc(var(--container-size) / 6));
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  padding: var(--spacing);
+
+  &-image {
+    --max-size: calc(var(--container-size) - var(--spacing) * 2);
+    max-width: var(--max-size);
+    border-radius: 20px;
+    width: 100%;
+    height: 100%;
+
+    &::before {
+      position: absolute;
+      content: '';
+      width: 200vw;
+      height: 200vw;
+    }
+  }
+}
+</style>
diff --git a/apps/editor/src/components/Spinner.vue b/apps/editor/src/components/Spinner.vue
new file mode 100644
index 0000000..9a3b988
--- /dev/null
+++ b/apps/editor/src/components/Spinner.vue
@@ -0,0 +1,51 @@
+<template>
+  <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#fff">
+    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+    <g fill="none" fill-rule="evenodd" stroke-width="2">
+      <circle cx="22" cy="22" r="1">
+        <animate
+          attributeName="r"
+          begin="0s"
+          dur="1.8s"
+          values="1; 20"
+          calcMode="spline"
+          keyTimes="0; 1"
+          keySplines="0.165, 0.84, 0.44, 1"
+          repeatCount="indefinite"
+        />
+        <animate
+          attributeName="stroke-opacity"
+          begin="0s"
+          dur="1.8s"
+          values="1; 0"
+          calcMode="spline"
+          keyTimes="0; 1"
+          keySplines="0.3, 0.61, 0.355, 1"
+          repeatCount="indefinite"
+        />
+      </circle>
+      <circle cx="22" cy="22" r="1">
+        <animate
+          attributeName="r"
+          begin="-0.9s"
+          dur="1.8s"
+          values="1; 20"
+          calcMode="spline"
+          keyTimes="0; 1"
+          keySplines="0.165, 0.84, 0.44, 1"
+          repeatCount="indefinite"
+        />
+        <animate
+          attributeName="stroke-opacity"
+          begin="-0.9s"
+          dur="1.8s"
+          values="1; 0"
+          calcMode="spline"
+          keyTimes="0; 1"
+          keySplines="0.3, 0.61, 0.355, 1"
+          repeatCount="indefinite"
+        />
+      </circle>
+    </g>
+  </svg>
+</template>
diff --git a/apps/editor/src/config/legal.ts b/apps/editor/src/config/legal.ts
new file mode 100644
index 0000000..fe41640
--- /dev/null
+++ b/apps/editor/src/config/legal.ts
@@ -0,0 +1,3 @@
+export const privacyPolicyUrl = import.meta.env.VITE_PRIVACY_POLICY_URL || '';
+export const cookiePolicyUrl = import.meta.env.VITE_COOKIE_POLICY_URL || '';
+export const legalNoticeUrl = import.meta.env.VITE_LEGAL_NOTICE_URL || '';
diff --git a/apps/editor/src/config/styles.ts b/apps/editor/src/config/styles.ts
new file mode 100644
index 0000000..02d3b98
--- /dev/null
+++ b/apps/editor/src/config/styles.ts
@@ -0,0 +1,66 @@
+import type { ConfigStyleCollection } from '@/types';
+import { Style } from '@dicebear/core';
+import getSchemaOptions from '@/utils/getSchemaOptions';
+
+import adventurerDef from '@dicebear/styles/adventurer.json';
+import adventurerNeutralDef from '@dicebear/styles/adventurer-neutral.json';
+import avataaars from '@dicebear/styles/avataaars.json';
+import avataaarsNeutralDef from '@dicebear/styles/avataaars-neutral.json';
+import bigEarsDef from '@dicebear/styles/big-ears.json';
+import bigEarsNeutralDef from '@dicebear/styles/big-ears-neutral.json';
+import bigSmileDef from '@dicebear/styles/big-smile.json';
+import botttsDef from '@dicebear/styles/bottts.json';
+import botttsNeutralDef from '@dicebear/styles/bottts-neutral.json';
+import croodlesDef from '@dicebear/styles/croodles.json';
+import croodlesNeutralDef from '@dicebear/styles/croodles-neutral.json';
+import dylanDef from '@dicebear/styles/dylan.json';
+import funEmojiDef from '@dicebear/styles/fun-emoji.json';
+import loreleiDef from '@dicebear/styles/lorelei.json';
+import loreleiNeutralDef from '@dicebear/styles/lorelei-neutral.json';
+import micahDef from '@dicebear/styles/micah.json';
+import mininavsDef from '@dicebear/styles/miniavs.json';
+import notionistsDef from '@dicebear/styles/notionists.json';
+import notionistsNeutralDef from '@dicebear/styles/notionists-neutral.json';
+import openPeepsDef from '@dicebear/styles/open-peeps.json';
+import personasDef from '@dicebear/styles/personas.json';
+import pixelArtDef from '@dicebear/styles/pixel-art.json';
+import pixelArtNeutralDef from '@dicebear/styles/pixel-art-neutral.json';
+import toonHeadDef from '@dicebear/styles/toon-head.json';
+
+function createStyle(definition: unknown): {
+  style: Style;
+  options: ReturnType<typeof getSchemaOptions>;
+} {
+  const style = new Style(definition);
+
+  return { style, options: getSchemaOptions(style) };
+}
+
+const availableStyles: ConfigStyleCollection = {
+  adventurer: createStyle(adventurerDef),
+  adventurerNeutral: createStyle(adventurerNeutralDef),
+  avataaars: createStyle(avataaars),
+  avataaarsNeutral: createStyle(avataaarsNeutralDef),
+  bigEars: createStyle(bigEarsDef),
+  bigEarsNeutral: createStyle(bigEarsNeutralDef),
+  bigSmile: createStyle(bigSmileDef),
+  bottts: createStyle(botttsDef),
+  botttsNeutral: createStyle(botttsNeutralDef),
+  croodles: createStyle(croodlesDef),
+  croodlesNeutral: createStyle(croodlesNeutralDef),
+  dylan: createStyle(dylanDef),
+  funEmoji: createStyle(funEmojiDef),
+  lorelei: createStyle(loreleiDef),
+  loreleiNeutral: createStyle(loreleiNeutralDef),
+  micah: createStyle(micahDef),
+  miniavs: createStyle(mininavsDef),
+  notionists: createStyle(notionistsDef),
+  notionistsNeutral: createStyle(notionistsNeutralDef),
+  openPeeps: createStyle(openPeepsDef),
+  personas: createStyle(personasDef),
+  pixelArt: createStyle(pixelArtDef),
+  pixelArtNeutral: createStyle(pixelArtNeutralDef),
+  toonHead: createStyle(toonHeadDef),
+};
+
+export default availableStyles;
diff --git a/apps/editor/src/env.d.ts b/apps/editor/src/env.d.ts
new file mode 100644
index 0000000..4e7ff17
--- /dev/null
+++ b/apps/editor/src/env.d.ts
@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+type Language = {};
+
+declare const __dicebearEditorVersion: string;
+
+interface ImportMetaEnv {
+  readonly VITE_PRIVACY_POLICY_URL?: string;
+  readonly VITE_COOKIE_POLICY_URL?: string;
+  readonly VITE_LEGAL_NOTICE_URL?: string;
+}
diff --git a/apps/editor/src/main.ts b/apps/editor/src/main.ts
new file mode 100644
index 0000000..daf70df
--- /dev/null
+++ b/apps/editor/src/main.ts
@@ -0,0 +1,41 @@
+import { createApp, defineAsyncComponent } from 'vue';
+import { createPinia } from 'pinia';
+import { createI18n } from 'vue-i18n';
+import messages from '@intlify/unplugin-vue-i18n/messages';
+import { definePreset } from '@primeuix/themes';
+import Loader from './Loader.vue';
+
+import './assets/reset.scss';
+import 'primeicons/primeicons.css';
+
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+
+const Theme = definePreset(Aura, {});
+
+const AsyncApp = defineAsyncComponent({
+  loader: () => import('./App.vue'),
+  loadingComponent: Loader,
+});
+
+const app = createApp(AsyncApp);
+
+app.use(createPinia());
+app.use(
+  createI18n({
+    legacy: false,
+    locale: navigator.language.split('-')[0],
+    fallbackLocale: 'en',
+    messages,
+  }),
+);
+app.use(PrimeVue, {
+  theme: {
+    preset: Theme,
+    options: {
+      darkModeSelector: '.dark',
+    },
+  },
+});
+
+app.mount('#app');
diff --git a/apps/editor/src/messages/de.json b/apps/editor/src/messages/de.json
new file mode 100644
index 0000000..c465135
--- /dev/null
+++ b/apps/editor/src/messages/de.json
@@ -0,0 +1,77 @@
+{
+  "downloadStarted": "Download gestartet!",
+  "downloadStartedDescriptionLicense": "<b>Bitte beachte die Lizenz:</b><br /><a href=\"{source}\" target=\"_blank\" rel=\"noopener noreferrer\">{title}</a> von <a href=\"{homepage}\" target=\"_blank\" rel=\"noopener noreferrer\">{creator}</a> ist lizenziert unter <a href=\"{licenseUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">{licenseName}</a>.",
+  "downloadStartedDescription": "Du hast ein großartiges Avatar erstellt! Es sieht fantastisch aus!",
+  "close": "Schließen",
+  "shuffle": "Mischen",
+  "save": "Speichern",
+  "style": "Stil",
+  "backgroundColor": "Hintergrundfarbe",
+  "earringsVariant": "Ohrringe",
+  "eyebrowsVariant": "Augenbrauen",
+  "eyebrowsColor": "Augenbrauenfarbe",
+  "eyesVariant": "Augen",
+  "detailsVariant": "Merkmale",
+  "glassesVariant": "Brille",
+  "hairVariant": "Haare",
+  "hairColor": "Haarfarbe",
+  "mouthVariant": "Mund",
+  "skinColor": "Hautfarbe",
+  "accessoriesVariant": "Accessoires",
+  "accessoriesColor": "Accessoire Farbe",
+  "clothesColor": "Kleidungsfarbe",
+  "clothingVariant": "Kleidung",
+  "clothesGraphicVariant": "Kleidung Grafik",
+  "facialHairVariant": "Gesichtsbehaarung",
+  "facialHairColor": "Gesichtsbehaarung Farbe",
+  "hatColor": "Hutfarbe",
+  "topVariant": "Kopf",
+  "cheekVariant": "Wangen",
+  "earVariant": "Ohren",
+  "faceVariant": "Gesicht",
+  "noseVariant": "Nase",
+  "noseColor": "Nasenfarbe",
+  "sideburnsVariant": "Koteletten",
+  "frontHairVariant": "Vorderes Haar",
+  "baseColor": "Farbe",
+  "beardVariant": "Bart",
+  "topColor": "Kopf Farbe",
+  "mustacheVariant": "Schnurrbart",
+  "frecklesVariant": "Sommersprossen",
+  "frecklesColor": "Sommersprossenfarbe",
+  "hairAccessoriesVariant": "Haaraccessoires",
+  "headVariant": "Kopf",
+  "earringsColor": "Ohrring Farbe",
+  "earringColor": "Ohrring Farbe",
+  "earsVariant": "Ohren",
+  "eyeShadowColor": "Lidschatten Farbe",
+  "eyepatchColor": "Augenklappenfarbe",
+  "glassesColor": "Brillenfarbe",
+  "shirtVariant": "Hemd",
+  "shirtColor": "Hemdfarbe",
+  "blushesVariant": "Rouge",
+  "blushVariant": "Rouge",
+  "bodyVariant": "Körper",
+  "bodyColor": "Körperfarbe",
+  "clothingColor": "Kleidungsfarbe",
+  "headContrastColor": "Kopf Kontrastfarbe",
+  "maskVariant": "Maske",
+  "eyesColor": "Augenfarbe",
+  "mouthColor": "Mundfarbe",
+  "sidesVariant": "Seiten",
+  "textureVariant": "Textur",
+  "browsVariant": "Augenbrauen",
+  "gestureVariant": "Geste",
+  "lipsVariant": "Lippen",
+  "bodyIconVariant": "Grafik",
+  "legalNotice": "Impressum",
+  "privacyPolicy": "Datenschutzerklärung",
+  "cookiePolicy": "Cookie Policy",
+  "documentation": "Dokumentation",
+  "documentationLink": "https://www.dicebear.com/",
+  "licenses": "Lizenzen",
+  "moodVariant": "Stimmung",
+  "expressionVariant": "Gesichtsausdruck",
+  "rearHairVariant": "Hinteres Haar",
+  "clothesVariant": "Kleidung"
+}
diff --git a/apps/editor/src/messages/en.json b/apps/editor/src/messages/en.json
new file mode 100644
index 0000000..b8f9d5d
--- /dev/null
+++ b/apps/editor/src/messages/en.json
@@ -0,0 +1,77 @@
+{
+  "downloadStarted": "Download started!",
+  "downloadStartedDescriptionLicense": "<b>Please note the license:</b><br /><a href=\"{source}\" target=\"_blank\" rel=\"noopener noreferrer\">{title}</a> by <a href=\"{homepage}\" target=\"_blank\" rel=\"noopener noreferrer\">{creator}</a> is licensed under <a href=\"{licenseUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">{licenseName}</a>.",
+  "downloadStartedDescription": "You have created a great avatar! It looks fantastic!",
+  "close": "Close",
+  "shuffle": "Shuffle",
+  "save": "Save",
+  "style": "Style",
+  "backgroundColor": "Background Color",
+  "earringsVariant": "Earrings",
+  "eyebrowsVariant": "Eyebrows",
+  "eyebrowsColor": "Eyebrows Color",
+  "eyesVariant": "Eyes",
+  "detailsVariant": "Features",
+  "glassesVariant": "Glasses",
+  "hairVariant": "Hair",
+  "hairColor": "Hair Color",
+  "mouthVariant": "Mouth",
+  "skinColor": "Skin Color",
+  "accessoriesVariant": "Accessories",
+  "accessoriesColor": "Accessories Color",
+  "clothesColor": "Clothes Color",
+  "clothingVariant": "Clothing",
+  "clothesGraphicVariant": "Clothing Graphic",
+  "facialHairVariant": "Facial Hair",
+  "facialHairColor": "Facial Hair Color",
+  "hatColor": "Hat Color",
+  "topVariant": "Top",
+  "cheekVariant": "Cheek",
+  "earVariant": "Ear",
+  "faceVariant": "Face",
+  "noseVariant": "Nose",
+  "noseColor": "Nose Color",
+  "sideburnsVariant": "Sideburn",
+  "frontHairVariant": "Front Hair",
+  "baseColor": "Color",
+  "beardVariant": "Beard",
+  "topColor": "Top Color",
+  "mustacheVariant": "Mustache",
+  "frecklesVariant": "Freckles",
+  "frecklesColor": "Freckles Color",
+  "hairAccessoriesVariant": "Hair Accessories",
+  "headVariant": "Head",
+  "earringsColor": "Earrings Color",
+  "earringColor": "Earring Color",
+  "earsVariant": "Ears",
+  "eyeShadowColor": "Eye Shadow Color",
+  "eyepatchColor": "Eyepatch Color",
+  "glassesColor": "Glasses Color",
+  "shirtVariant": "Shirt",
+  "shirtColor": "Shirt Color",
+  "blushesVariant": "Blushes",
+  "blushVariant": "Blush",
+  "bodyVariant": "Body",
+  "bodyColor": "Body Color",
+  "clothingColor": "Clothing Color",
+  "headContrastColor": "Head Contrast Color",
+  "maskVariant": "Mask",
+  "eyesColor": "Eyes Color",
+  "mouthColor": "Mouth Color",
+  "sidesVariant": "Sides",
+  "textureVariant": "Texture",
+  "browsVariant": "Brows",
+  "gestureVariant": "Gesture",
+  "lipsVariant": "Lips",
+  "bodyIconVariant": "Icon",
+  "legalNotice": "Legal Notice",
+  "privacyPolicy": "Privacy Policy",
+  "cookiePolicy": "Cookie Policy",
+  "documentation": "Documentation",
+  "documentationLink": "https://www.dicebear.com/",
+  "licenses": "Licenses",
+  "moodVariant": "Mood",
+  "expressionVariant": "Expression",
+  "rearHairVariant": "Rear Hair",
+  "clothesVariant": "Clothes"
+}
diff --git a/apps/editor/src/messages/pt.json b/apps/editor/src/messages/pt.json
new file mode 100644
index 0000000..dae2f74
--- /dev/null
+++ b/apps/editor/src/messages/pt.json
@@ -0,0 +1,77 @@
+{
+  "downloadStarted": "Download iniciado!",
+  "downloadStartedDescriptionLicense": "<b>Por favor se atente a licença:</b><br /><a href=\"{source}\" target=\"_blank\" rel=\"noopener noreferrer\">{title}</a> por <a href=\"{homepage}\" target=\"_blank\" rel=\"noopener noreferrer\">{creator}</a> é licenciado sob <a href=\"{licenseUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">{licenseName}</a>.",
+  "downloadStartedDescription": "Você criou um ótimo avatar! Ficou fantástico!",
+  "close": "Fechar",
+  "shuffle": "Aleatorizar",
+  "save": "Salvar",
+  "style": "Estilo",
+  "backgroundColor": "Cor de Fundo",
+  "earringsVariant": "Brincos",
+  "eyebrowsVariant": "Sobrancelhas",
+  "eyebrowsColor": "Cor das Sobrancelhas",
+  "eyesVariant": "Olhos",
+  "detailsVariant": "Características",
+  "glassesVariant": "Óculos",
+  "hairVariant": "Cabelo",
+  "hairColor": "Cor do Cabelo",
+  "mouthVariant": "Boca",
+  "skinColor": "Cor da Pele",
+  "accessoriesVariant": "Acessórios",
+  "accessoriesColor": "Cor dos Acessórios",
+  "clothesColor": "Cor das Roupas",
+  "clothingVariant": "Roupas",
+  "clothesGraphicVariant": "Estampa das Roupas",
+  "facialHairVariant": "Barba",
+  "facialHairColor": "Cor da Barba",
+  "hatColor": "Cor do Chapéu",
+  "topVariant": "Topo da Cabeça",
+  "cheekVariant": "Bochechas",
+  "earVariant": "Orelhas",
+  "faceVariant": "Rosto",
+  "noseVariant": "Nariz",
+  "noseColor": "Cor do Nariz",
+  "sideburnsVariant": "Costeletas",
+  "frontHairVariant": "Franja",
+  "baseColor": "Cor",
+  "beardVariant": "Barba",
+  "topColor": "Cor do Topo da Cabeça",
+  "mustacheVariant": "Bigode",
+  "frecklesVariant": "Sardas",
+  "frecklesColor": "Cor das Sardas",
+  "hairAccessoriesVariant": "Acessórios de Cabelo",
+  "headVariant": "Cabeça",
+  "earringsColor": "Cor dos Brincos",
+  "earringColor": "Cor do Brinco",
+  "earsVariant": "Orelhas",
+  "eyeShadowColor": "Sombra de Olho",
+  "eyepatchColor": "Cor do Tapa-Olho",
+  "glassesColor": "Cor dos Óculos",
+  "shirtVariant": "Camisa",
+  "shirtColor": "Cor da Camisa",
+  "blushesVariant": "Rosto Corado",
+  "blushVariant": "Rosto Corado",
+  "bodyVariant": "Corpo",
+  "bodyColor": "Cor do Corpo",
+  "clothingColor": "Cor das Roupas",
+  "headContrastColor": "Cor de Contraste da Cabeça",
+  "maskVariant": "Máscara",
+  "eyesColor": "Cor dos Olhos",
+  "mouthColor": "Cor da Boca",
+  "sidesVariant": "Lados",
+  "textureVariant": "Textura",
+  "browsVariant": "Sobrancelhas",
+  "gestureVariant": "Gesto",
+  "lipsVariant": "Lábios",
+  "bodyIconVariant": "Ícone",
+  "legalNotice": "Aviso Legal",
+  "privacyPolicy": "Política de Privacidade",
+  "cookiePolicy": "Política de Cookies",
+  "documentation": "Documentação",
+  "documentationLink": "https://www.dicebear.com/",
+  "licenses": "Licenças",
+  "moodVariant": "Humor",
+  "expressionVariant": "Expressão",
+  "rearHairVariant": "Cabelo Traseiro",
+  "clothesVariant": "Roupas"
+}
diff --git a/apps/editor/src/stores/main.ts b/apps/editor/src/stores/main.ts
new file mode 100644
index 0000000..fbaa0f3
--- /dev/null
+++ b/apps/editor/src/stores/main.ts
@@ -0,0 +1,92 @@
+import getRandomOptions from '@/utils/getRandomOptions';
+import { defineStore } from 'pinia';
+import { computed, ref, watch } from 'vue';
+import type {
+  SelectedStyleCombinations,
+  SelectedStyleOptionsCollection,
+} from '@/types';
+import { createAvatar } from '@/utils/createAvatar';
+import getAvatarCombinations from '@/utils/getAvatarCombinations';
+import styleCollection from '@/config/styles';
+import { useLocalStorage, useStorage } from '@vueuse/core';
+
+const useMainStore = defineStore('main', () => {
+  const selectedStyleName = useLocalStorage(
+    'editor_style',
+    Object.keys(styleCollection)[0],
+  );
+
+  const selectedStyleOptionsCollection =
+    useStorage<SelectedStyleOptionsCollection>(
+      `editor_avatar_options_${__dicebearEditorVersion}`,
+      Object.keys(styleCollection).reduce<SelectedStyleOptionsCollection>(
+        (acc, key) => {
+          acc[key] = getRandomOptions(styleCollection[key].options);
+
+          return acc;
+        },
+        {},
+      ),
+    );
+
+  const selectedStyleOptions = computed({
+    get: () => selectedStyleOptionsCollection.value[selectedStyleName.value],
+    set: (value) => {
+      selectedStyleOptionsCollection.value[selectedStyleName.value] = value;
+    },
+  });
+
+  const selectedStyleCombinations = computed(() => {
+    return getAvatarCombinations(
+      selectedStyleName.value,
+      selectedStyleOptionsCollection.value[selectedStyleName.value],
+    );
+  });
+
+  const availableStyles = computed(() => {
+    const result: SelectedStyleCombinations = {};
+
+    for (const key in styleCollection) {
+      if (
+        false === Object.prototype.hasOwnProperty.call(styleCollection, key)
+      ) {
+        continue;
+      }
+
+      result[key] = [
+        {
+          active: selectedStyleName.value === key,
+          avatar: createAvatar(key, selectedStyleOptionsCollection.value[key]),
+          options: selectedStyleOptionsCollection.value[key],
+        },
+      ];
+    }
+
+    return result;
+  });
+
+  const selectedStylePreview = computed(() => {
+    return createAvatar(
+      selectedStyleName.value,
+      selectedStyleOptionsCollection.value[selectedStyleName.value],
+    );
+  });
+
+  const selectedTab = ref('0');
+
+  watch(
+    () => selectedTab.value,
+    () => window.scrollTo({ top: 0 }),
+  );
+
+  return {
+    availableStyles,
+    selectedTab,
+    selectedStyleName,
+    selectedStylePreview,
+    selectedStyleCombinations,
+    selectedStyleOptions,
+  };
+});
+
+export default useMainStore;
diff --git a/apps/editor/src/types.ts b/apps/editor/src/types.ts
new file mode 100644
index 0000000..290ccc9
--- /dev/null
+++ b/apps/editor/src/types.ts
@@ -0,0 +1,39 @@
+import type { Style } from '@dicebear/core';
+
+export type ConfigStyleOption = {
+  hasProbability?: boolean;
+  probability: number;
+  isColor?: boolean;
+  isArray?: boolean;
+  values: string[];
+};
+
+export type ConfigStyleOptions = Record<string, ConfigStyleOption>;
+
+export type ConfigStyle = {
+  style: Style;
+  options: ConfigStyleOptions;
+};
+
+export type ConfigStyleCollection = Record<string, ConfigStyle>;
+
+export type SelectedStyleOptions = Record<string, string>;
+export type SelectedStyleOptionsCollection = Record<
+  string,
+  SelectedStyleOptions
+>;
+
+export type SelectedStyleCombination = {
+  active?: boolean;
+  isCustomColor?: boolean;
+  options: SelectedStyleOptions;
+  avatar: {
+    toString: () => string;
+    toDataUri: () => string;
+  };
+};
+
+export type SelectedStyleCombinations = Record<
+  string,
+  SelectedStyleCombination[]
+>;
diff --git a/apps/editor/src/utils/createAvatar.ts b/apps/editor/src/utils/createAvatar.ts
new file mode 100644
index 0000000..86d6977
--- /dev/null
+++ b/apps/editor/src/utils/createAvatar.ts
@@ -0,0 +1,14 @@
+import type { SelectedStyleOptions } from '@/types';
+import { Avatar } from '@dicebear/core';
+import getAvatarOptions from './getAvatarOptions';
+import availableStyles from '@/config/styles';
+
+export function createAvatar(
+  styleName: string,
+  options: SelectedStyleOptions,
+): Avatar {
+  return new Avatar(
+    availableStyles[styleName].style,
+    getAvatarOptions(styleName, options),
+  );
+}
diff --git a/apps/editor/src/utils/getApiUrl.ts b/apps/editor/src/utils/getApiUrl.ts
new file mode 100644
index 0000000..8f706bd
--- /dev/null
+++ b/apps/editor/src/utils/getApiUrl.ts
@@ -0,0 +1,33 @@
+import type { SelectedStyleOptions } from '@/types';
+import { kebabCase } from 'change-case';
+import getAvatarOptions from '@/utils/getAvatarOptions';
+
+export default function getApiUrl(
+  styleName: string,
+  options: SelectedStyleOptions,
+  format: string = 'svg',
+) {
+  const qs = Object.entries(getAvatarOptions(styleName, options))
+    .map(([k, v]) => {
+      if (Array.isArray(v)) {
+        return `${encodeURIComponent(k)}=${v
+          .map((c) => encodeURIComponent(c))
+          .join(',')}`;
+      }
+
+      if (
+        typeof v == 'string' ||
+        typeof v == 'number' ||
+        typeof v == 'boolean'
+      ) {
+        return `${encodeURIComponent(k)}=${encodeURIComponent(v)}`;
+      }
+
+      throw new Error(`Invalid value for "${k}"`);
+    })
+    .join('&');
+
+  return `https://api.dicebear.com/10.x/${kebabCase(styleName)}/${format}${
+    qs ? `?${qs}` : ''
+  }`;
+}
diff --git a/apps/editor/src/utils/getAvatarCombinations.ts b/apps/editor/src/utils/getAvatarCombinations.ts
new file mode 100644
index 0000000..0e7a264
--- /dev/null
+++ b/apps/editor/src/utils/getAvatarCombinations.ts
@@ -0,0 +1,77 @@
+import availableStyles from '@/config/styles';
+import type {
+  SelectedStyleCombination,
+  SelectedStyleCombinations,
+  SelectedStyleOptions,
+} from '@/types';
+import { createAvatar } from './createAvatar';
+
+export default function getAvatarCombinations(
+  styleName: string,
+  selectedStyleOptions: SelectedStyleOptions,
+): SelectedStyleCombinations {
+  const combinations: SelectedStyleCombinations = {};
+
+  const currentAvatar = createAvatar(
+    styleName,
+    selectedStyleOptions,
+  ).toString();
+
+  const configStyleOptions = availableStyles[styleName].options;
+
+  for (const key in configStyleOptions) {
+    if (
+      false === Object.prototype.hasOwnProperty.call(configStyleOptions, key)
+    ) {
+      continue;
+    }
+
+    combinations[key] = [];
+
+    const styleOption = configStyleOptions[key];
+    const avatarOption = selectedStyleOptions[key];
+
+    let activeItem: SelectedStyleCombination | null = null;
+
+    for (const value of styleOption.values) {
+      const options = {
+        ...selectedStyleOptions,
+        [key]: value,
+      };
+
+      const avatar = createAvatar(styleName, options);
+      const active = avatarOption === value;
+      const isIdentical = currentAvatar === avatar.toString();
+
+      if (!isIdentical || active) {
+        const item: SelectedStyleCombination = {
+          active: avatarOption === value,
+          avatar,
+          options,
+        };
+
+        if (item.active) {
+          activeItem = item;
+        }
+
+        combinations[key].push(item);
+      }
+    }
+
+    if (styleOption.isColor) {
+      const options = {
+        ...selectedStyleOptions,
+        [key]: avatarOption,
+      };
+
+      combinations[key].unshift({
+        active: !activeItem,
+        isCustomColor: true,
+        avatar: createAvatar(styleName, options),
+        options,
+      });
+    }
+  }
+
+  return combinations;
+}
diff --git a/apps/editor/src/utils/getAvatarOptions.ts b/apps/editor/src/utils/getAvatarOptions.ts
new file mode 100644
index 0000000..d9fa3e3
--- /dev/null
+++ b/apps/editor/src/utils/getAvatarOptions.ts
@@ -0,0 +1,48 @@
+import type { SelectedStyleOptions } from '@/types';
+import styleCollection from '@/config/styles';
+
+export default function getAvatarOptions(
+  styleName: string,
+  options: SelectedStyleOptions,
+): Record<string, unknown> {
+  const result: Record<string, unknown> = {
+    size: 512,
+  };
+
+  const configStyleOptions = styleCollection[styleName].options;
+
+  for (const key in options) {
+    if (false === Object.prototype.hasOwnProperty.call(options, key)) {
+      continue;
+    }
+
+    const avatarOption = options[key];
+    const styleOption = configStyleOptions[key];
+
+    if (!styleOption) {
+      continue;
+    }
+
+    if (
+      styleOption.isColor &&
+      (!avatarOption || avatarOption === 'transparent')
+    ) {
+      continue;
+    }
+
+    const value = styleOption.isColor ? `#${avatarOption}` : avatarOption;
+
+    if (styleOption.isArray) {
+      result[key] = value ? [value] : [];
+    } else {
+      result[key] = value;
+    }
+
+    if (styleOption.hasProbability) {
+      const componentName = key.replace(/Variant$/, '');
+      result[`${componentName}Probability`] = avatarOption ? 100 : 0;
+    }
+  }
+
+  return result;
+}
diff --git a/apps/editor/src/utils/getRandomBoolean.ts b/apps/editor/src/utils/getRandomBoolean.ts
new file mode 100644
index 0000000..f934fbe
--- /dev/null
+++ b/apps/editor/src/utils/getRandomBoolean.ts
@@ -0,0 +1,3 @@
+export default function getRandomBoolean(probability: number): boolean {
+  return Math.random() * 100 <= probability;
+}
diff --git a/apps/editor/src/utils/getRandomNumber.ts b/apps/editor/src/utils/getRandomNumber.ts
new file mode 100644
index 0000000..2443823
--- /dev/null
+++ b/apps/editor/src/utils/getRandomNumber.ts
@@ -0,0 +1,3 @@
+export default function getRandomNumber(min: number, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1) + min);
+}
diff --git a/apps/editor/src/utils/getRandomOptions.ts b/apps/editor/src/utils/getRandomOptions.ts
new file mode 100644
index 0000000..41f5ab4
--- /dev/null
+++ b/apps/editor/src/utils/getRandomOptions.ts
@@ -0,0 +1,31 @@
+import type { ConfigStyleOptions, SelectedStyleOptions } from '@/types';
+import getRandomBoolean from '@/utils/getRandomBoolean';
+import getRandomNumber from '@/utils/getRandomNumber';
+
+export default function getRandomOptions(
+  configStyleOptions: ConfigStyleOptions,
+): SelectedStyleOptions {
+  const result: SelectedStyleOptions = {};
+
+  for (const key in configStyleOptions) {
+    if (
+      false === Object.prototype.hasOwnProperty.call(configStyleOptions, key)
+    ) {
+      continue;
+    }
+
+    const styleOption = configStyleOptions[key];
+    const values = styleOption.values;
+
+    if (getRandomBoolean(styleOption.probability)) {
+      const possibleValues = values.filter((v) => v && v !== 'transparent');
+
+      result[key] =
+        possibleValues[getRandomNumber(0, possibleValues.length - 1)];
+    } else {
+      result[key] = values[0];
+    }
+  }
+
+  return result;
+}
diff --git a/apps/editor/src/utils/getSchemaOptions.ts b/apps/editor/src/utils/getSchemaOptions.ts
new file mode 100644
index 0000000..1abb2dc
--- /dev/null
+++ b/apps/editor/src/utils/getSchemaOptions.ts
@@ -0,0 +1,156 @@
+import type { Style } from '@dicebear/core';
+import { OptionsDescriptor } from '@dicebear/core';
+import type { ConfigStyleOptions } from '@/types';
+
+const defaultBackgroundColors = [
+  // https://oklch-palette.vercel.app/#76,0.12,0,100
+  'fff1f5',
+  'ffdde6',
+  'ffc8d8',
+  'ffb3c9',
+  'fc9ebb',
+
+  // https://oklch-palette.vercel.app/#76,0.12,30,100
+  'fff2ef',
+  'ffdfd9',
+  'ffcbc2',
+  'ffb7ab',
+  'ffa293',
+
+  // https://oklch-palette.vercel.app/#76,0.12,60,100
+  'fff3e9',
+  'ffe1c9',
+  'ffcfa8',
+  'ffbc84',
+  'f5ac6f',
+
+  // https://oklch-palette.vercel.app/#76,0.12,90,100
+  'fff5d9',
+  'ffe5a0',
+  'f7d67c',
+  'e9c96e',
+  'dbbb60',
+
+  // https://oklch-palette.vercel.app/#76,0.12,120,100
+  'edffb9',
+  'ddf399',
+  'cfe58c',
+  'c2d77e',
+  'b5ca71',
+
+  // https://oklch-palette.vercel.app/#76,0.12,150,100
+  'dfffe4',
+  'aefebe',
+  'a0efb1',
+  'a0efb1',
+  '85d496',
+
+  // https://oklch-palette.vercel.app/#76,0.12,180,100
+  'd8fff6',
+  '91ffea',
+  '77f3dc',
+  '68e5cf',
+  '59d7c1',
+
+  // https://oklch-palette.vercel.app/#76,0.12,210,100
+  'e2faff',
+  'b6f4ff',
+  '80ecff',
+  '5fe0f6',
+  '4fd3e8',
+
+  // https://oklch-palette.vercel.app/#76,0.12,240,100
+  'ecf7ff',
+  'd1ebff',
+  'b5e0ff',
+  '97d4ff',
+  '77c8ff',
+
+  // https://oklch-palette.vercel.app/#76,0.12,270,100
+  'f1f5ff',
+  'dee7ff',
+  'cbd9ff',
+  'b8caff',
+  'a5bcff',
+
+  // https://oklch-palette.vercel.app/#76,0.12,300,100
+  'f7f3ff',
+  'ebe2ff',
+  'e0d0ff',
+  'd5bfff',
+  'caadfe',
+
+  // https://oklch-palette.vercel.app/#76,0.12,330,100
+  'fff0fd',
+  'ffdafa',
+  'ffc2f9',
+  'f7b0f0',
+  'f7b0f0',
+];
+
+export default function getSchemaOptions(style: Style): ConfigStyleOptions {
+  const descriptor = new OptionsDescriptor(style).toJSON();
+  const result: ConfigStyleOptions = {};
+
+  for (const [key, field] of Object.entries(descriptor)) {
+    // Only show variant (enum with weighted) and color options in the editor
+    const isColor = field.type === 'color';
+    const isVariant =
+      field.type === 'enum' && 'weighted' in field && field.weighted === true;
+    const isBackgroundColor = key === 'backgroundColor';
+
+    if (!isColor && !isVariant && !isBackgroundColor) {
+      continue;
+    }
+
+    const isArray = 'list' in field && field.list === true;
+    const componentName = key.replace(/Variant$/, '');
+
+    // A component is only optional when the style gives it a default
+    // probability below 100. Components that are always rendered (the
+    // implicit default of 100) must not offer an empty "none" option.
+    const componentProbability =
+      style.components().get(componentName)?.probability() ?? 100;
+    const hasProbability = componentProbability < 100;
+
+    const values = new Set<string>();
+
+    if (hasProbability) {
+      values.add('');
+    }
+
+    if (field.type === 'enum' && 'values' in field) {
+      for (const value of field.values) {
+        values.add(value);
+      }
+    }
+
+    if (isColor) {
+      // Use the style's defined color values (strip # prefix for the editor)
+      const colorName = key.replace(/Color$/, '');
+      const styleColor = style.colors().get(colorName);
+
+      if (styleColor) {
+        for (const value of styleColor.values()) {
+          values.add(value.replace(/^#/, ''));
+        }
+      }
+    }
+
+    if (isBackgroundColor && values.size <= 1) {
+      for (const fallbackBackgroundColor of defaultBackgroundColors) {
+        values.add(fallbackBackgroundColor);
+      }
+    }
+
+    result[key] = {
+      values: Array.from(values.values()),
+      isColor,
+      isArray,
+      hasProbability,
+      probability: componentProbability,
+    };
+  }
+
+  return result;
+}
diff --git a/apps/editor/tsconfig.json b/apps/editor/tsconfig.json
new file mode 100644
index 0000000..223fbe4
--- /dev/null
+++ b/apps/editor/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "node_modules/vant/es/index.d.ts"
+  ],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/apps/editor/tsconfig.node.json b/apps/editor/tsconfig.node.json
new file mode 100644
index 0000000..42872c5
--- /dev/null
+++ b/apps/editor/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/editor/vite.config.ts b/apps/editor/vite.config.ts
new file mode 100644
index 0000000..07449d1
--- /dev/null
+++ b/apps/editor/vite.config.ts
@@ -0,0 +1,36 @@
+import { fileURLToPath, URL } from 'node:url';
+import { execSync } from 'node:child_process';
+
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+import Components from 'unplugin-vue-components/vite';
+import { PrimeVueResolver } from '@primevue/auto-import-resolver';
+
+const commitHash = (
+  process.env.GIT_REV ?? execSync('git rev-parse --short HEAD').toString()
+).slice(0, 7);
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    Components({
+      resolvers: [PrimeVueResolver()],
+    }),
+    VueI18nPlugin({
+      include: './src/messages/*.json',
+      strictMessage: false,
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  define: {
+    __dicebearEditorVersion: JSON.stringify(
+      `${new Date().toISOString().split('T')[0]}-${commitHash}`,
+    ),
+  },
+});
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..0042662
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,50 @@
+import eslint from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import prettier from 'eslint-config-prettier';
+import {
+  defineConfigWithVueTs,
+  vueTsConfigs,
+} from '@vue/eslint-config-typescript';
+import pluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+
+export default defineConfigWithVueTs(
+  eslint.configs.recommended,
+  ...pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    plugins: {
+      '@stylistic': stylistic,
+    },
+    rules: {
+      curly: ['error', 'all'],
+      '@stylistic/multiline-comment-style': [
+        'error',
+        'separate-lines',
+        { checkJSDoc: false },
+      ],
+      'vue/multi-word-component-names': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+    },
+  },
+  prettier,
+  {
+    ignores: [
+      'node_modules/',
+      '**/lib/',
+      '**/dist/',
+      '**/dist-ssr/',
+      '**/coverage/',
+      '**/.vitepress/cache/',
+      '**/.vitepress/dist/',
+      '**/*.js',
+    ],
+  },
+);
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..ad031bb
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8612 @@
+{
+  "name": "root",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "root",
+      "devDependencies": {
+        "@eslint/js": "^10.0.1",
+        "@stylistic/eslint-plugin": "^5.10.0",
+        "@vue/eslint-config-typescript": "^14.6.0",
+        "eslint": "^10.1.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-vue": "^10.7.0",
+        "globals": "^17.4.0",
+        "prettier": "^3.8.1",
+        "turbo": "^2.5.0",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.58.0"
+      },
+      "workspaces": {
+        "packages": [
+          "src/js/*",
+          "apps/*"
+        ]
+      }
+    },
+    "apps/docs": {
+      "name": "@dicebear/docs",
+      "dependencies": {
+        "@dicebear/converter": "10.3.0",
+        "@dicebear/core": "10.3.0",
+        "@dicebear/styles": "^10.1.0",
+        "@fontsource-variable/inter": "^5.2.8",
+        "@lucide/vue": "^1.7.0",
+        "@primeuix/themes": "^2.0.3",
+        "@vueuse/core": "^14.2.0",
+        "canvas-confetti": "^1.9.4",
+        "change-case": "^5.4.4",
+        "chart.js": "^4.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "globe.gl": "^2.45.0",
+        "highlight.js": "^11.11.1",
+        "idb-keyval": "^6.2.2",
+        "jszip": "^3.10.1",
+        "pinia": "^3.0.4",
+        "prando": "^6.0.1",
+        "primevue": "^4.5.4",
+        "random-int": "^3.1.0",
+        "random-item": "^4.0.1",
+        "simple-icons": "^16.7.0",
+        "vitepress": "^2.0.0-alpha.16",
+        "vue": "^3.5.17",
+        "vue-chartjs": "^5.3.3"
+      },
+      "devDependencies": {
+        "@types/canvas-confetti": "^1.9.0",
+        "@types/json-schema": "^7.0.15",
+        "@types/node": "^24.0.3",
+        "typescript": "^5.9.3"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "apps/docs/node_modules/@types/node": {
+      "version": "24.13.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.2.tgz",
+      "integrity": "sha512-fRa09kZTgu8o71KFcDjUFuc7F+dEbZYZmkI0mg5YBTRs0yMKjYHsq/c0urDKeDb+D5qVgXOdFcuu+DZPKOITwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.18.0"
+      }
+    },
+    "apps/editor": {
+      "name": "@dicebear/editor",
+      "dependencies": {
+        "@dicebear/core": "10.3.0",
+        "@dicebear/styles": "^10.1.0",
+        "@primeuix/themes": "^2.0.3",
+        "@vueuse/core": "^14.2.0",
+        "change-case": "^5.4.4",
+        "color-convert": "^3.1.3",
+        "pinia": "^3.0.4",
+        "primeicons": "^7.0.0",
+        "primevue": "^4.5.4",
+        "sass": "^1.97.3",
+        "tinycolor2": "^1.6.0",
+        "vue": "^3.5.27",
+        "vue-i18n": "^11.2.8"
+      },
+      "devDependencies": {
+        "@intlify/unplugin-vue-i18n": "^11.0.3",
+        "@primevue/auto-import-resolver": "^4.5.4",
+        "@types/node": "^25.1.0",
+        "@types/tinycolor2": "^1.4.6",
+        "@vitejs/plugin-vue": "^6.0.3",
+        "npm-run-all2": "^8.0.4",
+        "typescript": "^5.9.3",
+        "unplugin-vue-components": "^31.0.0",
+        "vite": "^7.3.2",
+        "vue-tsc": "^3.2.4"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@dicebear/converter": {
+      "resolved": "src/js/converter",
+      "link": true
+    },
+    "node_modules/@dicebear/core": {
+      "resolved": "src/js/core",
+      "link": true
+    },
+    "node_modules/@dicebear/docs": {
+      "resolved": "apps/docs",
+      "link": true
+    },
+    "node_modules/@dicebear/editor": {
+      "resolved": "apps/editor",
+      "link": true
+    },
+    "node_modules/@dicebear/schema": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@dicebear/schema/-/schema-1.2.0.tgz",
+      "integrity": "sha512-2H1D9J0C6AG+3z9bAnXLyUsjs6Xks6CwXCs0s2qt/jG3Mgn1vys803+wnGMZONaEwXrFucWO4Pwo9ovYZq9pBQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@dicebear/styles": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/@dicebear/styles/-/styles-10.2.0.tgz",
+      "integrity": "sha512-o4rw0+7Q7sSAyr9YxYrUe3jCxlOAzEcBvbQvl4hQKQ+9WNmBK4p7wGYvsmGeJbxFh8y/Ux6ltrCPyXBIDV6qYA=="
+    },
+    "node_modules/@docsearch/css": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-4.6.3.tgz",
+      "integrity": "sha512-nlOwcXcsNAptQl4vlL4MA78qNJKO0Qlds5GuBjCoePgkebTXLSf8Qt1oyZ3YBshYupKXG9VRGEsk1zr23d+bzQ==",
+      "license": "MIT"
+    },
+    "node_modules/@docsearch/js": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-4.6.3.tgz",
+      "integrity": "sha512-qUIX2b4Apew3tv4F0qhmgShsl/Lfw4m6mqv/5/5dWNxwTcDdLMp2s3YwZ+NMGh3IKCg0pBaXm7Q5VdyU5Rj+cQ==",
+      "license": "MIT"
+    },
+    "node_modules/@docsearch/sidepanel-js": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/sidepanel-js/-/sidepanel-js-4.6.3.tgz",
+      "integrity": "sha512-grGSmvXzG0if+mrzdIKykvpIAuEQ9u0sEJ2eLRRCaQfJvsWqh2C2/aY04bIzWvDh7myi5rvl8D+tUNsVrjYQ3A==",
+      "license": "MIT"
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
+      "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
+      "integrity": "sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.1.tgz",
+      "integrity": "sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.1.tgz",
+      "integrity": "sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.1.tgz",
+      "integrity": "sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.1.tgz",
+      "integrity": "sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.1.tgz",
+      "integrity": "sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.1.tgz",
+      "integrity": "sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.1.tgz",
+      "integrity": "sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.1.tgz",
+      "integrity": "sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.1.tgz",
+      "integrity": "sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.1.tgz",
+      "integrity": "sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.1.tgz",
+      "integrity": "sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.1.tgz",
+      "integrity": "sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.1.tgz",
+      "integrity": "sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.1.tgz",
+      "integrity": "sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.1.tgz",
+      "integrity": "sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.1.tgz",
+      "integrity": "sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.1.tgz",
+      "integrity": "sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.1.tgz",
+      "integrity": "sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.1.tgz",
+      "integrity": "sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.1.tgz",
+      "integrity": "sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.1.tgz",
+      "integrity": "sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.23.5",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.5.tgz",
+      "integrity": "sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^3.0.5",
+        "debug": "^4.3.1",
+        "minimatch": "^10.2.4"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.6.0.tgz",
+      "integrity": "sha512-ii6Bw9jJ2zi2cWA2Z+9/QZ/+3DX6kwaV5Q986D/CdP3Lap3w/pgQZ373FV7byY/i7L4IRH/G43I5dz1ClsCbpA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^1.2.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.2.1.tgz",
+      "integrity": "sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-10.0.1.tgz",
+      "integrity": "sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "eslint": "^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.5.tgz",
+      "integrity": "sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.7.2.tgz",
+      "integrity": "sha512-+CNAzxglkrpNf/kKywqQfk74QjtceuOE7Qm+AF8miRvPF/wmmK5+OJOgVh3AVTT3RP2mH3+FOaxlE5v72owk0A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^1.2.1",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@fontsource-variable/inter": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",
+      "integrity": "sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@iconify-json/simple-icons": {
+      "version": "1.2.86",
+      "resolved": "https://registry.npmjs.org/@iconify-json/simple-icons/-/simple-icons-1.2.86.tgz",
+      "integrity": "sha512-t3jck5qPQuK1qy+bRn9eCoDQhIB7XSazKz1Fjp8hcan3XOAsTI5Mq/s3F0ekOKSvMQqkVORYK6ns6o6T9f5EMA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "license": "MIT"
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@intlify/bundle-utils": {
+      "version": "11.2.3",
+      "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-11.2.3.tgz",
+      "integrity": "sha512-9mrJyUJGPFJCIFGthvIFT58CknG701z9D0VRtLBtat3teo0fisP3Q6bo/t9YHnljBTEZ42hYm1ukn16LfLkRRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "~11.4.2",
+        "@intlify/shared": "~11.4.2",
+        "acorn": "^8.8.2",
+        "esbuild": "^0.25.4",
+        "escodegen": "^2.1.0",
+        "estree-walker": "^2.0.2",
+        "jsonc-eslint-parser": "^2.3.0",
+        "source-map-js": "^1.2.1",
+        "yaml-eslint-parser": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 22.13"
+      },
+      "peerDependenciesMeta": {
+        "petite-vue-i18n": {
+          "optional": true
+        },
+        "vue-i18n": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "11.4.5",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.4.5.tgz",
+      "integrity": "sha512-lja3F/iKVIvTa48mIwmrIeDcQUFZ0F0drvFvT8AwINOvbwnAzl/S/p8p2DxILZpWEUHRi1qewfWNIkMvhD3kKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/devtools-types": "11.4.5",
+        "@intlify/message-compiler": "11.4.5",
+        "@intlify/shared": "11.4.5"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/devtools-types": {
+      "version": "11.4.5",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-types/-/devtools-types-11.4.5.tgz",
+      "integrity": "sha512-W5vydP9Yq3t82IyWqCM6aR0BTWCZrN5RAwjZEPpH8I2OQWp2RLy03Evh2ANZlSMhcvGAoyDg25k0so85Kwncpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.5",
+        "@intlify/shared": "11.4.5"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.4.5",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.4.5.tgz",
+      "integrity": "sha512-IEOZiHtbQopyPc/Dz2M869lOlZYX1SdcniNJwphATDYHhovvIneEKf1EFF37DE7NAABZtza1FNtnwwqZWInfpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "11.4.5",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.4.5",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.4.5.tgz",
+      "integrity": "sha512-g/i5mtdUa9ia/8BaJ4w6ZRHgAXYQd9XyCaQPRMvsd8d5qmZwkjoTmHrNsI28Q/7I8h+2ijUkI4uEnnMCziKupQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/unplugin-vue-i18n": {
+      "version": "11.2.3",
+      "resolved": "https://registry.npmjs.org/@intlify/unplugin-vue-i18n/-/unplugin-vue-i18n-11.2.3.tgz",
+      "integrity": "sha512-fbPHjOVAkxrPnbhAs6PTNJlfLOJj35ZqYh8CZ9OpeKZiZoulA9lkvrWYP3kfsZ5K/CG9jIHXxpb1/mf5n/mBYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@intlify/bundle-utils": "11.2.3",
+        "@intlify/shared": "~11.4.2",
+        "@intlify/vue-i18n-extensions": "^8.0.0",
+        "@rollup/pluginutils": "^5.1.0",
+        "@typescript-eslint/scope-manager": "^8.13.0",
+        "@typescript-eslint/typescript-estree": "^8.13.0",
+        "debug": "^4.3.3",
+        "fast-glob": "^3.2.12",
+        "pathe": "^2.0.3",
+        "picocolors": "^1.0.0",
+        "unplugin": "^2.3.4",
+        "vue": "~3.5.34"
+      },
+      "engines": {
+        "node": ">= 22.13"
+      },
+      "peerDependencies": {
+        "petite-vue-i18n": "*",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25",
+        "vue-i18n": "*"
+      },
+      "peerDependenciesMeta": {
+        "petite-vue-i18n": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "vue-i18n": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@intlify/vue-i18n-extensions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@intlify/vue-i18n-extensions/-/vue-i18n-extensions-8.0.0.tgz",
+      "integrity": "sha512-w0+70CvTmuqbskWfzeYhn0IXxllr6mU+IeM2MU0M+j9OW64jkrvqY+pYFWrUnIIC9bEdij3NICruicwd5EgUuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.24.6",
+        "@intlify/shared": "^10.0.0",
+        "@vue/compiler-dom": "^3.2.45",
+        "vue-i18n": "^10.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@intlify/shared": "^9.0.0 || ^10.0.0 || ^11.0.0",
+        "@vue/compiler-dom": "^3.0.0",
+        "vue": "^3.0.0",
+        "vue-i18n": "^9.0.0 || ^10.0.0 || ^11.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@intlify/shared": {
+          "optional": true
+        },
+        "@vue/compiler-dom": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-i18n": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@intlify/vue-i18n-extensions/node_modules/@intlify/core-base": {
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-10.0.8.tgz",
+      "integrity": "sha512-FoHslNWSoHjdUBLy35bpm9PV/0LVI/DSv9L6Km6J2ad8r/mm0VaGg06C40FqlE8u2ADcGUM60lyoU7Myo4WNZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "10.0.8",
+        "@intlify/shared": "10.0.8"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/vue-i18n-extensions/node_modules/@intlify/message-compiler": {
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-10.0.8.tgz",
+      "integrity": "sha512-DV+sYXIkHVd5yVb2mL7br/NEUwzUoLBsMkV3H0InefWgmYa34NLZUvMCGi5oWX+Hqr2Y2qUxnVrnOWF4aBlgWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "10.0.8",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/vue-i18n-extensions/node_modules/@intlify/shared": {
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-10.0.8.tgz",
+      "integrity": "sha512-BcmHpb5bQyeVNrptC3UhzpBZB/YHHDoEREOUERrmF2BRxsyOEuRrq+Z96C/D4+2KJb8kuHiouzAei7BXlG0YYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/vue-i18n-extensions/node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@intlify/vue-i18n-extensions/node_modules/vue-i18n": {
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-10.0.8.tgz",
+      "integrity": "sha512-mIjy4utxMz9lMMo6G9vYePv7gUFt4ztOMhY9/4czDJxZ26xPeJ49MAGa9wBAE3XuXbYCrtVPmPxNjej7JJJkZQ==",
+      "deprecated": "v9 and v10 no longer supported. please migrate to v11. about maintenance status, see https://vue-i18n.intlify.dev/guide/maintenance.html",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "10.0.8",
+        "@intlify/shared": "10.0.8",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+      "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+      "license": "MIT"
+    },
+    "node_modules/@lucide/vue": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@lucide/vue/-/vue-1.18.0.tgz",
+      "integrity": "sha512-DmnUpDB85PlMZ+ofjZLcKq3JoJnaD1bk7SIj9xwUvqerfNqA6hCLa0/m3gIybH6rdrErABbqvTD8yYJdNqiZ3Q==",
+      "license": "ISC",
+      "peerDependencies": {
+        "vue": ">=3.0.1"
+      }
+    },
+    "node_modules/@nodable/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@nodable/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-9uGyhaQavEUMC8AIddIjau4NsnsXhou+j5sBAGojCM1oxmQpVKTWR/9JxABD6UAv12vpIms55fPZKFQEhG6uBg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodable"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@photostructure/tz-lookup": {
+      "version": "11.5.0",
+      "resolved": "https://registry.npmjs.org/@photostructure/tz-lookup/-/tz-lookup-11.5.0.tgz",
+      "integrity": "sha512-0DVFriinZ7TeOnm9ytXeSL3NMFU87ZqMjgbPNkd8LgHFLcPg1BDyM1eewFYs+pPM+62S4fSP9Mtgijmn+6y95w==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/@pnpm/config.env-replace": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@pnpm/config.env-replace/-/config.env-replace-1.1.0.tgz",
+      "integrity": "sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22.0"
+      }
+    },
+    "node_modules/@pnpm/network.ca-file": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@pnpm/network.ca-file/-/network.ca-file-1.0.2.tgz",
+      "integrity": "sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "4.2.10"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      }
+    },
+    "node_modules/@pnpm/network.ca-file/node_modules/graceful-fs": {
+      "version": "4.2.10",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+      "license": "ISC"
+    },
+    "node_modules/@pnpm/npm-conf": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@pnpm/npm-conf/-/npm-conf-3.0.3.tgz",
+      "integrity": "sha512-//0sR/cow/s4ICQaYoAobOl4aU8cjU6x/V24V7XkKotb9+O+3zySIYp146vpaobYHnxa4pZX8NkV54Z5AwbDKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@pnpm/config.env-replace": "^1.1.0",
+        "@pnpm/network.ca-file": "^1.0.1",
+        "config-chain": "^1.1.11"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@primeuix/styled": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.7.4.tgz",
+      "integrity": "sha512-QSO/NpOQg8e9BONWRBx9y8VGMCMYz0J/uKfNJEya/RGEu7ARx0oYW0ugI1N3/KB1AAvyGxzKBzGImbwg0KUiOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/utils": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@primeuix/styles": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-2.0.3.tgz",
+      "integrity": "sha512-2ykAB6BaHzR/6TwF8ShpJTsZrid6cVIEBVlookSdvOdmlWuevGu5vWOScgIwqWwlZcvkFYAGR/SUV3OHCTBMdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4"
+      }
+    },
+    "node_modules/@primeuix/themes": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@primeuix/themes/-/themes-2.0.3.tgz",
+      "integrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4"
+      }
+    },
+    "node_modules/@primeuix/utils": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.6.4.tgz",
+      "integrity": "sha512-pZ5f+vj7wSzRhC7KoEQRU5fvYAe+RP9+m39CTscZ3UywCD1Y2o6Fe1rRgklMPSkzUcty2jzkA0zMYkiJBD1hgg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@primevue/auto-import-resolver": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/@primevue/auto-import-resolver/-/auto-import-resolver-4.5.5.tgz",
+      "integrity": "sha512-1LWftK+1c/pLgMyW81xqsCLESm2a8GGlLz0eg13oFBVmJdXBs9nmzF+SIhvtkRDROB8TCMwlOpyqVCi1Yw89UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@primevue/metadata": "4.5.5"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@primevue/core": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.5.5.tgz",
+      "integrity": "sha512-JpkXhq1ddc70JdsC3CC4dM+UbeeWuCW/8DpS9dNBfrOk824TLSlRlMEGFyVKqRMn5WPQvYLiy3xXfLQeNdSqhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4",
+        "@primeuix/utils": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@primevue/icons": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.5.5.tgz",
+      "integrity": "sha512-eteOhTdAOXEYE9qW1AOrBBgDxQ2szHJxSkEK1XVdV2TKxGM5FQf03Ovms0VDyZTc16XBIgvwYjXJQS0BPbhPaA==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/utils": "^0.6.2",
+        "@primevue/core": "4.5.5"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@primevue/metadata": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/@primevue/metadata/-/metadata-4.5.5.tgz",
+      "integrity": "sha512-ZYLu9m3Nm5BmL0woqCJX84EZfLBepJn+T19v5oj3PlsMpUVNnDAsm2jgYdT6/b3RkdOuccxk4Pg/0EvlATOAhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@resvg/resvg-js": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js/-/resvg-js-2.6.2.tgz",
+      "integrity": "sha512-xBaJish5OeGmniDj9cW5PRa/PtmuVU3ziqrbr5xJj901ZDN4TosrVaNZpEiLZAxdfnhAe7uQ7QFWfjPe9d9K2Q==",
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@resvg/resvg-js-android-arm-eabi": "2.6.2",
+        "@resvg/resvg-js-android-arm64": "2.6.2",
+        "@resvg/resvg-js-darwin-arm64": "2.6.2",
+        "@resvg/resvg-js-darwin-x64": "2.6.2",
+        "@resvg/resvg-js-linux-arm-gnueabihf": "2.6.2",
+        "@resvg/resvg-js-linux-arm64-gnu": "2.6.2",
+        "@resvg/resvg-js-linux-arm64-musl": "2.6.2",
+        "@resvg/resvg-js-linux-x64-gnu": "2.6.2",
+        "@resvg/resvg-js-linux-x64-musl": "2.6.2",
+        "@resvg/resvg-js-win32-arm64-msvc": "2.6.2",
+        "@resvg/resvg-js-win32-ia32-msvc": "2.6.2",
+        "@resvg/resvg-js-win32-x64-msvc": "2.6.2"
+      }
+    },
+    "node_modules/@resvg/resvg-js-android-arm-eabi": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm-eabi/-/resvg-js-android-arm-eabi-2.6.2.tgz",
+      "integrity": "sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-android-arm64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm64/-/resvg-js-android-arm64-2.6.2.tgz",
+      "integrity": "sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-darwin-arm64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-arm64/-/resvg-js-darwin-arm64-2.6.2.tgz",
+      "integrity": "sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-darwin-x64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-x64/-/resvg-js-darwin-x64-2.6.2.tgz",
+      "integrity": "sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-linux-arm-gnueabihf": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm-gnueabihf/-/resvg-js-linux-arm-gnueabihf-2.6.2.tgz",
+      "integrity": "sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-linux-arm64-gnu": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-gnu/-/resvg-js-linux-arm64-gnu-2.6.2.tgz",
+      "integrity": "sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-linux-arm64-musl": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-musl/-/resvg-js-linux-arm64-musl-2.6.2.tgz",
+      "integrity": "sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-linux-x64-gnu": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-gnu/-/resvg-js-linux-x64-gnu-2.6.2.tgz",
+      "integrity": "sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-linux-x64-musl": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-musl/-/resvg-js-linux-x64-musl-2.6.2.tgz",
+      "integrity": "sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-win32-arm64-msvc": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-arm64-msvc/-/resvg-js-win32-arm64-msvc-2.6.2.tgz",
+      "integrity": "sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-win32-ia32-msvc": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-ia32-msvc/-/resvg-js-win32-ia32-msvc-2.6.2.tgz",
+      "integrity": "sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js-win32-x64-msvc": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-x64-msvc/-/resvg-js-win32-x64-msvc-2.6.2.tgz",
+      "integrity": "sha512-ZXtYhtUr5SSaBrUDq7DiyjOFJqBVL/dOBN7N/qmi/pO0IgiWW/f/ue3nbvu9joWE5aAKDoIzy/CxsY0suwGosQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.4.0.tgz",
+      "integrity": "sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.0.tgz",
+      "integrity": "sha512-IPIQ55ythEHkfEd9jMEi32OQ7SxURsGA43JI22lj01OLZNt2NUbJX8YUHxkVWyQ6daHPNn0truF5nSj3DQp6YQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.0.tgz",
+      "integrity": "sha512-M6s9cr10MibETyo8JsOkq+Lo1+lU6hcvb1MApnUql5qte/5hMEgzlN8/ReIKNfRV8rrqX50W1BX9zoUhC192RA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.0.tgz",
+      "integrity": "sha512-BqCoMoIbn0keKys+dEAdBa70EtOwV1bEsQCUgU9FdiZmmMge/Zk7LlkYGqbrdHR+Frnt0E1FOanly+rlwvvQzw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.0.tgz",
+      "integrity": "sha512-SIMzST3VFNXDAbeIWDWiFCNM5qncUBDWaEV7NfE7oZbDt2mgfW4MvbKdbYiGOLoM32gbTv608UMd0XktEYSD7w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.0.tgz",
+      "integrity": "sha512-ezjfSQMP7ArdUsbBwbQIfwAlhE84I2iVnzQNCFSveqV42q+BmKlzVpf7mxv5EchLcoWU4y6/heFzVg1F+hodUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.0.tgz",
+      "integrity": "sha512-9+qTWGW9AZRhnUgwtTwzNwcPlL87ngkeN0LA+q1bADvmY9aNvWaF2TFW8BZgnQPYxpDI7+rMVLivcd4V737TAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.0.tgz",
+      "integrity": "sha512-T1dMEQhXA/jkJ/jyMIw9IovK8bSUq7A8kLIlvZTb/6YIVsp2zLavr4F3oyllHWo7eIVJRyE5n3tUjQJEbE1IuQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.0.tgz",
+      "integrity": "sha512-2as0LgT7qQpyceQq6VUJYnumUMUrgGQCWIiDIN9DE0/tglsk6o66uCB4f3djRawAltvfCNLyZZrsqbPA6inCsA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.0.tgz",
+      "integrity": "sha512-bVURMg+6eNN9C/yc0aVjooZcwTTtYF4YW3xta5pP0//r3o1V8gXEHXWCndj47w/HhwsFroZrFhR+6uQP5T0n0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.0.tgz",
+      "integrity": "sha512-Ful8pM/2yYI83PViWdFdpZhdI8HJ5qsXANe5atypbHDf+KIBBDsZsbyy8hbXnULVvW9NsTh5DHwbcBftyLTfiw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.0.tgz",
+      "integrity": "sha512-9Gp/DgrkzfUBmNPVTyPTvay+4xEP7M/clXpj3efXBcm6uTIVIgDg4rqUpqKXvLEuFRVuEpSAOkhgNeecvaZ4Cg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.0.tgz",
+      "integrity": "sha512-m9tsJz54LUXkSYM8+8PG81B9IKK5r+2T0clMq4QrS16xFosufU7firBDAZEsDheDs7wTlP7h3++S7lMsU955HA==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.0.tgz",
+      "integrity": "sha512-3UvJ5PNVU16aJf6M3tFI24pWzAl2/ynfbyRN3ICyQajK1lSkrnVYNnLz3v04J32qKa0FczJc22zeToc0lr2A3w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.0.tgz",
+      "integrity": "sha512-vRWUAbYLGHBZS6Q8Msb2sfnf1fvJf+47t8l/TwOerM2qArzy+IeNMTHrYLHXh95h8MoatPHI5hhSZNs+mGXKPg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.0.tgz",
+      "integrity": "sha512-c00T5SYENHAt86cfW47URaP3Us5vLC/4QO7GYud1G5VNRffCwwCuBspwqYrriuJB+5m0WFzClCn9wed0FBjKvg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.0.tgz",
+      "integrity": "sha512-krrCDilhXOwFkSkO3Wm9I/f9H0L92XHHwy2fwxjukxIbh0dem8gZqOW5Y8BsHrpJv5qwlRBV+Wl4ZFyRWhUpwg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.0.tgz",
+      "integrity": "sha512-7pfYFSTc4/rUC/FtAI0Qp6QthDBCIi6/AuP1xYqFk5vanI6KnL5dWKP60OM/05LOsbwTmIcvr6eXC4CJuJ75IA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.0.tgz",
+      "integrity": "sha512-7SDIalKeIpG0Ifogbbdn58HmSotYMlf23K3dCJEmiVd9Fg36Vmni82iPQec27N3wY4Bvbxftkxz6vSx9OcouTg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.0.tgz",
+      "integrity": "sha512-eRZevouTH2i1HeAVLqJuLnt256krQkGY0TN6WsTmsIhuzbh457HuWDMakKwmi0Cjadux983CoSr8Lim2QhUIFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.0.tgz",
+      "integrity": "sha512-3oVS7FLGa4U1qcvao9ylGxrjXZyUQqR8UwxEcnUEyPX53O/C/mKDZegNXTdHCP+h3e6ta/f1EN38Yif1mmZHYg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.0.tgz",
+      "integrity": "sha512-yTB9TgfWj5wHe5QgktAgXTLLot1gvEjl1NiPPAUiCs4oPrIWFl5V4nC3GrkNdj9LaAU4s94nVrGbGOCqUpyWsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.0.tgz",
+      "integrity": "sha512-5LOhoaesY3doG1c+ac/2JtgREpKoJr5bUHH8tKY0V8di7+uSV6BwLs2PlR0/yzefGOkR+wE7ZolZphHCsyG5Rw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.0.tgz",
+      "integrity": "sha512-yYkWHhmbhRTWTnWos5HC4GcPQfjlzzCNbM9e/+GXrLuaBXYA3qSDR9f0Vgufd5S8yX81U8jPKp7ZnAjZFMtRnw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.0.tgz",
+      "integrity": "sha512-SoTb6lPg25xZlA2ibwQ++ahCCnH+FP0qmEuafMJ4gznZKOlXioKEAeJLgCrqjM98ACziXM9V1amFjICVL4IFoA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.0.tgz",
+      "integrity": "sha512-5L+T1fMX4RIEBoZzT0+sQ0PhTS36NULFmMXtl1TZo44TMAROIMHbZufSOjVWt/Y622BtxgxtaNOokbTDvfsrZA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@shikijs/core": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.23.0.tgz",
+      "integrity": "sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-html": "^9.0.5"
+      }
+    },
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz",
+      "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.4"
+      }
+    },
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz",
+      "integrity": "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      }
+    },
+    "node_modules/@shikijs/langs": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.23.0.tgz",
+      "integrity": "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
+      }
+    },
+    "node_modules/@shikijs/themes": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.23.0.tgz",
+      "integrity": "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
+      }
+    },
+    "node_modules/@shikijs/transformers": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/transformers/-/transformers-3.23.0.tgz",
+      "integrity": "sha512-F9msZVxdF+krQNSdQ4V+Ja5QemeAoTQ2jxt7nJCwhDsdF1JWS3KxIQXA3lQbyKwS3J61oHRUSv4jYWv3CkaKTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.23.0",
+        "@shikijs/types": "3.23.0"
+      }
+    },
+    "node_modules/@shikijs/types": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.23.0.tgz",
+      "integrity": "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
+      "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
+      "license": "MIT"
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
+      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.10.0.tgz",
+      "integrity": "sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/types": "^8.56.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": "^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/@tsconfig/recommended": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@tsconfig/recommended/-/recommended-1.0.13.tgz",
+      "integrity": "sha512-sySRuBfMKyKO/j2ZAhR8kSembhjuPEV4Ra3AHtmWLq51+iGaudr45crPSzNC5b7/Ctrh9dfUpBuTlYrH6rM58Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@turbo/darwin-64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/darwin-64/-/darwin-64-2.9.18.tgz",
+      "integrity": "sha512-9f27peFu16ur8c0v9nUFUEyBnbKuuFsUTjHFWfmwGfzySBXbHwzU44QhZon6Mznz0cHsIr3984NQj/bVrnGSRw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@turbo/darwin-arm64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/darwin-arm64/-/darwin-arm64-2.9.18.tgz",
+      "integrity": "sha512-9A6TMRq/Ib+QnbhLlgkhOm+624wO4pzSQ/yQviQfWHOlFvaYxdnIAYmu2H6TS6y7kSVL0DvzNe04NbESTOzFVQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@turbo/linux-64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/linux-64/-/linux-64-2.9.18.tgz",
+      "integrity": "sha512-zCdIDtz69AnbYh913elJRRoF3QY5aa2HNnf+4rAkc7bQ+tWujiDkCNV7stazOUPggaDvhKIf2Z87qHftTeXSkw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@turbo/linux-arm64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/linux-arm64/-/linux-arm64-2.9.18.tgz",
+      "integrity": "sha512-Va1kXI04naMgYwqv/5Dfa36dTDx8015U7oaQAjrXa45ua9OoFjSV4OmvkML4EmXvUclQHCiBRbY8bvd0jV7eAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@turbo/windows-64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/windows-64/-/windows-64-2.9.18.tgz",
+      "integrity": "sha512-m0kDhZANxSNz9ck1ybogFscHabriAsp4eDFNrN/1H5WrgTF7b3VlcPZnhuO3v2+E2KnCbeAc+UUT10BZZHdDKw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@turbo/windows-arm64": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/@turbo/windows-arm64/-/windows-arm64-2.9.18.tgz",
+      "integrity": "sha512-nUdR8WqoomUys9iIQmG45TMiizJ+5BV8egSeLLZba/AWblyp3fVBcIH1kSE58OtK4g2YzbMJEth6Ttv9w5rqMA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@turf/boolean-point-in-polygon": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/@turf/boolean-point-in-polygon/-/boolean-point-in-polygon-7.3.5.tgz",
+      "integrity": "sha512-ba7+B0wzaS9GtERZOoXUZ6oW8IcIJHNQZf3c+tiD9ESjcsPO1Q/4qIJGTKl92nBLhhracHJxMWBM/U6hAVkaRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/helpers": "7.3.5",
+        "@turf/invariant": "7.3.5",
+        "@types/geojson": "^7946.0.10",
+        "point-in-polygon-hao": "^1.1.0",
+        "tslib": "^2.8.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
+    "node_modules/@turf/helpers": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/@turf/helpers/-/helpers-7.3.5.tgz",
+      "integrity": "sha512-E/NMGV5MwbjjP7AJXBtsanC3yY8N2MQ87IGdIgkB2ji5AtBpwnH4L3gEqpYN4RlCJJWbLbzO91BbKv2waUd0eg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "^7946.0.10",
+        "tslib": "^2.8.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
+    "node_modules/@turf/invariant": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/@turf/invariant/-/invariant-7.3.5.tgz",
+      "integrity": "sha512-ZVIvsBvjr8lO7WxC5zYNjRsjSDvyGvWkJMjuWaJjTU8x+1tmfNnw3gDX/TI2Sit83gcRYLYkNo23lB/udqx/Hg==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/helpers": "7.3.5",
+        "@types/geojson": "^7946.0.10",
+        "tslib": "^2.8.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-25.0.0.tgz",
+      "integrity": "sha512-XKLA6syeBUaPzx4j3qwMqzzq+V4uo72BnlbOjmuljLrRqdsd3qnzvZZoxvMHZ23ndsRS4aufU6JOZYpCbU6T1A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/canvas-confetti": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@types/canvas-confetti/-/canvas-confetti-1.9.0.tgz",
+      "integrity": "sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/cli-progress": {
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@types/cli-progress/-/cli-progress-3.11.6.tgz",
+      "integrity": "sha512-cE3+jb9WRlu+uOSAugewNpITJDt1VF8dHOopPO4IABFc3SXYL5WE/+PTz/FCdZRRfIujiWW3n3aMbv1eIGVRWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/configstore": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@types/configstore/-/configstore-6.0.2.tgz",
+      "integrity": "sha512-OS//b51j9uyR3zvwD04Kfs5kHpve2qalQ18JhY/ho3voGYUTPLEG90/ocfKPI48hyHH8T04f7KEEbK6Ue60oZQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/esrecurse": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/fs-extra": {
+      "version": "11.0.4",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.4.tgz",
+      "integrity": "sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/jsonfile": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jsonfile": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.4.tgz",
+      "integrity": "sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/luxon": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-3.7.1.tgz",
+      "integrity": "sha512-H3iskjFIAn5SlJU7OuxUmTEpebK6TKB8rxZShDslBMZJ5u9S//KM1sbdAisiSrqwLQncVjnpi2OK2J51h+4lsg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.9.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.3.tgz",
+      "integrity": "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": ">=7.24.0 <7.24.7"
+      }
+    },
+    "node_modules/@types/node/node_modules/undici-types": {
+      "version": "7.24.6",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+      "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/tinycolor2": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
+      "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/update-notifier": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/@types/update-notifier/-/update-notifier-6.0.8.tgz",
+      "integrity": "sha512-IlDFnfSVfYQD+cKIg63DEXn3RFmd7W1iYtKQsJodcHK9R1yr8aKbKaPKfBxzPpcHCq2DU8zUq4PIPmy19Thjfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/configstore": "*",
+        "boxen": "^7.1.1"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.35",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
+      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.61.0.tgz",
+      "integrity": "sha512-bFNvl9ZczlVb+wR2Akszf3gHfKVj/8WanXaGJ3UstTA7brNKg0cNdk6X1Psu5V7MZ2oQtzZKOEzIUehaoxbDGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.61.0",
+        "@typescript-eslint/type-utils": "8.61.0",
+        "@typescript-eslint/utils": "8.61.0",
+        "@typescript-eslint/visitor-keys": "8.61.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.61.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.61.0.tgz",
+      "integrity": "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.61.0",
+        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/typescript-estree": "8.61.0",
+        "@typescript-eslint/visitor-keys": "8.61.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.61.0.tgz",
+      "integrity": "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.61.0",
+        "@typescript-eslint/types": "^8.61.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.61.0.tgz",
+      "integrity": "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/visitor-keys": "8.61.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.61.0.tgz",
+      "integrity": "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.61.0.tgz",
+      "integrity": "sha512-TuBiQYIkd97yBfInHCTKVYMbX4kvEmpOEuixIuzCU9p8BGT1SfyyO0d0IfDMbPIHcjn/hWnusUX5e8v5Xg+X8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/typescript-estree": "8.61.0",
+        "@typescript-eslint/utils": "8.61.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.61.0.tgz",
+      "integrity": "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.61.0.tgz",
+      "integrity": "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.61.0",
+        "@typescript-eslint/tsconfig-utils": "8.61.0",
+        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/visitor-keys": "8.61.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.61.0.tgz",
+      "integrity": "sha512-3bzFt7ImFMW/jVYwJamDoe/dMOdFLSC6pom6rRjdh4SZJEYupyMzem8e7vKZLclLfpHjlwSAXOUxtKxGXUiLqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.61.0",
+        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/typescript-estree": "8.61.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.61.0.tgz",
+      "integrity": "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.61.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
+      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
+      "license": "ISC"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.7.tgz",
+      "integrity": "sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==",
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.38.tgz",
+      "integrity": "sha512-s99aGxWYig9ErHbct27KXEGhrBYlRI6c4MwAgXErOAbX9xiW37/uMa+XUDO69zLz83dng8UUZ70CTOJrLrYrEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/shared": "3.5.38",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.38.tgz",
+      "integrity": "sha512-JTqp25l8aFfJYF7/KmsXZjAxJz7T+SjmTJLoXVjHtc2BrSgSiW2n9Aem/cWq1OPe68A8JL06B3eVdhlP0H4TVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.38",
+        "@vue/shared": "3.5.38"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.38.tgz",
+      "integrity": "sha512-DuA2GiZawSEW442iw/9+Fkol8hTgb4Ke5KkhmSry65QA7YuyMbIdy8p0XZRMvNwJdgRz307W8g1CSzdvS4nuNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/compiler-core": "3.5.38",
+        "@vue/compiler-dom": "3.5.38",
+        "@vue/compiler-ssr": "3.5.38",
+        "@vue/shared": "3.5.38",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.15",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.38.tgz",
+      "integrity": "sha512-7s+W5Gc42FGxZMcuwl8H5B29T8BJPMdBT7KHFE+BbAuZ/iTEdTtv7z2XiMjiaUUw4w3ZcCEdHs36RuYJ2VA7bA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.38",
+        "@vue/shared": "3.5.38"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+      "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.9"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.9",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+      "license": "MIT",
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript": {
+      "version": "14.8.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.8.0.tgz",
+      "integrity": "sha512-yIquzhXH7ZsrwSSm+rYvoGCRY6wcuF4qBi76e0l7hHLq7YU0f9aC+RcR5fL+XJNfmBZxgX5cVl4sppt4x7ZCBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.60.0",
+        "fast-glob": "^3.3.3",
+        "typescript-eslint": "^8.60.0",
+        "vue-eslint-parser": "^10.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": "^9.10.0 || ^10.0.0",
+        "eslint-plugin-vue": "^9.28.0 || ^10.0.0",
+        "typescript": ">=4.8.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.3.5.tgz",
+      "integrity": "sha512-UkKu5nhX89fg4VhlG/FOeI10G3cj/7radKT/cy9BT4Q9qJmJlSTAc/dP63Xqs29aypN4f39xUV6PsLNk/dcD6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.2.0",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.4"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.38.tgz",
+      "integrity": "sha512-pG6LV/NDNRbKizcUjFFLAfjaL8mcv4DmR9avNcUw2gDHBzZneuS2TWCmp633ynzxz9YYKNeEPK2I8Wraqy2HUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.38"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.38.tgz",
+      "integrity": "sha512-iyW8WVfF1CpCXxncZY5Ei6rSd6oZr5DgEom//fUjRBRl56AXPD+s9ATvukRt77ZFTuYlnVA1bxY+dJB94tWVYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.38",
+        "@vue/shared": "3.5.38"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.38.tgz",
+      "integrity": "sha512-apX2wt9sdfDshS+a2xueFZLVpt0GkRJZSoPmrW/SA4yzXTznhfcMVW59gr7h4YQeY0vJhdJkk2rsIDwgfFgC5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.38",
+        "@vue/runtime-core": "3.5.38",
+        "@vue/shared": "3.5.38",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.38.tgz",
+      "integrity": "sha512-vue8vbf2QlV4quHqzwmJy6dWfmRhP1J8l4wtZg60CL6VoKqcPY2oe7may3+1d9qfpedjK5PRLFqd5k3Isj9mUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.38",
+        "@vue/shared": "3.5.38"
+      },
+      "peerDependencies": {
+        "vue": "3.5.38"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.38.tgz",
+      "integrity": "sha512-FTW0AFZNaK5/mOqvGBwVfUlNLU38TiQn4+DQgIFUnrBBJQ1crMJ82yeGQLV5jyKFsO8yRukpbuP7x+nRbH6aug==",
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/core": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-14.3.0.tgz",
+      "integrity": "sha512-aHfz47g0ZhMtTVHmIzMVpJy8ePhhOy68GY5bv110+5DVtZ+W7BsOx+m61UNQqfrWyPztIHIanWa3E2tib3NFIw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "14.3.0",
+        "@vueuse/shared": "14.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/integrations": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-14.3.0.tgz",
+      "integrity": "sha512-76I5FT2ESvCmCaSwapI+a/u/CFtNXmzl9f9lNp1hRtx8vKB8hfiokJr8IvQqcQG5ckGXElyXK516b54ozV3MvA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vueuse/core": "14.3.0",
+        "@vueuse/shared": "14.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "async-validator": "^4",
+        "axios": "^1",
+        "change-case": "^5",
+        "drauu": "^0.4",
+        "focus-trap": "^7 || ^8",
+        "fuse.js": "^7",
+        "idb-keyval": "^6",
+        "jwt-decode": "^4",
+        "nprogress": "^0.2",
+        "qrcode": "^1.5",
+        "sortablejs": "^1",
+        "universal-cookie": "^7 || ^8",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "async-validator": {
+          "optional": true
+        },
+        "axios": {
+          "optional": true
+        },
+        "change-case": {
+          "optional": true
+        },
+        "drauu": {
+          "optional": true
+        },
+        "focus-trap": {
+          "optional": true
+        },
+        "fuse.js": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "jwt-decode": {
+          "optional": true
+        },
+        "nprogress": {
+          "optional": true
+        },
+        "qrcode": {
+          "optional": true
+        },
+        "sortablejs": {
+          "optional": true
+        },
+        "universal-cookie": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-14.3.0.tgz",
+      "integrity": "sha512-BwxmbAzwAVF50+MW57GXOUEV61nFBGnlBvrTqj49PqWJu3uw7hdu72ztXeZ33RdZtDY6kO+bfCAE1PCn88Tktw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "14.3.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz",
+      "integrity": "sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/accessor-fn": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/accessor-fn/-/accessor-fn-1.5.3.tgz",
+      "integrity": "sha512-rkAofCwe/FvYFUlMB0v0gWmhqtfAtV1IUkdPbfhTUyYniu5LrC0A0UJkTH0Jv3S8SvwkmfuAlY+mQIJATdocMA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.2.1.tgz",
+      "integrity": "sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-align/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/ansi-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anynum": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/anynum/-/anynum-1.0.0.tgz",
+      "integrity": "sha512-xjR9/zBVnUOP6ztMIIgShjsxui80nQUQH+5xJnvrYLs+90bF25/KJqaAi8mk+B4RDtX1Nspi6fmp4YTEts8SfA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/atomically": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.1.1.tgz",
+      "integrity": "sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stubborn-fs": "^2.0.0",
+        "when-exit": "^2.1.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/batch-cluster": {
+      "version": "17.3.1",
+      "resolved": "https://registry.npmjs.org/batch-cluster/-/batch-cluster-17.3.1.tgz",
+      "integrity": "sha512-/aWEgZKXgvEseV3WEIRyjDoFka9FTrpt5+FYCxn+giUgveGBKxWjz3cl26V3aD+1kvOBP3nmANZZfcXDmKzcAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/boxen": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.1.1.tgz",
+      "integrity": "sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.1",
+        "camelcase": "^7.0.1",
+        "chalk": "^5.2.0",
+        "cli-boxes": "^3.0.0",
+        "string-width": "^5.1.2",
+        "type-fest": "^2.13.0",
+        "widest-line": "^4.0.1",
+        "wrap-ansi": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
+      "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/canvas-confetti": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/canvas-confetti/-/canvas-confetti-1.9.4.tgz",
+      "integrity": "sha512-yxQbJkAVrFXWNbTUjPqjF7G+g6pDotOUHGbkZq2NELZUMDpiJ85rIEazVb8GTaAptNW2miJAXbs1BtioA251Pw==",
+      "license": "ISC",
+      "funding": {
+        "type": "donate",
+        "url": "https://www.paypal.me/kirilvatev"
+      }
+    },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-1.1.2.tgz",
+      "integrity": "sha512-2bxTP2yUH7AJj/VAXfcA+4IcWGdQ87HwBANLt5XxGTeomo8yG0y95N1um9i5StvhT/Bl0/2cARA5v1PpPXUxUA==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
+    "node_modules/change-case": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+      "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+      "license": "MIT"
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chart.js": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+      "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-progress": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz",
+      "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^4.2.3"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cli-progress/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-progress/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/cli-progress/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-progress/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-3.1.3.tgz",
+      "integrity": "sha512-fasDH2ont2GqF5HpyO4w0+BcewlhHEZOFn9c1ckZdHpJ56Qb7MHhH/IcJZbBGgvdtwdwNbLvxiBEdg336iA9Sg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.6"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-2.1.0.tgz",
+      "integrity": "sha512-1bPaDNFm0axzE4MEAzKPuqKWeRaT43U/hyxKPBdqTfmPF+d6n7FSoTFxLVULUJOmiLp01KjhIPPH+HrXZJN4Rg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      }
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/config-chain/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/configstore": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-7.1.0.tgz",
+      "integrity": "sha512-N4oog6YJWbR9kGyXvS7jEykLDXIE2C0ILYqNBZBp9iwiJpoCBWYsuAdW6PPFn6w06jjnC+3JstVvWHO4cZqvRg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "atomically": "^2.0.3",
+        "dot-prop": "^9.0.0",
+        "graceful-fs": "^4.2.11",
+        "xdg-basedir": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/copy-anything": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz",
+      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-voronoi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo-voronoi/-/d3-geo-voronoi-2.1.0.tgz",
+      "integrity": "sha512-kqE4yYuOjPbKdBXG0xztCacPwkVSK2REF1opSNrnqqtXJmNcM++UbwQ8SxvwP6IQTj9RvIjjK4qeiVsEfj0Z2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-delaunay": "6",
+        "d3-geo": "3",
+        "d3-tricontour": "1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-octree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.1.0.tgz",
+      "integrity": "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A==",
+      "license": "MIT"
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-tricontour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-tricontour/-/d3-tricontour-1.1.0.tgz",
+      "integrity": "sha512-G7gHKj89n2owmkGb6WX6ixcnQ0Kf/0wpa9VIh9DGdbHu8wdrlaHU4ir3/bFNERl8N8nn4G7e7qbtBG8N9caihQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-delaunay": "6",
+        "d3-scale": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-bind-mapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/data-bind-mapper/-/data-bind-mapper-1.0.3.tgz",
+      "integrity": "sha512-QmU3lyEnbENQPo0M1F9BMu4s6cqNNp8iJA+b/HP2sSb7pf3dxwF3+EP1eO69rwBfH9kFJ1apmzrtogAmVt2/Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "accessor-fn": "1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/del": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/del/-/del-8.0.1.tgz",
+      "integrity": "sha512-gPqh0mKTPvaUZGAuHbrBUYKZWBNAeHG7TU3QH5EhVwPMyKvmfJaNXhcD2jTcXsJRRcffuho4vaYweu80dRrMGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "globby": "^14.0.2",
+        "is-glob": "^4.0.3",
+        "is-path-cwd": "^3.0.0",
+        "is-path-inside": "^4.0.0",
+        "p-map": "^7.0.2",
+        "presentable-error": "^0.0.1",
+        "slash": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/del-cli": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/del-cli/-/del-cli-7.0.0.tgz",
+      "integrity": "sha512-fRl4pWJYu9WFQH8jXdQUYvcD0IMtij9WEc7qmB7xOyJEweNJNuE7iKmqNeoOT1DbBUjtRjxlw8Y63qKBI/NQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "del": "^8.0.1",
+        "meow": "^14.0.0",
+        "presentable-error": "^0.0.1"
+      },
+      "bin": {
+        "del": "cli.js",
+        "del-cli": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/delaunator": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
+      "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
+      "license": "ISC",
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dicebear": {
+      "resolved": "src/js/cli",
+      "link": true
+    },
+    "node_modules/dot-prop": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-9.0.0.tgz",
+      "integrity": "sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^4.18.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dot-prop/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/earcut": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.2.tgz",
+      "integrity": "sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==",
+      "license": "ISC"
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz",
+      "integrity": "sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.28.1",
+        "@esbuild/android-arm": "0.28.1",
+        "@esbuild/android-arm64": "0.28.1",
+        "@esbuild/android-x64": "0.28.1",
+        "@esbuild/darwin-arm64": "0.28.1",
+        "@esbuild/darwin-x64": "0.28.1",
+        "@esbuild/freebsd-arm64": "0.28.1",
+        "@esbuild/freebsd-x64": "0.28.1",
+        "@esbuild/linux-arm": "0.28.1",
+        "@esbuild/linux-arm64": "0.28.1",
+        "@esbuild/linux-ia32": "0.28.1",
+        "@esbuild/linux-loong64": "0.28.1",
+        "@esbuild/linux-mips64el": "0.28.1",
+        "@esbuild/linux-ppc64": "0.28.1",
+        "@esbuild/linux-riscv64": "0.28.1",
+        "@esbuild/linux-s390x": "0.28.1",
+        "@esbuild/linux-x64": "0.28.1",
+        "@esbuild/netbsd-arm64": "0.28.1",
+        "@esbuild/netbsd-x64": "0.28.1",
+        "@esbuild/openbsd-arm64": "0.28.1",
+        "@esbuild/openbsd-x64": "0.28.1",
+        "@esbuild/openharmony-arm64": "0.28.1",
+        "@esbuild/sunos-x64": "0.28.1",
+        "@esbuild/win32-arm64": "0.28.1",
+        "@esbuild/win32-ia32": "0.28.1",
+        "@esbuild/win32-x64": "0.28.1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-goat": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-4.0.0.tgz",
+      "integrity": "sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.5.0.tgz",
+      "integrity": "sha512-1y+7C+vi12bUK1IpZeaV3gsH9fHLBmPvYmPx42pvT/E9yG0IC8g3PUZZgp0+JLJl7ZDK0flc2gc+Aw9dpCvIsQ==",
+      "dev": true,
+      "license": "MIT",
+      "workspaces": [
+        "packages/*"
+      ],
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@eslint/config-array": "^0.23.5",
+        "@eslint/config-helpers": "^0.6.0",
+        "@eslint/core": "^1.2.1",
+        "@eslint/plugin-kit": "^0.7.2",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^9.1.2",
+        "eslint-visitor-keys": "^5.0.1",
+        "espree": "^11.2.0",
+        "esquery": "^1.7.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "minimatch": "^10.2.4",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
+      "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-config-prettier"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-10.9.2.tgz",
+      "integrity": "sha512-4g7ZP3pYcuqd7Zp0pzUKcos0W+RkjBz4EGdhJ92FcYk6v03Ti/GK5NwjgsjxHK+98eXDbHeK7VtX1az7/8doZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^7.1.0",
+        "semver": "^7.6.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "@stylistic/eslint-plugin": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
+        "@typescript-eslint/parser": "^7.0.0 || ^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "vue-eslint-parser": "^10.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@stylistic/eslint-plugin": {
+          "optional": true
+        },
+        "@typescript-eslint/parser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.2.tgz",
+      "integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@types/esrecurse": "^4.3.1",
+        "@types/estree": "^1.0.8",
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/espree": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.2.0.tgz",
+      "integrity": "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^5.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "license": "MIT"
+    },
+    "node_modules/exiftool-vendored": {
+      "version": "35.21.0",
+      "resolved": "https://registry.npmjs.org/exiftool-vendored/-/exiftool-vendored-35.21.0.tgz",
+      "integrity": "sha512-yZE8E8ZrRwAiD0z+MaAH5n6FdGsc2dbXbGHTJOaMWsQFsNOuKOkHgpgFzS9neB4MB8MirNlKDfEOEmg1KzdeTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@photostructure/tz-lookup": "^11.5.0",
+        "@types/luxon": "^3.7.1",
+        "batch-cluster": "^17.3.1",
+        "he": "^1.2.0",
+        "luxon": "^3.7.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "optionalDependencies": {
+        "exiftool-vendored.exe": "13.59.0",
+        "exiftool-vendored.pl": "13.59.0"
+      }
+    },
+    "node_modules/exiftool-vendored.exe": {
+      "version": "13.59.0",
+      "resolved": "https://registry.npmjs.org/exiftool-vendored.exe/-/exiftool-vendored.exe-13.59.0.tgz",
+      "integrity": "sha512-d+Glvl77sKAt3ybMyE2o9eLMtublnZIlii7QGFej5CwcPwvq9v440CmKnLvufzdUV3RGXU1q1/rZepONUNXJIQ==",
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/exiftool-vendored.pl": {
+      "version": "13.59.0",
+      "resolved": "https://registry.npmjs.org/exiftool-vendored.pl/-/exiftool-vendored.pl-13.59.0.tgz",
+      "integrity": "sha512-6YlBpi4pcfSmIYcsied6g4+XlDe7KSKMf5WPsLBpUCiD5PyO2fd1v/Ob37VZDj36+9XCRnXY98fqVfCfNIq8ug==",
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "!win32"
+      ],
+      "bin": {
+        "exiftool": "bin/exiftool"
+      }
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fast-xml-builder": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.2.0.tgz",
+      "integrity": "sha512-00aAWieqff+ZJhsXA4g1g7M8k+7AYoMUUHF+/zFb5U6Uv/P0Vl4QZo84/IcufzYalLuEj9928bXN9PbbFzMF0Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "path-expression-matcher": "^1.5.0",
+        "xml-naming": "^0.1.0"
+      }
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.8.0.tgz",
+      "integrity": "sha512-6bIM7fsJxeo3uXv7OncQYsBAMPJ7V16Slahl/6M98C/i2q+vB1+4a0MtrvYwDFEUrwDSbAmeLDRXsOBwrL7yAg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@nodable/entities": "^2.1.0",
+        "fast-xml-builder": "^1.2.0",
+        "path-expression-matcher": "^1.5.0",
+        "strnum": "^2.3.0",
+        "xml-naming": "^0.1.0"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/float-tooltip": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/float-tooltip/-/float-tooltip-1.7.5.tgz",
+      "integrity": "sha512-/kXzuDnnBqyyWyhDMH7+PfP8J/oXiAavGzcRxASOMRHFuReDtofizLLJsf7nnDLAfEaMW4pVWaXrAjtnglpEkg==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-selection": "2 - 3",
+        "kapsule": "^1.16",
+        "preact": "10"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/focus-trap": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-8.2.1.tgz",
+      "integrity": "sha512-6CxwrrFRquH7pDXb1mWxudkU9LSfYBMRZutpgddb2o6iwCk7cIRrBhyY3c8SGKcmIKdeMTrGSNg4Bedh2RSF/w==",
+      "license": "MIT",
+      "dependencies": {
+        "tabbable": "^6.4.0"
+      }
+    },
+    "node_modules/frame-ticker": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/frame-ticker/-/frame-ticker-1.0.3.tgz",
+      "integrity": "sha512-E0X2u2JIvbEMrqEg5+4BpTqaD22OwojJI63K7MdKHdncjtAhGRbCR8nJCr2vwEt9NWBPCPcu70X9smPviEBy8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "simplesignal": "^2.1.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "11.3.5",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
+      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
+      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/global-directory": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/global-directory/-/global-directory-4.0.1.tgz",
+      "integrity": "sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "4.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globals": {
+      "version": "17.6.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.6.0.tgz",
+      "integrity": "sha512-sepffkT8stwnIYbsMBpoCHJuJM5l98FUF2AnE07hfvE0m/qp3R586hw4jF4uadbhvg1ooIdzuu7CsfD2jzCaNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
+      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^2.1.0",
+        "fast-glob": "^3.3.3",
+        "ignore": "^7.0.3",
+        "path-type": "^6.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/globe.gl": {
+      "version": "2.46.1",
+      "resolved": "https://registry.npmjs.org/globe.gl/-/globe.gl-2.46.1.tgz",
+      "integrity": "sha512-h+OvX52EBIPLtM0/2JkM+JZ9gPAhPJ4y3+hxUwD5Ey/O0Zk2ockuTiJ71bZbnNBGmNiIZzA5Vr3TMT0b3d35IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tweenjs/tween.js": "18 - 25",
+        "accessor-fn": "1",
+        "kapsule": "^1.16",
+        "three": ">=0.179 <1",
+        "three-globe": "^2.45",
+        "three-render-objects": "^1.41"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/h3-js": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/h3-js/-/h3-js-4.4.0.tgz",
+      "integrity": "sha512-DvJh07MhGgY2KcC4OeZc8SSyA+ZXpdvoh6uCzGpoKvWtZxJB+g6VXXC1+eWYkaMIsLz7J/ErhOalHCpcs1KYog==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=4",
+        "npm": ">=3",
+        "yarn": ">=1.3.0"
+      }
+    },
+    "node_modules/hast-util-to-html": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
+      "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "stringify-entities": "^4.0.0",
+        "zwitch": "^2.0.4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
+      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/idb-keyval": {
+      "version": "6.2.5",
+      "resolved": "https://registry.npmjs.org/idb-keyval/-/idb-keyval-6.2.5.tgz",
+      "integrity": "sha512-eKQkTnS0relYsSOYomx8ozIbmdsQCKUdhyuIaQ2DZgKuaxtyQQMkyD/wlnQN32pO3yutN1b1L8uqwcDKaJd7/Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
+    "node_modules/immutable": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz",
+      "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==",
+      "license": "MIT"
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/index-array-by": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/index-array-by/-/index-array-by-1.4.2.tgz",
+      "integrity": "sha512-SP23P27OUKzXWEC/TOyWlwLviofQkCSCKONnc62eItjp69yCZZPqDQtr3Pw5gJDnPeUMqExmKydNZaJO0FU9pw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.1.tgz",
+      "integrity": "sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==",
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-in-ci": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-1.0.0.tgz",
+      "integrity": "sha512-eUuAjybVTHMYWm/U+vBO1sY/JOCgoPCXRxzdju0K+K0BiGW0SChEL1MLC0PoCIR1OlPo5YAp8HuQoUlsWEICwg==",
+      "license": "MIT",
+      "bin": {
+        "is-in-ci": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-installed-globally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-1.0.0.tgz",
+      "integrity": "sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "global-directory": "^4.0.1",
+        "is-path-inside": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-npm": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-6.1.0.tgz",
+      "integrity": "sha512-O2z4/kNgyjhQwVR1Wpkbfc19JIhggF97NZNCpWTnjH7kVcZMUrnut9XSN7txI7VdyIYk5ZatOq3zvSuWpU8hoA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-path-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-3.0.0.tgz",
+      "integrity": "sha512-kyiNFFLU0Ampr6SDZitD/DwUo4Zs1nSdnygUBqsu3LooL00Qvb5j+UnvApUn/TTj1J3OuE6BTdQ5rudKmU2ZaA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-4.0.0.tgz",
+      "integrity": "sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz",
+      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz",
+      "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsonc-eslint-parser": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jsonc-eslint-parser/-/jsonc-eslint-parser-2.4.2.tgz",
+      "integrity": "sha512-1e4qoRgnn448pRuMvKGsFFymUCquZV0mpGgOyIKNgD3JVDTsVJyRBGH/Fm0tBb8WsWGgmB1mDe6/yJMQM37DUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.5.0",
+        "eslint-visitor-keys": "^3.0.0",
+        "espree": "^9.0.0",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      }
+    },
+    "node_modules/jsonc-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/jsonc-eslint-parser/node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/kapsule": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/kapsule/-/kapsule-1.16.3.tgz",
+      "integrity": "sha512-4+5mNNf4vZDSwPhKprKwz3330iisPrb08JyMgbsdFrimBCKNHecua/WBwvVg3n7vwx0C1ARjfhwIpbrbd9n5wg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash-es": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/ky": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/ky/-/ky-1.14.3.tgz",
+      "integrity": "sha512-9zy9lkjac+TR1c2tG+mkNSVlyOpInnWdSMiue4F+kq8TwJSgv6o8jhLRg8Ho6SnZ9wOYUq/yozts9qQCfk7bIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/ky?sponsor=1"
+      }
+    },
+    "node_modules/latest-version": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-9.0.0.tgz",
+      "integrity": "sha512-7W0vV3rqv5tokqkBAFV1LbR7HPOWzXQDpDgEuib/aJ1jsZZx6x3c2mBI+TJhJzOhkGeaLbCKEHXEXLfirtG2JA==",
+      "license": "MIT",
+      "dependencies": {
+        "package-json": "^10.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.2.1.tgz",
+      "integrity": "sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash-es": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+      "license": "MIT"
+    },
+    "node_modules/luxon": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.2.tgz",
+      "integrity": "sha512-vtEhXh/gNjI9Yg1u4jX/0YVPMvxzHuGgCm6tC5kZyb08yjGWGnqAjGJvcXbqQR2P3MyMEFnRbpcdFS6PBcLqew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/mark.js": {
+      "version": "8.11.1",
+      "resolved": "https://registry.npmjs.org/mark.js/-/mark.js-8.11.1.tgz",
+      "integrity": "sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==",
+      "license": "MIT"
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/memorystream": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+      "integrity": "sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-14.1.0.tgz",
+      "integrity": "sha512-EDYo6VlmtnumlcBCbh1gLJ//9jvM/ndXHfVXIFrZVr6fGcwTUyCTFNTLCKuY3ffbK8L/+3Mzqnd58RojiZqHVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minisearch": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/minisearch/-/minisearch-7.2.0.tgz",
+      "integrity": "sha512-dqT2XBYUOZOiC5t2HRnwADjhNS2cecp9u+TJRiJ1Qp/f5qjkeT5APcGPjHw+bz89Ms8Jp+cG4AlE+QZ/QnDglg==",
+      "license": "MIT"
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "license": "MIT"
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+      "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-run-all2": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/npm-run-all2/-/npm-run-all2-8.0.4.tgz",
+      "integrity": "sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "cross-spawn": "^7.0.6",
+        "memorystream": "^0.3.1",
+        "picomatch": "^4.0.2",
+        "pidtree": "^0.6.0",
+        "read-package-json-fast": "^4.0.0",
+        "shell-quote": "^1.7.3",
+        "which": "^5.0.0"
+      },
+      "bin": {
+        "npm-run-all": "bin/npm-run-all/index.js",
+        "npm-run-all2": "bin/npm-run-all/index.js",
+        "run-p": "bin/run-p/index.js",
+        "run-s": "bin/run-s/index.js"
+      },
+      "engines": {
+        "node": "^20.5.0 || >=22.0.0",
+        "npm": ">= 10"
+      }
+    },
+    "node_modules/npm-run-all2/node_modules/isexe": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/npm-run-all2/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/obug": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.3.tgz",
+      "integrity": "sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/oniguruma-parser": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.2.tgz",
+      "integrity": "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==",
+      "license": "MIT"
+    },
+    "node_modules/oniguruma-to-es": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.6.tgz",
+      "integrity": "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==",
+      "license": "MIT",
+      "dependencies": {
+        "oniguruma-parser": "^0.12.2",
+        "regex": "^6.1.0",
+        "regex-recursion": "^6.0.2"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
+      "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-queue": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-8.1.1.tgz",
+      "integrity": "sha512-aNZ+VfjobsWryoiPnEApGGmf5WmNsCo9xu8dfaYamG5qaLP7ClhLN6NgsFe6SwJ2UbLEBK5dv9x8Mn5+RVhMWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^6.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-timeout": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.4.tgz",
+      "integrity": "sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/package-json": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-10.0.1.tgz",
+      "integrity": "sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==",
+      "license": "MIT",
+      "dependencies": {
+        "ky": "^1.2.0",
+        "registry-auth-token": "^5.0.2",
+        "registry-url": "^6.0.1",
+        "semver": "^7.6.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-expression-matcher": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/path-expression-matcher/-/path-expression-matcher-1.5.0.tgz",
+      "integrity": "sha512-cbrerZV+6rvdQrrD+iGMcZFEiiSrbv9Tfdkvnusy6y0x0GKBXREFg/Y65GhIfm0tnLntThhzCnfKwp1WRjeCyQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
+      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.1.tgz",
+      "integrity": "sha512-e0F9AOF1JMrCfBsyJOwU9lNvQ0WtXTq0j/4jk0BQ5JSI9VAybPXmDpPRw/2FQ3e5d3ZFN1mLh7jW99m/jjaptw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.4.tgz",
+      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^7.7.7"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.5.0",
+        "vue": "^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.1.tgz",
+      "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.4",
+        "exsolve": "^1.0.8",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/point-in-polygon-hao": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/point-in-polygon-hao/-/point-in-polygon-hao-1.2.4.tgz",
+      "integrity": "sha512-x2pcvXeqhRHlNRdhLs/tgFapAbSSe86wa/eqmj1G6pWftbEs5aVRJhRGM6FYSUERKu0PjekJzMq0gsI2XyiclQ==",
+      "license": "MIT",
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
+    "node_modules/polished": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz",
+      "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.8"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.4.tgz",
+      "integrity": "sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prando": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/prando/-/prando-6.0.1.tgz",
+      "integrity": "sha512-ghUWxQ1T9IJmPu6eshc3VU0OwveUtXQ33ZLXYUcz1Oc5ppKLDXKp0TBDj6b0epwhEctzcQSNGR2iHyvQSn4W5A==",
+      "license": "MIT"
+    },
+    "node_modules/preact": {
+      "version": "10.29.2",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.2.tgz",
+      "integrity": "sha512-7tNmwg/7mzzAoB/8kSg6Hl37JraAZw3Z3A0JSY7VXlZwo82Xn0G7wKbNNs2qoF4ZEEsQGTwDAroNdqKs1ofJxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/presentable-error": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/presentable-error/-/presentable-error-0.0.1.tgz",
+      "integrity": "sha512-E6rsNU1QNJgB3sjj7OANinGncFKuK+164sLXw1/CqBjj/EkXSoSdHCtWQGBNlREIGLnL7IEUEGa08YFVUbrhVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.4.tgz",
+      "integrity": "sha512-N2MylSdi48+5N/6S5j+maeHbUSIzzZ5uOcX5Hm4QpV8Dkb1HFjfAKTKX6yNPJQD9AhcT3ifHNB66tWTTJDi11Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/primeicons": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
+      "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
+      "license": "MIT"
+    },
+    "node_modules/primevue": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.5.5.tgz",
+      "integrity": "sha512-Kv5REIewCdP806QaoU+4nBXfmpzOGFKkZ9qH4KsL6MjiAQVc4PUzypt8erl4r3Vzh3nr3aWZIxkxYRRsLGiX2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4",
+        "@primeuix/styles": "^2.0.3",
+        "@primeuix/utils": "^0.6.2",
+        "@primevue/core": "4.5.5",
+        "@primevue/icons": "4.5.5"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/property-information": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.2.0.tgz",
+      "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "license": "ISC"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pupa": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-3.3.0.tgz",
+      "integrity": "sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-goat": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/random-int": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/random-int/-/random-int-3.1.0.tgz",
+      "integrity": "sha512-h8CRz8cpvzj0hC/iH/1Gapgcl2TQ6xtnCpyOI5WvWfXf/yrDx2DOU+tD9rX23j36IF11xg1KqB9W11Z18JPMdw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/random-item": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/random-item/-/random-item-4.0.1.tgz",
+      "integrity": "sha512-52SyTkFhFm6YP6MN9U5+txr8lBN5/fE2+xjzp1snaDzDNHN8a6Lu/G9fSc3gvD1+bmT+kIS7A0EP9QJQgRBfsg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/read-package-json-fast": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-4.0.0.tgz",
+      "integrity": "sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "json-parse-even-better-errors": "^4.0.0",
+        "npm-normalize-package-bin": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz",
+      "integrity": "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-recursion": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
+      "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-utilities": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
+      "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
+      "license": "MIT"
+    },
+    "node_modules/registry-auth-token": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-5.1.1.tgz",
+      "integrity": "sha512-P7B4+jq8DeD2nMsAcdfaqHbssgHtZ7Z5+++a5ask90fvmJ8p5je4mOa+wzu+DB4vQ5tdJV/xywY+UnVFeQLV5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@pnpm/npm-conf": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-6.0.1.tgz",
+      "integrity": "sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "rc": "1.2.8"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
+      "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
+      "license": "Unlicense"
+    },
+    "node_modules/rollup": {
+      "version": "4.62.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.0.tgz",
+      "integrity": "sha512-nc72Wgq62I7rtDV4izT5/aaS0zxy3kttkinf9586ApknY3jZO9NYsmtc24fUckA0X7Q2v+ML4a15pdUlV5V/jA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.62.0",
+        "@rollup/rollup-android-arm64": "4.62.0",
+        "@rollup/rollup-darwin-arm64": "4.62.0",
+        "@rollup/rollup-darwin-x64": "4.62.0",
+        "@rollup/rollup-freebsd-arm64": "4.62.0",
+        "@rollup/rollup-freebsd-x64": "4.62.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.0",
+        "@rollup/rollup-linux-arm64-musl": "4.62.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.0",
+        "@rollup/rollup-linux-loong64-musl": "4.62.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.0",
+        "@rollup/rollup-linux-x64-gnu": "4.62.0",
+        "@rollup/rollup-linux-x64-musl": "4.62.0",
+        "@rollup/rollup-openbsd-x64": "4.62.0",
+        "@rollup/rollup-openharmony-arm64": "4.62.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.0",
+        "@rollup/rollup-win32-x64-gnu": "4.62.0",
+        "@rollup/rollup-win32-x64-msvc": "4.62.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.101.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz",
+      "integrity": "sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^5.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.4.tgz",
+      "integrity": "sha512-VsC6n6vz1ihYYyZZwX7YZSF5l5x36ca17OC+a69h94YqB7X6XLwf+5MOgynYir2SLFUbl8gIYvBo8K8RoNQ6bQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/shiki": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.23.0.tgz",
+      "integrity": "sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.23.0",
+        "@shikijs/engine-javascript": "3.23.0",
+        "@shikijs/engine-oniguruma": "3.23.0",
+        "@shikijs/langs": "3.23.0",
+        "@shikijs/themes": "3.23.0",
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/simple-icons": {
+      "version": "16.23.0",
+      "resolved": "https://registry.npmjs.org/simple-icons/-/simple-icons-16.23.0.tgz",
+      "integrity": "sha512-08MaTpxj9zGYUIe38tfELYkaHiGE1YgbrbXmTBf+GPxi5mEqLSORQqOXrP0QKPdaFuzEDSmW5o4xkbLlFhmdCw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/simple-icons"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/simple-icons"
+        }
+      ],
+      "license": "CC0-1.0",
+      "engines": {
+        "node": ">=0.12.18"
+      }
+    },
+    "node_modules/simplesignal": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/simplesignal/-/simplesignal-2.1.7.tgz",
+      "integrity": "sha512-PEo2qWpUke7IMhlqiBxrulIFvhJRLkl1ih52Rwa+bPjzhJepcd4GIjn2RiQmFSx3dQvsEAgF0/lXMwMN7vODaA==",
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strnum": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.4.0.tgz",
+      "integrity": "sha512-sHrVyWWdq28RbhjuJdZsA1SnGRJV6NiXbk6AXBxDOsgAcA+lmpUZCYjOdLBxkXMwis6RRe7dlZt4VlIWFVzkmg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "anynum": "^1.0.0"
+      }
+    },
+    "node_modules/stubborn-fs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/stubborn-fs/-/stubborn-fs-2.0.0.tgz",
+      "integrity": "sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==",
+      "license": "MIT",
+      "dependencies": {
+        "stubborn-utils": "^1.0.1"
+      }
+    },
+    "node_modules/stubborn-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/stubborn-utils/-/stubborn-utils-1.0.2.tgz",
+      "integrity": "sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==",
+      "license": "MIT"
+    },
+    "node_modules/superjson": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
+      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+      "license": "MIT",
+      "dependencies": {
+        "copy-anything": "^4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tabbable": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz",
+      "integrity": "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==",
+      "license": "MIT"
+    },
+    "node_modules/three": {
+      "version": "0.184.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.184.0.tgz",
+      "integrity": "sha512-wtTRjG92pM5eUg/KuUnHsqSAlPM296brTOcLgMRqEeylYTh/CdtvKUvCyyCQTzFuStieWxvZb8mVTMvdPyUpxg==",
+      "license": "MIT"
+    },
+    "node_modules/three-conic-polygon-geometry": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/three-conic-polygon-geometry/-/three-conic-polygon-geometry-2.1.3.tgz",
+      "integrity": "sha512-7KYcgd7rYg91L8AnCEddeyhw4qlv9+8NAI0luHq7QGt26icWUGNCsvLyD+u6FPKjP+un3zGBi4JGzqgGpmBSWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/boolean-point-in-polygon": "^7.2",
+        "d3-array": "1 - 3",
+        "d3-geo": "1 - 3",
+        "d3-geo-voronoi": "2",
+        "d3-scale": "1 - 4",
+        "delaunator": "5",
+        "earcut": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.72.0"
+      }
+    },
+    "node_modules/three-geojson-geometry": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/three-geojson-geometry/-/three-geojson-geometry-2.1.1.tgz",
+      "integrity": "sha512-dC7bF3ri1goDcihYhzACHOBQqu7YNNazYLa2bSydVIiJUb3jDFojKSy+gNj2pMkqZNSVjssSmdY9zlmnhEpr1w==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-geo": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "earcut": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.72.0"
+      }
+    },
+    "node_modules/three-globe": {
+      "version": "2.45.2",
+      "resolved": "https://registry.npmjs.org/three-globe/-/three-globe-2.45.2.tgz",
+      "integrity": "sha512-3qJE2LAdyHsUPt02mgMRc+PG3j9kGEA0fUYrwKPGIVtvMR1XjDn9hCXu31AWocdgHOFcXkrRVz7jJZzTIvR0eQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tweenjs/tween.js": "18 - 25",
+        "accessor-fn": "1",
+        "d3-array": "3",
+        "d3-color": "3",
+        "d3-geo": "3",
+        "d3-interpolate": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "data-bind-mapper": "1",
+        "frame-ticker": "1",
+        "h3-js": "4",
+        "index-array-by": "1",
+        "kapsule": "^1.16",
+        "three-conic-polygon-geometry": "2",
+        "three-geojson-geometry": "2",
+        "three-slippy-map-globe": "1",
+        "tinycolor2": "1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.154"
+      }
+    },
+    "node_modules/three-render-objects": {
+      "version": "1.42.0",
+      "resolved": "https://registry.npmjs.org/three-render-objects/-/three-render-objects-1.42.0.tgz",
+      "integrity": "sha512-KYfkPrYGEbIK8ChFocWqOF1aAN80FBUBWVYB8mB2oBpVuVN+52FvvngVYB5ieFANQu7Rt21rPYZ/xKaAgVWWRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tweenjs/tween.js": "18 - 25",
+        "accessor-fn": "1",
+        "float-tooltip": "^1.7",
+        "kapsule": "^1.16",
+        "polished": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.179"
+      }
+    },
+    "node_modules/three-slippy-map-globe": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/three-slippy-map-globe/-/three-slippy-map-globe-1.0.6.tgz",
+      "integrity": "sha512-PCUR+X+1kYFYtQBf8+b/ct8xBHtnkeu7FItRYBeFxyIe3ksnGuLi0H9RAxAfVSSUsZVbKIKNz9q1atEjynrrkg==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-geo": "1 - 3",
+        "d3-octree": "^1.1",
+        "d3-scale": "1 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.154"
+      }
+    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.7.tgz",
+      "integrity": "sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/tmp-promise": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tmp-promise/-/tmp-promise-3.0.3.tgz",
+      "integrity": "sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tmp": "^0.2.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/turbo": {
+      "version": "2.9.18",
+      "resolved": "https://registry.npmjs.org/turbo/-/turbo-2.9.18.tgz",
+      "integrity": "sha512-bwabv6PupzeavybzEoArBAkwq5fnzwf8OFnRtpHwnviFWuwJPFxtyH+aVp36TmIqK3aYYgtTJ3J0m2ysxxSzQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "turbo": "bin/turbo"
+      },
+      "optionalDependencies": {
+        "@turbo/darwin-64": "2.9.18",
+        "@turbo/darwin-arm64": "2.9.18",
+        "@turbo/linux-64": "2.9.18",
+        "@turbo/linux-arm64": "2.9.18",
+        "@turbo/windows-64": "2.9.18",
+        "@turbo/windows-arm64": "2.9.18"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.61.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.61.0.tgz",
+      "integrity": "sha512-8y31Rd0eGTrDKqhy6vT0HtzhN+YLjQizwX3aA3hPXP/ynSfnrBXcQY5IzsP9/DM7+klX4IUncZZjkchP0z+rUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.61.0",
+        "@typescript-eslint/parser": "8.61.0",
+        "@typescript-eslint/typescript-estree": "8.61.0",
+        "@typescript-eslint/utils": "8.61.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
+      "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.18.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
+      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
+      "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
+      "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-vue-components": {
+      "version": "31.1.0",
+      "resolved": "https://registry.npmjs.org/unplugin-vue-components/-/unplugin-vue-components-31.1.0.tgz",
+      "integrity": "sha512-9EbV5ark21A4BOBt6RJGJXCVD2I1eoxTZL1TAvNgYTokcrFIiuxpufb8owyWn7n+z2x8daz/ltZq6IRRKL3ydQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^5.0.0",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.2",
+        "obug": "^2.1.1",
+        "picomatch": "^4.0.3",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^2.3.11",
+        "unplugin-utils": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.2 || ^4.0.0",
+        "vue": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/update-notifier": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-7.3.1.tgz",
+      "integrity": "sha512-+dwUY4L35XFYEzE+OAL3sarJdUioVovq+8f7lcIJ7wnmnYQV5UD1Y/lcwaMSyaQ6Bj3JMj1XSTjZbNLHn/19yA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boxen": "^8.0.1",
+        "chalk": "^5.3.0",
+        "configstore": "^7.0.0",
+        "is-in-ci": "^1.0.0",
+        "is-installed-globally": "^1.0.0",
+        "is-npm": "^6.0.0",
+        "latest-version": "^9.0.0",
+        "pupa": "^3.1.0",
+        "semver": "^7.6.3",
+        "xdg-basedir": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/yeoman/update-notifier?sponsor=1"
+      }
+    },
+    "node_modules/update-notifier/node_modules/boxen": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-8.0.1.tgz",
+      "integrity": "sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.1",
+        "camelcase": "^8.0.0",
+        "chalk": "^5.3.0",
+        "cli-boxes": "^3.0.0",
+        "string-width": "^7.2.0",
+        "type-fest": "^4.21.0",
+        "widest-line": "^5.0.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-notifier/node_modules/camelcase": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-8.0.0.tgz",
+      "integrity": "sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-notifier/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
+    },
+    "node_modules/update-notifier/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-notifier/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-notifier/node_modules/widest-line": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz",
+      "integrity": "sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-notifier/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vite": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.5.tgz",
+      "integrity": "sha512-KuOaNhcnGFN2zIPGA7wRmzF+lJA1sea7rHq17aiJ++9lzY1WWG6Jpwqwe1KNbRVPIqHmr8GLYx7jbrQcN/7/ww==",
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitepress": {
+      "version": "2.0.0-alpha.17",
+      "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-2.0.0-alpha.17.tgz",
+      "integrity": "sha512-Z3VPUpwk/bHYqt1uMVOOK1/4xFiWQov1GNc2FvMdz6kvje4JRXEOngVI9C+bi5jeedMSHiA4dwKkff1NCvbZ9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@docsearch/css": "^4.5.3",
+        "@docsearch/js": "^4.5.3",
+        "@docsearch/sidepanel-js": "^4.5.3",
+        "@iconify-json/simple-icons": "^1.2.69",
+        "@shikijs/core": "^3.22.0",
+        "@shikijs/transformers": "^3.22.0",
+        "@shikijs/types": "^3.22.0",
+        "@types/markdown-it": "^14.1.2",
+        "@vitejs/plugin-vue": "^6.0.4",
+        "@vue/devtools-api": "^8.0.5",
+        "@vue/shared": "^3.5.27",
+        "@vueuse/core": "^14.2.0",
+        "@vueuse/integrations": "^14.2.0",
+        "focus-trap": "^8.0.0",
+        "mark.js": "8.11.1",
+        "minisearch": "^7.2.0",
+        "shiki": "^3.22.0",
+        "vite": "^7.3.1",
+        "vue": "^3.5.27"
+      },
+      "bin": {
+        "vitepress": "bin/vitepress.js"
+      },
+      "peerDependencies": {
+        "markdown-it-mathjax3": "^4",
+        "oxc-minify": "*",
+        "postcss": "^8"
+      },
+      "peerDependenciesMeta": {
+        "markdown-it-mathjax3": {
+          "optional": true
+        },
+        "oxc-minify": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitepress/node_modules/@vue/devtools-api": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.1.2.tgz",
+      "integrity": "sha512-vA0O112YqyDuNA1s7Yb2gCgToQ/OxOWiFDO5ThLCcDy0ldHnSd1dUTaSYhOldbqoNgumE4dxtGAoAaSUKUD1Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^8.1.2"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vue/devtools-kit": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.1.2.tgz",
+      "integrity": "sha512-f75/upc+GCyjXErpgPGz4582ujS0L/adAltGy+tqXMGUJpgAcfGr6CxnnhpZY8BHuMYt6KpbF8uaFrrQG66rGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^8.1.2",
+        "birpc": "^2.6.1",
+        "hookable": "^5.5.3",
+        "perfect-debounce": "^2.0.0"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vue/devtools-shared": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.1.2.tgz",
+      "integrity": "sha512-X9RyVFYAdkBe4IUf5v48TxBF/6QPmF8CmWrDAjXzfUHrgQ/HGfTC1A6TqgXqZ03ye66l3AD51BAGD69IvKM9sw==",
+      "license": "MIT"
+    },
+    "node_modules/vitepress/node_modules/perfect-debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
+      "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
+      "license": "MIT"
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.38.tgz",
+      "integrity": "sha512-vAMKHfImQlYSy0C+PBue4s3ERZ2xGKfgZg5GXAsLInq1dyh2H78ILVP5sK0KPFPVW4kv+OGCIvBEondcjpZp7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.38",
+        "@vue/compiler-sfc": "3.5.38",
+        "@vue/runtime-dom": "3.5.38",
+        "@vue/server-renderer": "3.5.38",
+        "@vue/shared": "3.5.38"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-chartjs": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/vue-chartjs/-/vue-chartjs-5.3.3.tgz",
+      "integrity": "sha512-jqxtL8KZ6YJ5NTv6XzrzLS7osyegOi28UGNZW0h9OkDL7Sh1396ht4Dorh04aKrl2LiSalQ84WtqiG0RIJb0tA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "chart.js": "^4.1.1",
+        "vue": "^3.0.0-0 || ^2.7.0"
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.4.1.tgz",
+      "integrity": "sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "eslint-scope": "^8.2.0 || ^9.0.0",
+        "eslint-visitor-keys": "^4.2.0 || ^5.0.0",
+        "espree": "^10.3.0 || ^11.0.0",
+        "esquery": "^1.6.0",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "11.4.5",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.4.5.tgz",
+      "integrity": "sha512-rm8YJ6RpjOrkcgS2GLrZwLvs/VbhxbTSuEspbyXDo233+fPK0OMFNLOj3fdQYVKdOgcpSfLW91JhbqgpkkcBWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.5",
+        "@intlify/devtools-types": "11.4.5",
+        "@intlify/shared": "11.4.5",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-i18n/node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.3.5.tgz",
+      "integrity": "sha512-Rzh/G2MmNlMSAMTiQEjDrsb4dgB/jbtEM47rVN2NtidF1dfb/q4w4QvpQBtW5+y3y5H27Hjh7deVwk+YB02fNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.28",
+        "@vue/language-core": "3.3.5"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/when-exit": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/when-exit/-/when-exit-2.1.5.tgz",
+      "integrity": "sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==",
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/widest-line": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
+      "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/xdg-basedir": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-5.1.0.tgz",
+      "integrity": "sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xml-naming": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/xml-naming/-/xml-naming-0.1.0.tgz",
+      "integrity": "sha512-k8KO9hrMyNk6tUWqUfkTEZbezRRpONVOzUTnc97VnCvyj6Tf9lyUR9EDAIeiVLv56jsMcoXEwjW8Kv5yPY52lw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "devOptional": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/yaml-eslint-parser": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/yaml-eslint-parser/-/yaml-eslint-parser-1.3.2.tgz",
+      "integrity": "sha512-odxVsHAkZYYglR30aPYRY4nUGJnoJ2y1ww2HDvZALo0BDETv9kWbi16J52eHs+PWRNmF4ub6nZqfVOeesOvntg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.0.0",
+        "yaml": "^2.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ota-meshi"
+      }
+    },
+    "node_modules/yaml-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^9.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "string-width": "^7.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^22.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "license": "ISC",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "src/js/cli": {
+      "name": "dicebear",
+      "version": "10.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "@dicebear/converter": "10.3.0",
+        "@dicebear/core": "10.3.0",
+        "@dicebear/styles": "^10.1.0",
+        "ajv": "^8.17.1",
+        "chalk": "^5.4.1",
+        "chalk-template": "^1.1.2",
+        "cli-progress": "^3.12.0",
+        "fs-extra": "^11.3.3",
+        "p-queue": "^8.1.0",
+        "update-notifier": "^7.3.1",
+        "yargs": "^18.0.0"
+      },
+      "bin": {
+        "dicebear": "bin/index.js"
+      },
+      "devDependencies": {
+        "@tsconfig/recommended": "^1.0.13",
+        "@types/cli-progress": "^3.11.6",
+        "@types/fs-extra": "^11.0.4",
+        "@types/update-notifier": "^6.0.8",
+        "@types/yargs": "^17.0.35",
+        "del-cli": "^7.0.0",
+        "typescript": "^5.9.3"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "src/js/cli/node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "src/js/cli/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "src/js/converter": {
+      "name": "@dicebear/converter",
+      "version": "10.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "@resvg/resvg-js": "^2.6.2",
+        "exiftool-vendored": "^35.5.0",
+        "fast-xml-parser": "^5.7.1",
+        "sharp": "^0.34.5",
+        "tmp-promise": "^3.0.3"
+      },
+      "devDependencies": {
+        "@tsconfig/recommended": "^1.0.13",
+        "del-cli": "^7.0.0",
+        "typescript": "^5.9.3"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "src/js/core": {
+      "name": "@dicebear/core",
+      "version": "10.3.0",
+      "license": "MIT",
+      "devDependencies": {
+        "@dicebear/schema": "^1.1.0",
+        "@tsconfig/recommended": "^1.0.13",
+        "ajv": "^8.17.1",
+        "del-cli": "^7.0.0",
+        "typescript": "^5.9.3"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "src/js/core/node_modules/ajv": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "src/js/core/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a76da7c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "root",
+  "private": true,
+  "packageManager": "npm@11.6.2",
+  "workspaces": {
+    "packages": [
+      "src/js/*",
+      "apps/*"
+    ]
+  },
+  "scripts": {
+    "build": "turbo run build",
+    "test": "turbo run test",
+    "test:scripts": "node --test 'tests/**/*.test.js'",
+    "fixtures:parity": "node tests/fixtures/parity/generate.mjs",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --cache --fix",
+    "prettier": "prettier --write \"{src,apps}/**/*.{js,ts,vue,json,md}\" \"*.md\""
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@stylistic/eslint-plugin": "^5.10.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "eslint": "^10.1.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.7.0",
+    "globals": "^17.4.0",
+    "prettier": "^3.8.1",
+    "turbo": "^2.5.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.58.0"
+  },
+  "overrides": {
+    "minimatch": ">=10.2.1",
+    "serialize-javascript": "7.0.3",
+    "esbuild": "^0.28.1"
+  }
+}
diff --git a/scripts/lib/publish.mjs b/scripts/lib/publish.mjs
new file mode 100644
index 0000000..77f1f6c
--- /dev/null
+++ b/scripts/lib/publish.mjs
@@ -0,0 +1,20 @@
+/**
+ * @param {{ name: string, version: string, private?: boolean }} pkg
+ * @param {string | null} registryVersion
+ * @returns {{ publish: boolean, reason: string }}
+ */
+export function shouldPublish(pkg, registryVersion) {
+  if (pkg.private) {
+    return { publish: false, reason: "private" };
+  }
+
+  if (registryVersion === pkg.version) {
+    return { publish: false, reason: "already published" };
+  }
+
+  if (registryVersion === null) {
+    return { publish: true, reason: "new package" };
+  }
+
+  return { publish: true, reason: "version changed" };
+}
diff --git a/scripts/lib/version.mjs b/scripts/lib/version.mjs
new file mode 100644
index 0000000..4d4de1c
--- /dev/null
+++ b/scripts/lib/version.mjs
@@ -0,0 +1,106 @@
+/**
+ * @param {string} version
+ * @returns {boolean}
+ */
+export function isValidVersion(version) {
+  return /^\d+\.\d+\.\d+(-[\w.]+)?$/.test(version);
+}
+
+/**
+ * @param {string[]} packageJsonRaws - Array of raw JSON strings
+ * @returns {Set<string>}
+ */
+export function collectWorkspaceNames(packageJsonRaws) {
+  const names = new Set();
+  for (const raw of packageJsonRaws) {
+    const pkg = JSON.parse(raw);
+    if (pkg.name) names.add(pkg.name);
+  }
+  return names;
+}
+
+/**
+ * @param {string} raw - Raw JSON string of a package.json
+ * @param {string} newVersion
+ * @param {Set<string>} workspaceNames
+ * @returns {string | null} Updated JSON string, or null if no change needed
+ */
+export function updatePackageJson(raw, newVersion, workspaceNames) {
+  const pkg = JSON.parse(raw);
+
+  // Set new version (skip root which has no version field)
+  if (pkg.version !== undefined) {
+    pkg.version = newVersion;
+  }
+
+  // Update internal dependency references
+  for (const depField of ["dependencies", "devDependencies"]) {
+    if (!pkg[depField]) continue;
+    for (const [name, value] of Object.entries(pkg[depField])) {
+      if (!workspaceNames.has(name)) continue;
+      // Skip wildcard references (used by private apps)
+      if (value === "*") continue;
+      pkg[depField][name] = newVersion;
+    }
+  }
+
+  // Leave peerDependencies ranges untouched
+
+  // Preserve original formatting (detect indent)
+  const indent = raw.match(/^(\s+)"/m)?.[1] ?? "  ";
+  const newRaw = JSON.stringify(pkg, null, indent) + "\n";
+
+  return newRaw !== raw ? newRaw : null;
+}
+
+const CHANGELOG_REPO_URL = "https://github.com/dicebear/dicebear";
+
+/**
+ * Promotes the `## [Unreleased]` section of a Keep a Changelog file to a
+ * released version: the existing entries are moved under a new
+ * `## [<version>] - <date>` heading, a fresh empty `## [Unreleased]` is kept on
+ * top, and the bottom link references are updated accordingly.
+ *
+ * @param {string} raw - Raw CHANGELOG.md content
+ * @param {string} newVersion
+ * @param {string} date - Release date in `YYYY-MM-DD` form
+ * @returns {string | null} Updated changelog, or null if there is nothing to do
+ */
+export function updateChangelog(raw, newVersion, date) {
+  const unreleasedHeading = /^## \[Unreleased\][^\n]*$/m;
+
+  if (!unreleasedHeading.test(raw)) {
+    return null;
+  }
+
+  // Idempotent: if this version was already promoted (e.g. a previous release
+  // run failed after writing the changelog), don't promote the now-empty
+  // Unreleased section again. The closing bracket prevents `10.0.1` from
+  // matching `10.0.10`.
+  if (raw.includes(`## [${newVersion}]`)) {
+    return null;
+  }
+
+  // Move the current Unreleased entries under a dated version heading and keep
+  // a fresh, empty Unreleased section on top.
+  let result = raw.replace(
+    unreleasedHeading,
+    `## [Unreleased]\n\n## [${newVersion}] - ${date}`
+  );
+
+  // Update the bottom link references when they follow the conventional shape.
+  const unreleasedLink =
+    /^\[Unreleased\]:\s*\S+\/compare\/v([\w.-]+)\.\.\.HEAD[^\n]*$/m;
+  const match = result.match(unreleasedLink);
+
+  if (match) {
+    const prevVersion = match[1];
+    result = result.replace(
+      unreleasedLink,
+      `[Unreleased]: ${CHANGELOG_REPO_URL}/compare/v${newVersion}...HEAD\n` +
+        `[${newVersion}]: ${CHANGELOG_REPO_URL}/compare/v${prevVersion}...v${newVersion}`
+    );
+  }
+
+  return result !== raw ? result : null;
+}
diff --git a/scripts/lib/workspace.mjs b/scripts/lib/workspace.mjs
new file mode 100644
index 0000000..debb44a
--- /dev/null
+++ b/scripts/lib/workspace.mjs
@@ -0,0 +1,43 @@
+import { readFileSync, readdirSync, existsSync } from "node:fs";
+import { join } from "node:path";
+
+/**
+ * Resolves workspace patterns from root package.json into absolute paths
+ * to each workspace's package.json. The root package.json is NOT included.
+ *
+ * @param {string} rootDir - Absolute path to the monorepo root
+ * @returns {string[]} Absolute paths to workspace package.json files
+ */
+export function resolveWorkspacePackages(rootDir) {
+  const rootPkg = JSON.parse(readFileSync(join(rootDir, "package.json"), "utf-8"));
+  const patterns = rootPkg.workspaces?.packages ?? rootPkg.workspaces ?? [];
+
+  const results = [];
+
+  for (const pattern of patterns) {
+    const starIdx = pattern.indexOf("*");
+
+    if (starIdx === -1) {
+      // Direct path — no glob
+      const pkgJson = join(rootDir, pattern, "package.json");
+      if (existsSync(pkgJson)) {
+        results.push(pkgJson);
+      }
+    } else {
+      // Expand single trailing `*` via readdirSync
+      const base = pattern.slice(0, starIdx);
+      const baseDir = join(rootDir, base);
+      if (!existsSync(baseDir)) continue;
+
+      for (const entry of readdirSync(baseDir, { withFileTypes: true })) {
+        if (!entry.isDirectory()) continue;
+        const pkgJson = join(baseDir, entry.name, "package.json");
+        if (existsSync(pkgJson)) {
+          results.push(pkgJson);
+        }
+      }
+    }
+  }
+
+  return results;
+}
diff --git a/scripts/publish.mjs b/scripts/publish.mjs
new file mode 100644
index 0000000..2fa3d62
--- /dev/null
+++ b/scripts/publish.mjs
@@ -0,0 +1,52 @@
+import { readFileSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { execFileSync } from "node:child_process";
+import { shouldPublish } from "./lib/publish.mjs";
+import { resolveWorkspacePackages } from "./lib/workspace.mjs";
+
+const ROOT = resolve(import.meta.dirname, "..");
+
+const distTag = process.argv[2];
+if (!distTag) {
+  console.error("Usage: node scripts/publish.mjs <dist-tag>");
+  process.exit(1);
+}
+
+const packageJsonPaths = resolveWorkspacePackages(ROOT);
+
+let published = 0;
+let skipped = 0;
+
+for (const pkgPath of packageJsonPaths) {
+  const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+
+  // Check registry version
+  let registryVersion;
+  try {
+    registryVersion = execFileSync("npm", ["view", pkg.name, "version"], {
+      encoding: "utf-8",
+      stdio: ["pipe", "pipe", "ignore"],
+    }).trim();
+  } catch {
+    // Package not yet on registry
+    registryVersion = null;
+  }
+
+  const decision = shouldPublish(pkg, registryVersion);
+
+  if (!decision.publish) {
+    console.log(`  skip (${decision.reason}): ${pkg.name}${pkg.version ? "@" + pkg.version : ""}`);
+    skipped++;
+    continue;
+  }
+
+  const pkgDir = join(pkgPath, "..");
+  console.log(`  publish: ${pkg.name}@${pkg.version} (tag: ${distTag})`);
+  execFileSync("npm", ["publish", "--tag", distTag, "--ignore-scripts"], {
+    cwd: pkgDir,
+    stdio: "inherit",
+  });
+  published++;
+}
+
+console.log(`\nDone! Published: ${published}, Skipped: ${skipped}`);
diff --git a/scripts/version.mjs b/scripts/version.mjs
new file mode 100644
index 0000000..7e8518c
--- /dev/null
+++ b/scripts/version.mjs
@@ -0,0 +1,117 @@
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { execSync } from "node:child_process";
+import { isValidVersion, updatePackageJson, collectWorkspaceNames, updateChangelog } from "./lib/version.mjs";
+import { resolveWorkspacePackages } from "./lib/workspace.mjs";
+
+const ROOT = resolve(import.meta.dirname, "..");
+
+const version = process.argv[2];
+if (!version) {
+  console.error("Usage: node scripts/version.mjs <version>");
+  process.exit(1);
+}
+
+if (!isValidVersion(version)) {
+  console.error(`Invalid version: ${version}`);
+  process.exit(1);
+}
+
+const packageJsonPaths = [join(ROOT, "package.json"), ...resolveWorkspacePackages(ROOT)];
+
+// Collect all workspace package names
+const workspaceNames = collectWorkspaceNames(
+  packageJsonPaths.map((p) => readFileSync(p, "utf-8"))
+);
+
+// Update each package.json
+for (const pkgPath of packageJsonPaths) {
+  const raw = readFileSync(pkgPath, "utf-8");
+  const pkg = JSON.parse(raw);
+  const oldVersion = pkg.version;
+  const newRaw = updatePackageJson(raw, version, workspaceNames);
+
+  if (newRaw !== null) {
+    writeFileSync(pkgPath, newRaw);
+    console.log(`  ${pkg.name ?? "root"}: ${oldVersion ?? "-"} → ${version}`);
+  }
+}
+
+// The Python core is not an npm workspace (like the PHP core), so bump its
+// pyproject.toml here to keep all ports on the same version. Only the version
+// string is replaced so the rest of the manifest stays byte-for-byte untouched.
+const pyprojectPath = join(ROOT, "src/python/core/pyproject.toml");
+if (existsSync(pyprojectPath)) {
+  const raw = readFileSync(pyprojectPath, "utf-8");
+  const updated = raw.replace(/^version = "[^"]*"$/m, `version = "${version}"`);
+
+  if (updated !== raw) {
+    writeFileSync(pyprojectPath, updated);
+    console.log(`  dicebear-core (python): → ${version}`);
+  }
+}
+
+// The Rust core is not an npm workspace either; bump its Cargo.toml so it ships
+// on the same version as the other ports. Only the [package] version line (at
+// column 0) matches `^version = "…"`, not the indented dependency versions.
+const cargoPath = join(ROOT, "src/rust/core/Cargo.toml");
+if (existsSync(cargoPath)) {
+  const raw = readFileSync(cargoPath, "utf-8");
+  const updated = raw.replace(/^version = "[^"]*"$/m, `version = "${version}"`);
+
+  if (updated !== raw) {
+    writeFileSync(cargoPath, updated);
+    console.log(`  dicebear-core (rust): → ${version}`);
+  }
+}
+
+// The Dart core is not an npm workspace either; bump its pubspec.yaml so it
+// ships on the same version as the other ports. pub.dev's automated publishing
+// requires the pubspec version to match the v{{version}} tag exactly. Only the
+// top-level `version:` line (at column 0) matches; indented dependency
+// constraints do not.
+const pubspecPath = join(ROOT, "src/dart/core/pubspec.yaml");
+if (existsSync(pubspecPath)) {
+  const raw = readFileSync(pubspecPath, "utf-8");
+  const updated = raw.replace(/^version: .*$/m, `version: ${version}`);
+
+  if (updated !== raw) {
+    writeFileSync(pubspecPath, updated);
+    console.log(`  dicebear_core (dart): → ${version}`);
+  }
+}
+
+// The Go core (src/go/core) needs no file bump: a Go module's version lives
+// entirely in the Git tag, which the module proxy reads directly. The tag
+// created below (e.g. v10.2.0) is mirrored to the standalone dicebear-go repo by
+// split-go-core.yml, and `github.com/dicebear/dicebear-go/v10` resolves it from
+// there. The major version is encoded in the module path (/v10), so it only
+// changes by hand on a major bump — not here.
+
+// Promote the changelog's Unreleased section to the new version
+const changelogPath = join(ROOT, "CHANGELOG.md");
+if (existsSync(changelogPath)) {
+  const raw = readFileSync(changelogPath, "utf-8");
+  const date = new Date().toISOString().slice(0, 10);
+  const updated = updateChangelog(raw, version, date);
+
+  if (updated !== null) {
+    writeFileSync(changelogPath, updated);
+    console.log(`\nCHANGELOG.md: Unreleased → ${version} (${date})`);
+  } else {
+    console.log("\nCHANGELOG.md: nothing to promote (skipped)");
+  }
+}
+
+// Sync package-lock.json
+console.log("\nSyncing package-lock.json...");
+execSync("npm install --package-lock-only", { cwd: ROOT, stdio: "inherit" });
+
+// Git commit and tag
+const tag = `v${version}`;
+console.log(`\nCreating commit and tag ${tag}...`);
+execSync("git add -A", { cwd: ROOT, stdio: "inherit" });
+execSync(`git commit -m "${tag}"`, { cwd: ROOT, stdio: "inherit" });
+execSync(`git tag "${tag}"`, { cwd: ROOT, stdio: "inherit" });
+
+console.log(`\nDone! Push with: git push && git push --tags`);
diff --git a/src/dart/core/.gitignore b/src/dart/core/.gitignore
new file mode 100644
index 0000000..7d2b409
--- /dev/null
+++ b/src/dart/core/.gitignore
@@ -0,0 +1,10 @@
+# Note: .pubignore replaces this file for `dart pub publish`, so entries here
+# never affect the package contents.
+.dart_tool
+pubspec.lock
+
+# Build-time copy of the repository's CHANGELOG.md (pub.dev expects the file
+# inside the package directory) — created by the CI workflows before
+# `dart pub publish [--dry-run]`, like the LICENSE copies in the styles and
+# schema repositories.
+CHANGELOG.md
diff --git a/src/dart/core/.pubignore b/src/dart/core/.pubignore
new file mode 100644
index 0000000..55bd077
--- /dev/null
+++ b/src/dart/core/.pubignore
@@ -0,0 +1,15 @@
+# A .pubignore replaces this directory's .gitignore for `dart pub publish`.
+# Unlike dicebear_schema/dicebear_styles, lib/ here is real committed code, so
+# the allowlist trick those packages use is not needed; this file only trims
+# the published archive.
+.dart_tool/
+pubspec.lock
+
+# The tests read the cross-language parity fixtures from
+# ../../../tests/fixtures/parity, which does not exist in the published
+# package.
+test/
+
+# Development-only: regenerates the embedded web fixtures from the monorepo's
+# parity fixtures, which the published package does not carry.
+tool/
diff --git a/src/dart/core/LICENSE b/src/dart/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/dart/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/dart/core/README.md b/src/dart/core/README.md
new file mode 100644
index 0000000..433470d
--- /dev/null
+++ b/src/dart/core/README.md
@@ -0,0 +1,71 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (Dart)</h1>
+
+Dart implementation of the DiceBear avatar library. Generates deterministic SVG
+avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/dart-library/)
+
+## Installation
+
+```sh
+dart pub add dicebear_core
+dart pub add dicebear_styles
+```
+
+`dicebear_core` is the engine; the avatar style definitions ship separately in
+the pure-data [`dicebear_styles`](https://pub.dev/packages/dicebear_styles)
+package.
+
+Requires Dart 3.4 or newer.
+
+## Usage
+
+```dart
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_styles/adventurer.dart';
+
+void main() {
+  // Each style ships as a raw JSON string; Style.parse decodes and validates it.
+  final style = Style.parse(adventurer);
+
+  final avatar = Avatar(style, {
+    'seed': 'John Doe',
+    'size': 128,
+  });
+
+  print(avatar.svg); // SVG string
+  print(avatar.toDataUri()); // data:image/svg+xml;charset=utf-8,...
+}
+```
+
+### Using the Style type
+
+```dart
+final style = Style.parse(adventurer);
+
+// Create multiple avatars from the same style
+final avatar1 = Avatar(style, {'seed': 'Alice'});
+final avatar2 = Avatar(style, {'seed': 'Bob'});
+```
+
+If you already hold a decoded definition (a `Map<String, Object?>`, for example
+one you built yourself or decoded with `jsonDecode`), pass it to the default
+`Style(...)` constructor instead of `Style.parse`.
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/dart/core/analysis_options.yaml b/src/dart/core/analysis_options.yaml
new file mode 100644
index 0000000..d04adaf
--- /dev/null
+++ b/src/dart/core/analysis_options.yaml
@@ -0,0 +1,7 @@
+include: package:lints/recommended.yaml
+
+analyzer:
+  language:
+    strict-casts: true
+    strict-inference: true
+    strict-raw-types: true
diff --git a/src/dart/core/lib/dicebear_core.dart b/src/dart/core/lib/dicebear_core.dart
new file mode 100644
index 0000000..4fc2557
--- /dev/null
+++ b/src/dart/core/lib/dicebear_core.dart
@@ -0,0 +1,29 @@
+/// Unique avatars from dozens of styles — deterministic, customizable,
+/// vector-based.
+///
+/// The engine behind [DiceBear](https://www.dicebear.com). Pair it with the
+/// style definitions from the `dicebear_styles` package:
+///
+/// ```dart
+/// import 'package:dicebear_core/dicebear_core.dart';
+/// import 'package:dicebear_styles/adventurer.dart';
+///
+/// void main() {
+///   final style = Style.parse(adventurer);
+///   final avatar = Avatar(style, {'seed': 'Felix'});
+///
+///   print(avatar.svg);
+/// }
+/// ```
+library;
+
+export 'src/avatar.dart' show Avatar;
+export 'src/error/circular_color_reference_error.dart'
+    show CircularColorReferenceError;
+export 'src/error/options_validation_error.dart' show OptionsValidationError;
+export 'src/error/style_validation_error.dart' show StyleValidationError;
+export 'src/error/validation_error.dart'
+    show ValidationError, ValidationErrorDetail;
+export 'src/options_descriptor.dart' show OptionsDescriptor;
+export 'src/style.dart' show Style;
+export 'src/utils/color.dart' show Color;
diff --git a/src/dart/core/lib/src/avatar.dart b/src/dart/core/lib/src/avatar.dart
new file mode 100644
index 0000000..089881d
--- /dev/null
+++ b/src/dart/core/lib/src/avatar.dart
@@ -0,0 +1,126 @@
+/// Top-level entry point for rendering an avatar from a style and options.
+library;
+
+import 'options.dart';
+import 'renderer.dart';
+import 'resolver.dart';
+import 'style.dart';
+
+/// Top-level entry point for rendering an avatar from a style and options.
+///
+/// Construction immediately resolves and renders the SVG; the various
+/// accessors return different serializations of that result. Throws an
+/// `OptionsValidationError` on invalid options and a
+/// `CircularColorReferenceError` when the style's colors reference each other
+/// in a cycle.
+class Avatar {
+  final String _svg;
+  final Map<String, Object?> _resolvedOptions;
+
+  /// Resolves and renders an avatar for [style]. A `null` options map is
+  /// treated as empty.
+  factory Avatar(Style style, [Map<String, Object?>? options]) {
+    final resolver = Resolver(style, Options(options));
+    final svg = Renderer(style, resolver).render();
+
+    return Avatar._(svg, resolver.resolved());
+  }
+
+  Avatar._(this._svg, this._resolvedOptions);
+
+  /// Returns the rendered SVG markup.
+  String get svg => _svg;
+
+  /// Returns the rendered SVG markup.
+  @override
+  String toString() => _svg;
+
+  /// Returns the avatar as a JSON-encodable map containing the SVG and the
+  /// fully resolved options used to render it
+  /// (`{'svg': ..., 'options': ...}`). `jsonEncode` picks this method up
+  /// automatically.
+  ///
+  /// The options map is a fresh deep copy in first-resolution order, with
+  /// unset (`null`) values dropped and whole-number values normalized to
+  /// `int` — see [resolvedOptions].
+  Map<String, Object?> toJson() => {
+        'svg': _svg,
+        'options': _normalizedOptions(),
+      };
+
+  /// Returns a deep copy of the fully resolved options used to render the
+  /// avatar, in first-resolution order. The raw seed is deliberately
+  /// excluded, and unset (`null`) entries are dropped — like
+  /// `JSON.stringify` dropping `undefined` properties in the JS port.
+  ///
+  /// Whole-number values are exposed as `int` so that `jsonEncode` emits
+  /// `128`, not `128.0` — the JSON envelope must match the other ports
+  /// byte-for-byte (the engine computes in doubles throughout; the
+  /// conversion happens only here, at the exposure boundary).
+  Map<String, Object?> get resolvedOptions => _normalizedOptions();
+
+  /// Returns the SVG encoded as a `data:image/svg+xml` URI.
+  /// [Uri.encodeComponent] matches the JS `encodeURIComponent` contract for
+  /// all well-formed input: every UTF-8 byte is percent-encoded except
+  /// `A–Z a–z 0–9` and `-_.!~*'()`. An unpaired surrogate (only producible
+  /// by ill-formed `seed`/`title` strings) is rejected here, mirroring the
+  /// `URIError` the JS reference throws — Dart would otherwise silently
+  /// substitute U+FFFD and diverge.
+  String toDataUri() {
+    for (var i = 0; i < _svg.length; i++) {
+      final unit = _svg.codeUnitAt(i);
+
+      if (unit >= 0xD800 && unit <= 0xDBFF) {
+        final next = i + 1 < _svg.length ? _svg.codeUnitAt(i + 1) : 0;
+
+        if (next >= 0xDC00 && next <= 0xDFFF) {
+          i++;
+          continue;
+        }
+      }
+
+      if (unit >= 0xD800 && unit <= 0xDFFF) {
+        throw ArgumentError.value(
+          _svg,
+          'svg',
+          'contains an unpaired surrogate at code unit $i and cannot be '
+              'percent-encoded (the JS reference throws URIError here)',
+        );
+      }
+    }
+
+    return 'data:image/svg+xml;charset=utf-8,${Uri.encodeComponent(_svg)}';
+  }
+
+  Map<String, Object?> _normalizedOptions() => {
+        for (final entry in _resolvedOptions.entries)
+          if (entry.value != null) entry.key: _numValue(entry.value),
+      };
+
+  /// Deep-copies a snapshot value, serializing numbers the way the JS port
+  /// does: a whole number becomes a JSON integer (`256`), not a float
+  /// (`256.0`). Fractional values and magnitudes at or beyond 2^53 (where
+  /// `int` would lose the exact double value on the web) stay `double`.
+  static Object? _numValue(Object? value) {
+    if (value is double) {
+      if (value == value.truncateToDouble() &&
+          value.abs() < 9007199254740992.0) {
+        return value.toInt();
+      }
+
+      return value;
+    }
+
+    if (value is List) {
+      return [for (final item in value) _numValue(item)];
+    }
+
+    if (value is Map) {
+      return {
+        for (final entry in value.entries) entry.key: _numValue(entry.value),
+      };
+    }
+
+    return value;
+  }
+}
diff --git a/src/dart/core/lib/src/error/circular_color_reference_error.dart b/src/dart/core/lib/src/error/circular_color_reference_error.dart
new file mode 100644
index 0000000..667202b
--- /dev/null
+++ b/src/dart/core/lib/src/error/circular_color_reference_error.dart
@@ -0,0 +1,16 @@
+/// Thrown when a color in the style definition references itself, directly
+/// or indirectly. [chain] reproduces the resolution path.
+class CircularColorReferenceError implements Exception {
+  /// The resolution path that closed the cycle, e.g. `[a, b, a]`.
+  final List<String> chain;
+
+  /// The formatted error message.
+  final String message;
+
+  CircularColorReferenceError(List<String> chain)
+      : chain = List.unmodifiable(chain),
+        message = 'Circular color reference: ${chain.join(' → ')}';
+
+  @override
+  String toString() => message;
+}
diff --git a/src/dart/core/lib/src/error/options_validation_error.dart b/src/dart/core/lib/src/error/options_validation_error.dart
new file mode 100644
index 0000000..746bf01
--- /dev/null
+++ b/src/dart/core/lib/src/error/options_validation_error.dart
@@ -0,0 +1,7 @@
+import 'validation_error.dart';
+
+/// Thrown when avatar options fail schema validation.
+class OptionsValidationError extends ValidationError {
+  OptionsValidationError(List<ValidationErrorDetail> details)
+      : super('Invalid options', details);
+}
diff --git a/src/dart/core/lib/src/error/style_validation_error.dart b/src/dart/core/lib/src/error/style_validation_error.dart
new file mode 100644
index 0000000..3a3cad5
--- /dev/null
+++ b/src/dart/core/lib/src/error/style_validation_error.dart
@@ -0,0 +1,7 @@
+import 'validation_error.dart';
+
+/// Thrown when a style definition fails schema validation.
+class StyleValidationError extends ValidationError {
+  StyleValidationError(List<ValidationErrorDetail> details)
+      : super('Invalid style definition', details);
+}
diff --git a/src/dart/core/lib/src/error/validation_error.dart b/src/dart/core/lib/src/error/validation_error.dart
new file mode 100644
index 0000000..16fa877
--- /dev/null
+++ b/src/dart/core/lib/src/error/validation_error.dart
@@ -0,0 +1,53 @@
+/// A single field failure inside a [ValidationError].
+class ValidationErrorDetail {
+  /// JSON pointer to the failing value (e.g. `/components/eyes/extends`),
+  /// or `null` when the failure has no specific location.
+  final String? instancePath;
+
+  /// Human-readable description of the failure.
+  final String? message;
+
+  const ValidationErrorDetail({this.instancePath, this.message});
+}
+
+/// Base class for schema validation errors. Carries the per-field failures
+/// in [details]; [message] is the formatted summary.
+class ValidationError implements Exception {
+  /// The formatted error message, e.g.
+  /// `Invalid options: /size must be >= 1`.
+  final String message;
+
+  /// The per-field failures.
+  final List<ValidationErrorDetail> details;
+
+  ValidationError(String prefix, List<ValidationErrorDetail> details)
+      : message = _format(prefix, details),
+        details = List.unmodifiable(details);
+
+  // Matches the JS port: empty-string paths and messages are skipped like
+  // absent ones.
+  static String _format(String prefix, List<ValidationErrorDetail> details) {
+    final parts = <String>[];
+
+    for (final detail in details) {
+      final segments = <String>[];
+      final path = detail.instancePath;
+      final message = detail.message;
+
+      if (path != null && path.isNotEmpty) {
+        segments.add(path);
+      }
+
+      if (message != null && message.isNotEmpty) {
+        segments.add(message);
+      }
+
+      parts.add(segments.join(' '));
+    }
+
+    return '$prefix: ${parts.join(', ')}';
+  }
+
+  @override
+  String toString() => message;
+}
diff --git a/src/dart/core/lib/src/options.dart b/src/dart/core/lib/src/options.dart
new file mode 100644
index 0000000..96e3b24
--- /dev/null
+++ b/src/dart/core/lib/src/options.dart
@@ -0,0 +1,220 @@
+/// Reads and normalizes the raw user-supplied options.
+library;
+
+import 'error/options_validation_error.dart';
+import 'range.dart';
+import 'utils/deep_copy.dart';
+import 'validator/options_validator.dart';
+
+/// Validates the raw user-supplied options and exposes them through typed
+/// accessors. Each accessor returns the user's input in a normalized form
+/// (always a list for options that accept either a scalar or a list, or
+/// `null` when the option is not set), so consumers — chiefly the resolver —
+/// never have to do their own normalization.
+///
+/// Resolution against the style definition and the PRNG happens in the
+/// resolver; this class is purely about reading user input. A JSON `null`
+/// value is treated like an absent key everywhere, matching the Go and Rust
+/// readers.
+class Options {
+  final Map<String, Object?> _data;
+
+  /// Validates [data] (throws [OptionsValidationError]) and keeps a deep
+  /// copy, so later mutations of the caller's map cannot leak into the
+  /// avatar. `null` is treated as an empty options object.
+  Options(Map<String, Object?>? data)
+      : _data = _validateAndCopy(data ?? const <String, Object?>{});
+
+  String? seed() {
+    final value = _get('seed');
+
+    return value is String ? value : null;
+  }
+
+  double? size() {
+    final value = _get('size');
+
+    return value is num ? value.toDouble() : null;
+  }
+
+  bool? idRandomization() {
+    final value = _get('idRandomization');
+
+    return value is bool ? value : null;
+  }
+
+  String? title() {
+    final value = _get('title');
+
+    return value is String ? value : null;
+  }
+
+  List<String> flip() => _asStringArray(_get('flip'));
+
+  List<String> fontFamily() => _asStringArray(_get('fontFamily'));
+
+  List<double> fontWeight() => _asNumberArray(_get('fontWeight'));
+
+  Range? scale() => _toRange(_get('scale'));
+
+  Range? borderRadius() => _toRange(_get('borderRadius'));
+
+  Range? rotate() => _toRange(_get('rotate'));
+
+  Range? translateX() => _toRange(_get('translateX'));
+
+  Range? translateY() => _toRange(_get('translateY'));
+
+  /// Returns the user-set variant constraint for [name] as a weighted map, or
+  /// `null` when `${name}Variant` is unset. A bare string or string list is
+  /// normalized to a map with each entry weighted `1`, preserving the list's
+  /// order (duplicates collapse last-wins, keeping the first position — the
+  /// same semantics as JS `Object.fromEntries`).
+  Map<String, double>? componentVariant(String name) {
+    final raw = _get('${name}Variant');
+
+    if (raw == null) {
+      return null;
+    }
+
+    if (raw is String) {
+      return {raw: 1.0};
+    }
+
+    if (raw is List) {
+      return {
+        for (final item in raw)
+          if (item is String) item: 1.0,
+      };
+    }
+
+    if (raw is Map) {
+      // Non-numeric weights are silently dropped, like the Go and Rust
+      // readers. Insertion order is kept — the PRNG sorts keys itself.
+      return {
+        for (final entry in raw.entries)
+          if (entry.value is num)
+            entry.key as String: (entry.value as num).toDouble(),
+      };
+    }
+
+    return null;
+  }
+
+  double? componentProbability(String name) {
+    final value = _get('${name}Probability');
+
+    return value is num ? value.toDouble() : null;
+  }
+
+  /// Asymmetric on purpose: returns `null` (rather than `[]`) when
+  /// `${name}Color` is unset so the resolver can fall back to the style
+  /// definition's color values.
+  List<String>? color(String name) {
+    final raw = _get('${name}Color');
+
+    if (raw == null) {
+      return null;
+    }
+
+    return _asStringArray(raw);
+  }
+
+  List<String> colorFill(String name) =>
+      _asStringArray(_get('${name}ColorFill'));
+
+  Range? colorAngle(String name) => _toRange(_get('${name}ColorAngle'));
+
+  Range? colorFillStops(String name) => _toRange(_get('${name}ColorFillStops'));
+
+  /// Returns the raw value of [key], with a JSON `null` value collapsed to
+  /// absent (Dart map lookup already yields `null` for missing keys).
+  Object? _get(String key) => _data[key];
+
+  /// Validates the user input, then deep-copies it so the stored data cannot
+  /// alias the caller's map. Validation runs on the original input, like the
+  /// JS port (validate, then `structuredClone`).
+  static Map<String, Object?> _validateAndCopy(Map<String, Object?> data) {
+    validateOptions(data);
+
+    return deepCopyJsonMap(data);
+  }
+
+  /// Normalizes a scalar/list/absent string value into a fresh list.
+  /// Wrong-typed list elements are silently dropped, like the Go and Rust
+  /// readers.
+  static List<String> _asStringArray(Object? value) {
+    if (value is List) {
+      return [
+        for (final item in value)
+          if (item is String) item,
+      ];
+    }
+
+    if (value is String) {
+      return [value];
+    }
+
+    return const [];
+  }
+
+  /// Normalizes a scalar/list/absent numeric value into a fresh list.
+  static List<double> _asNumberArray(Object? value) {
+    if (value is List) {
+      return [
+        for (final item in value)
+          if (item is num) item.toDouble(),
+      ];
+    }
+
+    if (value is num) {
+      return [value.toDouble()];
+    }
+
+    return const [];
+  }
+
+  /// Normalizes a user-facing range option (bare number, `[n]`, `[min, max]`,
+  /// or absent) into the internal [Range] struct. A bare number `n` — or a
+  /// single-element list `[n]` — becomes a fixed `min == max`. A list's
+  /// smallest/largest numeric element is taken as min/max (non-numeric
+  /// elements are skipped). An empty list is treated as unset so the resolver
+  /// applies the option's default (rather than yielding `NaN` from a missing
+  /// bound). Matches the JS, PHP, Python, Go and Rust ports. User options
+  /// never carry a step.
+  static Range? _toRange(Object? value) {
+    if (value is num) {
+      final fixed = value.toDouble();
+
+      return Range(min: fixed, max: fixed);
+    }
+
+    if (value is List) {
+      final numbers = [
+        for (final item in value)
+          if (item is num) item.toDouble(),
+      ];
+
+      if (numbers.isEmpty) {
+        return null;
+      }
+
+      var min = numbers.first;
+      var max = numbers.first;
+
+      for (final n in numbers) {
+        if (n < min) {
+          min = n;
+        }
+
+        if (n > max) {
+          max = n;
+        }
+      }
+
+      return Range(min: min, max: max);
+    }
+
+    return null;
+  }
+}
diff --git a/src/dart/core/lib/src/options_descriptor.dart b/src/dart/core/lib/src/options_descriptor.dart
new file mode 100644
index 0000000..0842653
--- /dev/null
+++ b/src/dart/core/lib/src/options_descriptor.dart
@@ -0,0 +1,106 @@
+/// Builds a descriptor of every option a given style accepts.
+library;
+
+import 'style.dart';
+import 'utils/deep_copy.dart';
+
+/// Builds a descriptor of every option a given style accepts. Tooling such as
+/// the editor uses the result to render form controls and validation hints
+/// without having to introspect the style itself.
+class OptionsDescriptor {
+  final Style _style;
+  Map<String, Object?>? _descriptor;
+
+  OptionsDescriptor(Style style) : _style = style;
+
+  /// Returns a deep copy of the descriptor, building it lazily on first call.
+  Map<String, Object?> toJson() => deepCopyJsonMap(_descriptor ??= _build());
+
+  /// Walks the style's components and colors and assembles the field map.
+  /// The map's insertion order matches the JS port — the descriptor fixtures
+  /// are compared serialized, so the order is part of the parity contract.
+  Map<String, Object?> _build() {
+    final result = <String, Object?>{
+      'seed': {'type': 'string'},
+      'size': {'type': 'number', 'min': 1, 'max': 4096},
+      'idRandomization': {'type': 'boolean'},
+      'title': {'type': 'string'},
+      'flip': {
+        'type': 'enum',
+        'values': ['none', 'horizontal', 'vertical', 'both'],
+        'list': true,
+      },
+      'fontFamily': {'type': 'string', 'list': true},
+      'fontWeight': {'type': 'number', 'min': 1, 'max': 1000, 'list': true},
+      'scale': {'type': 'range', 'min': 0, 'max': 10},
+      'borderRadius': {'type': 'range', 'min': 0, 'max': 50},
+      'rotate': _rotateRange,
+      'translateX': _translateRange,
+      'translateY': _translateRange,
+    };
+
+    // Aliases are skipped: they accept no options of their own — the source
+    // component's `${name}Variant` / `${name}Probability` covers them.
+    for (final entry in _style.components.entries) {
+      final component = entry.value;
+
+      if (component.extendsName != null) {
+        continue;
+      }
+
+      final variants = component.variants().keys.toList()..sort();
+
+      result['${entry.key}Variant'] = {
+        'type': 'enum',
+        'values': variants,
+        'list': true,
+        'weighted': true,
+      };
+      result['${entry.key}Probability'] = {
+        'type': 'number',
+        'min': 0,
+        'max': 100,
+      };
+    }
+
+    // `background` is always appended: it is resolvable even when the style
+    // defines no such color. A style that defines `background` itself writes
+    // the same fields twice — the second write overwrites identically and
+    // keeps the first position, like the JS object semantics.
+    for (final name in [..._style.colors.keys, 'background']) {
+      final contrastTo = _style.colors[name]?.contrastTo();
+
+      result['${name}Color'] = {
+        'type': 'color',
+        'list': true,
+        // The JS truthy spread: an empty contrastTo is treated as unset.
+        if (contrastTo != null && contrastTo.isNotEmpty)
+          'contrastTo': contrastTo,
+      };
+      result['${name}ColorFill'] = {
+        'type': 'enum',
+        'values': ['solid', 'linear', 'radial'],
+        'list': true,
+      };
+      result['${name}ColorFillStops'] = {'type': 'range', 'min': 2};
+      result['${name}ColorAngle'] = _rotateRange;
+    }
+
+    return result;
+  }
+
+  // Shared, immutable singletons reused across the rotate/translate/colorAngle
+  // fields, mirroring the JS port's static descriptors. toJson deep-copies the
+  // whole descriptor per call, so handing out the same instance is safe.
+  static const Map<String, Object?> _rotateRange = {
+    'type': 'range',
+    'min': -360,
+    'max': 360,
+  };
+
+  static const Map<String, Object?> _translateRange = {
+    'type': 'range',
+    'min': -1000,
+    'max': 1000,
+  };
+}
diff --git a/src/dart/core/lib/src/prng/fnv1a.dart b/src/dart/core/lib/src/prng/fnv1a.dart
new file mode 100644
index 0000000..3a358bc
--- /dev/null
+++ b/src/dart/core/lib/src/prng/fnv1a.dart
@@ -0,0 +1,49 @@
+/// FNV-1a 32-bit hash.
+///
+/// Offset basis: 0x811c9dc5, prime: 0x01000193.
+///
+/// See https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function
+library;
+
+const int _mask32 = 0xFFFFFFFF;
+
+/// Reproduces JavaScript's `Math.imul`: `(a * b) mod 2^32` for operands
+/// already in `[0, 2^32)`.
+///
+/// The 16-bit limb split keeps every intermediate below 2^33, which is exact
+/// in JS doubles — on the web a plain `a * b` of two 32-bit values loses
+/// precision above 2^53 and would silently corrupt the hash, while on the VM
+/// it would be correct but only by accident of 64-bit wrapping.
+int imul32(int a, int b) {
+  final aLo = a & 0xFFFF;
+  final aHi = (a >>> 16) & 0xFFFF;
+  final bLo = b & 0xFFFF;
+  final bHi = (b >>> 16) & 0xFFFF;
+
+  // (a*b) mod 2^32 = aLo*bLo + ((aHi*bLo + aLo*bHi) mod 2^16) << 16 (mod 2^32)
+  return ((aLo * bLo) + (((aHi * bLo + aLo * bHi) & 0xFFFF) << 16)) & _mask32;
+}
+
+/// Returns the unsigned 32-bit FNV-1a hash of [input].
+///
+/// The input is hashed by its UTF-16 code units (matching JS `charCodeAt`),
+/// so the result is identical across the language ports even for non-ASCII
+/// or non-BMP seeds. Dart strings are UTF-16 already, so [String.codeUnits]
+/// is iterated directly — a non-BMP character like 🎲 contributes two units
+/// (its surrogate pair). [imul32] wraps mod 2^32, reproducing JS
+/// `Math.imul` / `>>> 0`.
+int fnv1aHash(String input) {
+  var hash = 0x811c9dc5;
+
+  for (final code in input.codeUnits) {
+    // No mask needed on the XOR: code <= 0xFFFF and hash < 2^32.
+    hash = imul32(hash ^ code, 0x01000193);
+  }
+
+  return hash;
+}
+
+/// Returns the FNV-1a hash of [input] as an 8-character lowercase hex string.
+String fnv1aHex(String input) {
+  return fnv1aHash(input).toRadixString(16).padLeft(8, '0');
+}
diff --git a/src/dart/core/lib/src/prng/mulberry32.dart b/src/dart/core/lib/src/prng/mulberry32.dart
new file mode 100644
index 0000000..71c1d13
--- /dev/null
+++ b/src/dart/core/lib/src/prng/mulberry32.dart
@@ -0,0 +1,62 @@
+/// Mulberry32 PRNG.
+library;
+
+import 'fnv1a.dart';
+
+const int _mask32 = 0xFFFFFFFF;
+
+/// 2^32, the divisor that maps an unsigned 32-bit value into `[0, 1)`.
+const int _uint32MaxPlus1 = 4294967296;
+
+/// Mulberry32 PRNG — stateful, matching the C reference by Tommy Ettinger.
+///
+/// C original:
+///
+/// ```c
+/// uint32_t z = (x += 0x6D2B79F5UL);
+/// z = (z ^ (z >> 15)) * (z | 1UL);
+/// z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+/// return z ^ (z >> 14);
+/// ```
+///
+/// All arithmetic is unsigned 32-bit: the state is kept in `[0, 2^32)` at all
+/// times, every addition is masked with `& 0xFFFFFFFF` before its result is
+/// used, and multiplication goes through [imul32]. This reproduces the JS
+/// reference's `Math.imul` / `>>>` / `| 0` behaviour exactly on both the VM
+/// and the web.
+///
+/// See https://gist.github.com/tommyettinger/46a874533244883189143505d203312c
+class Mulberry32 {
+  int _state;
+
+  /// Creates a generator from an unsigned 32-bit [seed] (in practice always
+  /// an FNV-1a hash, which may exceed 2^31 — e.g. 4294967295).
+  Mulberry32(int seed) : _state = seed & _mask32;
+
+  /// Advances the state and returns the next unsigned 32-bit value.
+  int next() {
+    final z = _state = (_state + 0x6d2b79f5) & _mask32;
+
+    var t = imul32(z ^ (z >>> 15), z | 1);
+    // The inner sum must be reduced mod 2^32 before the XOR: JS `^` applies
+    // ToInt32 to the unbounded double sum.
+    t ^= (t + imul32(t ^ (t >>> 7), t | 61)) & _mask32;
+
+    return t ^ (t >>> 14);
+  }
+
+  /// Advances the state and returns the next value in `[0, 1)`.
+  ///
+  /// Dividing an exact integer below 2^32 by 2^32 is exact in IEEE-754
+  /// doubles, so the result is bit-identical across the language ports.
+  double nextFloat() {
+    return next() / _uint32MaxPlus1;
+  }
+
+  /// Returns the current internal state as a signed 32-bit value, matching
+  /// the JS reference where the state is stored via `| 0`. Exercised by the
+  /// parity tests.
+  int state() {
+    return _state.toSigned(32);
+  }
+}
diff --git a/src/dart/core/lib/src/prng/prng.dart b/src/dart/core/lib/src/prng/prng.dart
new file mode 100644
index 0000000..5c54e1e
--- /dev/null
+++ b/src/dart/core/lib/src/prng/prng.dart
@@ -0,0 +1,206 @@
+/// Key-based pseudorandom number generator and its primitives (FNV-1a,
+/// Mulberry32). Each method takes a key that, combined with the seed,
+/// produces a deterministic value: the same seed + key always yields the
+/// same result, regardless of call order.
+library;
+
+import 'dart:math' as math;
+
+import '../range.dart';
+import '../utils/number.dart';
+import 'fnv1a.dart';
+import 'mulberry32.dart';
+
+/// Key-based pseudorandom number generator.
+///
+/// Each method takes a key that, combined with the seed, produces a
+/// deterministic value. The same seed + key always yields the same result,
+/// regardless of call order.
+class Prng {
+  final String _seed;
+
+  Prng(String seed) : _seed = seed;
+
+  /// Returns a single float in `[0, 1)` derived from `seed:key`. The same
+  /// seed/key pair always produces the same value.
+  double getValue(String key) {
+    return Mulberry32(fnv1aHash('$_seed:$key')).nextFloat();
+  }
+
+  /// Picks a single item from [items] deterministically. Returns `null` for
+  /// an empty list. Duplicate values (by string representation) are collapsed
+  /// before picking so that input order and duplication do not affect the
+  /// result.
+  T? pick<T extends Object>(String key, List<T> items) {
+    if (items.isEmpty) {
+      return null;
+    }
+
+    if (items.length == 1) {
+      return items[0];
+    }
+
+    final unique = _uniqueByCodePoint(items);
+
+    if (unique.length == 1) {
+      return unique[0];
+    }
+
+    // After dedupe all sort keys are distinct, so the instability of
+    // Dart's `List.sort` cannot be observed.
+    unique.sort(_compareByCodePoint);
+    final index = (getValue(key) * unique.length).floor();
+
+    return unique[index];
+  }
+
+  /// Picks a key from [weights] proportional to its weight. When all weights
+  /// are zero, falls back to an unweighted [pick]. Returns `null` for an
+  /// empty map.
+  String? weightedPick(String key, Map<String, double> weights) {
+    if (weights.isEmpty) {
+      return null;
+    }
+
+    if (weights.length == 1) {
+      return weights.keys.first;
+    }
+
+    // `String.compareTo` is the UTF-16 code-unit order the JS reference
+    // sorts by; the map's insertion order must not leak in.
+    final sorted = weights.keys.toList()..sort();
+
+    // Sum in sorted-key order to match the JS reduce-over-sorted parity:
+    // float addition is non-associative, so insertion order would diverge.
+    var totalWeight = 0.0;
+
+    for (final k in sorted) {
+      totalWeight += weights[k]!;
+    }
+
+    if (totalWeight == 0) {
+      return pick(key, sorted);
+    }
+
+    final threshold = getValue(key) * totalWeight;
+    var cumulative = 0.0;
+
+    for (final k in sorted) {
+      cumulative += weights[k]!;
+
+      if (threshold < cumulative) {
+        return k;
+      }
+    }
+
+    // Safety fallback for float accumulation edges.
+    return sorted.last;
+  }
+
+  /// Returns `true` with the given probability (0–100, default 50).
+  ///
+  /// Named `boolean` because `bool` is a reserved type name in Dart; this is
+  /// the JS port's `bool`.
+  bool boolean(String key, [double likelihood = 50]) {
+    return getValue(key) * 100 < likelihood;
+  }
+
+  /// Returns a deterministic float in [range], rounded to four decimal
+  /// places. With `range.step > 0`, the result is drawn uniformly from
+  /// `{ min + i*step | 0 ≤ i ≤ floor((max - min) / step) }`, so both
+  /// endpoints of an evenly-divisible range are equally likely. Non-positive
+  /// or absent step means continuous. `min`/`max` are sorted internally, so
+  /// a reversed pair is tolerated.
+  double float(String key, Range range) {
+    final min = math.min(range.min, range.max);
+    final max = math.max(range.min, range.max);
+    final step = range.step ?? 0;
+    double value;
+
+    if (step > 0) {
+      final buckets = ((max - min) / step).floorToDouble() + 1;
+      final i = (getValue(key) * buckets).floorToDouble();
+      value = min + i * step;
+    } else {
+      value = min + getValue(key) * (max - min);
+    }
+
+    // JS Math.round rounds half toward +∞; Dart's `round()` would diverge
+    // for negative halves. Multiply, round, then divide — per-operation,
+    // matching the other ports.
+    return roundHalfUp(value * 10000) / 10000;
+  }
+
+  /// Returns a deterministic integer in [range]. `min`/`max` are sorted
+  /// internally, so a reversed pair is tolerated. `range.step` is accepted
+  /// for symmetry with [float] but ignored — integers already step by 1.
+  int integer(String key, Range range) {
+    final min = math.min(range.min, range.max);
+    final max = math.max(range.min, range.max);
+
+    // Compute in doubles like the JS reference and convert at the end; the
+    // floored value plus min is always integral and well below 2^53.
+    return ((getValue(key) * (max - min + 1)).floorToDouble() + min).truncate();
+  }
+
+  /// Fisher-Yates shuffle with chained Mulberry32 state. Duplicate values
+  /// (by string representation) are collapsed before shuffling, so a
+  /// caller's slice off the front cannot accidentally produce a repeated
+  /// value. Always returns a new list.
+  List<T> shuffle<T extends Object>(String key, List<T> items) {
+    if (items.length <= 1) {
+      return [...items];
+    }
+
+    final result = _uniqueByCodePoint(items)..sort(_compareByCodePoint);
+
+    // One chained generator with the same `seed:key` derivation as
+    // [getValue], so the first draw equals getValue(key); the remaining
+    // n-2 draws continue the same state.
+    final prng = Mulberry32(fnv1aHash('$_seed:$key'));
+
+    for (var i = result.length - 1; i > 0; i--) {
+      final j = (prng.nextFloat() * (i + 1)).floor();
+      final temp = result[i];
+
+      result[i] = result[j];
+      result[j] = temp;
+    }
+
+    return result;
+  }
+}
+
+/// JS `String(item)` semantics for dedupe/sort keys: identity for strings,
+/// the JS-compatible number formatter for nums (`fontWeight` lists are
+/// numeric). Never raw `double.toString()`, which Dart renders as `400.0`
+/// where JS prints `400`.
+String _jsString(Object item) {
+  return item is num ? jsNumString(item) : item.toString();
+}
+
+/// Deduplicates by string representation, keeping the first occurrence.
+/// Mirrors the cross-language sort key used by [_compareByCodePoint] so that
+/// every port collapses the same set of inputs.
+List<T> _uniqueByCodePoint<T extends Object>(List<T> items) {
+  final seen = <String>{};
+  final result = <T>[];
+
+  for (final item in items) {
+    if (seen.add(_jsString(item))) {
+      result.add(item);
+    }
+  }
+
+  return result;
+}
+
+/// Cross-language deterministic sort: compare by UTF-16 code units of the
+/// string representation (JS string `<` compares code units). Dart strings
+/// are UTF-16, so [String.compareTo] is exactly this — it agrees with
+/// code-point order for all BMP text and differs only for
+/// supplementary-plane characters, e.g. "😀" (0xD83D 0xDE00) sorts before
+/// U+E000 because 0xD83D < 0xE000.
+int _compareByCodePoint(Object a, Object b) {
+  return _jsString(a).compareTo(_jsString(b));
+}
diff --git a/src/dart/core/lib/src/range.dart b/src/dart/core/lib/src/range.dart
new file mode 100644
index 0000000..60b1759
--- /dev/null
+++ b/src/dart/core/lib/src/range.dart
@@ -0,0 +1,9 @@
+/// A numeric range with an optional quantization step, normalized from the
+/// user-facing scalar-or-array option shapes by `Options`.
+class Range {
+  final double min;
+  final double max;
+  final double? step;
+
+  const Range({required this.min, required this.max, this.step});
+}
diff --git a/src/dart/core/lib/src/renderer.dart b/src/dart/core/lib/src/renderer.dart
new file mode 100644
index 0000000..a19e395
--- /dev/null
+++ b/src/dart/core/lib/src/renderer.dart
@@ -0,0 +1,567 @@
+/// Walks a style's element tree and turns it into the final SVG markup.
+library;
+
+import 'dart:math' as math;
+
+import 'prng/fnv1a.dart';
+import 'resolver.dart';
+import 'style.dart';
+import 'style/canvas.dart';
+import 'style/component.dart';
+import 'style/element.dart';
+import 'utils/initials.dart';
+import 'utils/license.dart';
+import 'utils/number.dart';
+import 'utils/xml.dart';
+
+/// Walks a style's element tree and turns it into the final SVG markup.
+///
+/// The renderer is single-use: it accumulates `<defs>` entries and per-render
+/// caches across method calls, so a fresh instance is required per avatar. A
+/// circular color reference encountered during resolution surfaces as a
+/// `CircularColorReferenceError` thrown from [render].
+class Renderer {
+  final Style _style;
+  final Resolver _resolver;
+
+  // Insertion-ordered like the JS Map: updating an existing key keeps its
+  // original position — Dart's default map does both natively (Go wrote an
+  // orderedDefs helper, Rust uses IndexMap).
+  final Map<String, String> _defs = {};
+  String? _cachedSeedHash;
+  String? _cachedInitials;
+
+  Renderer(Style style, Resolver resolver)
+      : _style = style,
+        _resolver = resolver;
+
+  /// Builds the complete SVG document for the avatar.
+  String render() {
+    final canvas = _style.canvas;
+    final background = _renderBackground(canvas);
+    var body = _renderElements(canvas.elements);
+
+    // Order matters: scale and flip around center, then rotate, translate,
+    // and finally clip with border radius (outermost wrapper).
+    body = _applyScale(body, canvas);
+    body = _applyFlip(body, canvas);
+    body = _applyRotate(body, canvas);
+    body = _applyTranslate(body, canvas);
+    body = _applyBorderRadius('$background$body', canvas);
+
+    final metadata = licenseXml(_style.meta);
+    final defs = _defs.isNotEmpty ? '<defs>${_defs.values.join()}</defs>' : '';
+
+    // Resolve size before title and the root attributes so the resolver memo
+    // records the keys in the same order as the JS/PHP/Python ports — the
+    // JSON envelope emits the resolved options in first-recorded order.
+    final size = _resolver.size();
+
+    final title = _resolver.title();
+    final escapedTitle = title != null ? escapeXml(title) : null;
+
+    final attrs = <String>[
+      'xmlns="http://www.w3.org/2000/svg"',
+      'viewBox="0 0 ${formatNumber(canvas.width)} ${formatNumber(canvas.height)}"',
+    ];
+
+    final rootAttributes = _renderAttributes(_style.attributes());
+
+    if (rootAttributes.isNotEmpty) {
+      // _renderAttributes returns a leading space; the root attributes sit
+      // between the fixed entries, so strip it here like the JS trimStart().
+      attrs.add(rootAttributes.trimLeft());
+    }
+
+    if (escapedTitle != null) {
+      attrs.add('role="img"');
+      attrs.add('aria-label="$escapedTitle"');
+    } else {
+      attrs.add('aria-hidden="true"');
+    }
+
+    if (size != null) {
+      final sizeValue = formatNumber(size);
+
+      attrs.add('width="$sizeValue"');
+      attrs.add('height="$sizeValue"');
+    }
+
+    final titleElement =
+        escapedTitle != null ? '<title>$escapedTitle</title>' : '';
+
+    var svg = '<svg ${attrs.join(' ')}>'
+        '<!-- Generated by DiceBear (https://dicebear.com) -->'
+        '$metadata$defs$titleElement$body</svg>';
+
+    if (_resolver.idRandomization()) {
+      svg = _randomizeIds(svg);
+    }
+
+    return svg;
+  }
+
+  /// Wraps [body] in a flip transform when `flip` is set to anything other
+  /// than `'none'`.
+  String _applyFlip(String body, Canvas canvas) {
+    final flip = _resolver.flip();
+
+    if (flip == 'none') {
+      return body;
+    }
+
+    final w = formatNumber(canvas.width);
+    final h = formatNumber(canvas.height);
+    final String transform;
+
+    switch (flip) {
+      case 'horizontal':
+        transform = 'translate($w, 0) scale(-1, 1)';
+      case 'vertical':
+        transform = 'translate(0, $h) scale(1, -1)';
+      case 'both':
+        transform = 'translate($w, $h) scale(-1, -1)';
+      default:
+        return body;
+    }
+
+    return '<g transform="$transform">$body</g>';
+  }
+
+  /// Wraps [body] in a uniform scale transform around the canvas center when
+  /// the option differs from `1`.
+  String _applyScale(String body, Canvas canvas) {
+    final scale = _resolver.scale();
+
+    if (scale == 1) {
+      return body;
+    }
+
+    final cx = canvas.width / 2;
+    final cy = canvas.height / 2;
+
+    return '<g transform="translate(${formatNumber(cx)}, ${formatNumber(cy)}) '
+        'scale(${formatNumber(scale)}) '
+        'translate(${formatNumber(-cx)}, ${formatNumber(-cy)})">$body</g>';
+  }
+
+  /// Clips [body] to the canvas rectangle (rounded when `borderRadius` is
+  /// non-zero) and registers the corresponding `clipPath` in `<defs>`. The
+  /// clip is always applied so transformed content cannot bleed past the
+  /// canvas bounds, regardless of the consumer's `overflow` setting.
+  String _applyBorderRadius(String body, Canvas canvas) {
+    final radius = _resolver.borderRadius();
+    final id = 'clip-${_hashSeed()}';
+
+    final rx = formatNumber(radius / 100 * canvas.width);
+    final ry = formatNumber(radius / 100 * canvas.height);
+
+    _defs[id] = '<clipPath id="$id">'
+        '<rect width="${formatNumber(canvas.width)}" '
+        'height="${formatNumber(canvas.height)}" rx="$rx" ry="$ry"/>'
+        '</clipPath>';
+
+    return '<g clip-path="url(#$id)">$body</g>';
+  }
+
+  /// Wraps [body] in a rotation around the canvas center when `rotate` is
+  /// non-zero.
+  String _applyRotate(String body, Canvas canvas) {
+    final rotate = _resolver.rotate();
+
+    if (rotate == 0) {
+      return body;
+    }
+
+    final cx = canvas.width / 2;
+    final cy = canvas.height / 2;
+
+    return '<g transform="rotate(${formatNumber(rotate)}, '
+        '${formatNumber(cx)}, ${formatNumber(cy)})">$body</g>';
+  }
+
+  /// Wraps [body] in a translate transform when either `translateX` or
+  /// `translateY` is non-zero. Offsets are interpreted as percentages of the
+  /// canvas dimensions.
+  String _applyTranslate(String body, Canvas canvas) {
+    final tx = _resolver.translateX();
+    final ty = _resolver.translateY();
+
+    if (tx == 0 && ty == 0) {
+      return body;
+    }
+
+    final x = formatNumber(tx / 100 * canvas.width);
+    final y = formatNumber(ty / 100 * canvas.height);
+
+    return '<g transform="translate($x, $y)">$body</g>';
+  }
+
+  /// Returns a `<rect>` filling the canvas with the resolved background
+  /// color, or an empty string when no background colors are configured.
+  /// This is the first resolver call of the render, so
+  /// `backgroundColorFill` and `backgroundColor` open the snapshot.
+  String _renderBackground(Canvas canvas) {
+    final colors = _resolver.color('background');
+
+    if (colors.isEmpty) {
+      return '';
+    }
+
+    return '<rect width="${formatNumber(canvas.width)}" '
+        'height="${formatNumber(canvas.height)}" '
+        'fill="${escapeXml(_resolveColorReference('background'))}"/>';
+  }
+
+  /// Suffixes every `id` declaration and reference with a random hex string
+  /// so that multiple instances of the same avatar do not collide in a shared
+  /// document. Process randomness ([math.Random], the JS `Math.random()`) is
+  /// intentional — a PRNG-derived suffix would produce the same ID for the
+  /// same seed.
+  String _randomizeIds(String svg) {
+    // floor(random * 0xffffff) yields 0..0xfffffe (exclusive upper bound),
+    // matching the JS reference rather than a masked 0..0xffffff.
+    final suffix = (_random.nextDouble() * 0xffffff)
+        .floor()
+        .toRadixString(16)
+        .padLeft(6, '0');
+
+    // A Dart Set keeps insertion order, like the JS Set the reference fills.
+    final ids = <String>{
+      for (final match in _idDeclaration.allMatches(svg)) match[1]!,
+    };
+
+    if (ids.isEmpty) {
+      return svg;
+    }
+
+    final escaped = [
+      for (final id in ids)
+        id.replaceAllMapped(_regExpSpecials, (m) => '\\${m[0]}'),
+    ];
+    final pattern =
+        RegExp('(id="|url\\(#|href="#)(${escaped.join('|')})("|\\))');
+
+    return svg.replaceAllMapped(
+      pattern,
+      (m) => '${m[1]}${m[2]}-$suffix${m[3]}',
+    );
+  }
+
+  /// Renders a list of elements and concatenates their markup.
+  String _renderElements(List<ElementNode> elements) =>
+      [for (final element in elements) _renderElement(element)].join();
+
+  /// Dispatches a single element to the renderer for its type.
+  String _renderElement(ElementNode element) {
+    switch (element.type) {
+      case 'element':
+        return _renderSvgElement(element);
+      case 'text':
+        return _renderTextElement(element);
+      case 'component':
+        return _renderComponentElement(element);
+      default:
+        return '';
+    }
+  }
+
+  /// Renders an SVG element. The special `defs` name diverts children into
+  /// the shared `<defs>` block.
+  ///
+  /// Element names and attribute names are not escaped here — they are
+  /// validated against a strict allowlist schema (no `<script>`, no event
+  /// handlers). Values are escaped via [escapeXml].
+  String _renderSvgElement(ElementNode element) {
+    final name = element.name;
+
+    if (name == null || name.isEmpty) {
+      return '';
+    }
+
+    if (name == 'defs') {
+      for (final child in element.children) {
+        final rendered = _renderElement(child);
+
+        if (rendered.isNotEmpty) {
+          // The def key is the child's literal `id` attribute (not a
+          // color/variable reference object), else a positional `_N` key
+          // evaluated at insertion time.
+          final id = child.attributes?['id'];
+          final key = id is String ? id : '_${_defs.length}';
+
+          _defs[key] = rendered;
+        }
+      }
+
+      return '';
+    }
+
+    final attrs = _renderAttributes(element.attributes);
+    final children = _renderElements(element.children);
+
+    if (children.isEmpty) {
+      return '<$name$attrs/>';
+    }
+
+    return '<$name$attrs>$children</$name>';
+  }
+
+  /// Renders a text element by escaping its resolved value.
+  String _renderTextElement(ElementNode element) {
+    final value = element.value;
+
+    return value != null ? escapeXml(_resolveValue(value)) : '';
+  }
+
+  /// Resolves a component reference to a chosen variant and emits a `<use>`
+  /// pointing at a `<defs>` entry that holds the variant body. Aliases of the
+  /// same source component sharing a variant — and identical components
+  /// referenced more than once — therefore produce a single `<defs>` entry
+  /// referenced by every `<use>`, never duplicated SVG markup.
+  ///
+  /// Any `attributes` on the component reference are written to the emitted
+  /// `<use>` tag. A user-supplied `transform` is prepended to the
+  /// per-component transforms so it acts as the outer (placement) transform,
+  /// with the style's translate/rotate/scale applied inside it.
+  String _renderComponentElement(ElementNode element) {
+    final componentName = element.name;
+
+    if (componentName == null) {
+      return '';
+    }
+
+    final variantName = _resolver.variant(componentName);
+
+    if (variantName == null || variantName.isEmpty) {
+      return '';
+    }
+
+    final component = _style.components[componentName];
+
+    if (component == null) {
+      return '';
+    }
+
+    final variant = component.variants()[variantName];
+
+    if (variant == null) {
+      return '';
+    }
+
+    // The def ID uses the source name, so aliases sharing a variant produce
+    // one <g> def and several <use> references.
+    final id = '${component.sourceName}-$variantName-${_hashSeed()}';
+
+    if (!_defs.containsKey(id)) {
+      final body = _renderElements(variant.elements());
+
+      _defs[id] = '<g id="$id">$body</g>';
+    }
+
+    final transforms = _buildTransforms(component);
+    final userAttributes = element.attributes;
+    Map<String, Object?>? mergedAttributes = userAttributes;
+
+    if (transforms.isNotEmpty) {
+      final userTransform = userAttributes?['transform'];
+      final allParts = userTransform is String && userTransform.isNotEmpty
+          ? [userTransform, ...transforms]
+          : transforms;
+
+      // Assigning to an existing `transform` key keeps its position in the
+      // attribute order; a new key is appended — the JS object spread
+      // semantics (Dart maps behave the same way).
+      mergedAttributes = {...?userAttributes};
+      mergedAttributes['transform'] = allParts.join(' ');
+    }
+
+    final attrs = _renderAttributes(mergedAttributes);
+
+    return '<use$attrs href="#$id"/>';
+  }
+
+  /// Returns the per-component SVG `transform` fragments derived from the
+  /// component's translate, rotate, and scale options. Translate values are
+  /// percentages of the component canvas dimensions, matching the semantics
+  /// of the user-facing `translateX` / `translateY` options.
+  ///
+  /// The fragments are ordered so that, when joined into a single `transform`
+  /// attribute, the scale is the rightmost (innermost) transform — applied
+  /// first to a point, followed by rotate, then translate.
+  List<String> _buildTransforms(Component component) {
+    final transform = _resolver.componentTransform(component.name);
+    final rotate = transform.rotate;
+    final translateX = transform.translateX;
+    final translateY = transform.translateY;
+    final scale = transform.scale;
+
+    if (translateX == 0 && translateY == 0 && rotate == 0 && scale == 1) {
+      return const [];
+    }
+
+    final transforms = <String>[];
+    final cx = component.width / 2;
+    final cy = component.height / 2;
+    final cxValue = formatNumber(cx);
+    final cyValue = formatNumber(cy);
+
+    if (translateX != 0 || translateY != 0) {
+      final x = formatNumber(translateX / 100 * component.width);
+      final y = formatNumber(translateY / 100 * component.height);
+
+      transforms.add('translate($x, $y)');
+    }
+
+    if (rotate != 0) {
+      transforms.add('rotate(${formatNumber(rotate)}, $cxValue, $cyValue)');
+    }
+
+    if (scale != 1) {
+      transforms.add('translate($cxValue, $cyValue) '
+          'scale(${formatNumber(scale)}) '
+          'translate(${formatNumber(-cx)}, ${formatNumber(-cy)})');
+    }
+
+    return transforms;
+  }
+
+  /// Serializes an attribute map to a leading space-prefixed string suitable
+  /// for inlining into a tag. Returns an empty string when there are no
+  /// attributes to render. Entries render in map insertion order — SVG
+  /// attribute order is load-bearing for byte parity.
+  String _renderAttributes(Map<String, Object?>? attributes) {
+    if (attributes == null) {
+      return '';
+    }
+
+    final parts = <String>[];
+
+    for (final entry in attributes.entries) {
+      final value = entry.value;
+
+      if (value == null) {
+        continue;
+      }
+
+      parts.add('${entry.key}="${escapeXml(_resolveAttributeValue(value))}"');
+    }
+
+    if (parts.isEmpty) {
+      return '';
+    }
+
+    return ' ${parts.join(' ')}';
+  }
+
+  /// Resolves a single attribute value: literal strings pass through, color
+  /// and variable references are dereferenced through the option resolver.
+  String _resolveAttributeValue(Object value) {
+    if (value is String) {
+      return value;
+    }
+
+    final reference = value as Map<String, Object?>;
+    final name = reference['name'] as String;
+
+    if (reference['type'] == 'color') {
+      return _resolveColorReference(name);
+    }
+
+    return _resolveVariable(name);
+  }
+
+  /// Resolves a named color into either a hex string (solid fill / single
+  /// color) or a `url(#…)` gradient reference, registering the gradient in
+  /// `<defs>` as a side effect.
+  String _resolveColorReference(String name) {
+    final colors = _resolver.color(name);
+    final fill = _resolver.colorFill(name);
+
+    if (fill == 'solid' || colors.length <= 1) {
+      return colors.isNotEmpty ? colors[0] : 'none';
+    }
+
+    return _buildGradientDef(name, colors, fill);
+  }
+
+  /// Builds the `<linearGradient>` or `<radialGradient>` for the given color
+  /// definition, registers it in `<defs>`, and returns its `url(#…)`
+  /// reference. This is the only caller of `colorAngle`, so the angle is
+  /// drawn — and recorded in the snapshot — only when a gradient is built.
+  String _buildGradientDef(String name, List<String> colors, String fill) {
+    final rotation = _resolver.colorAngle(name);
+    final id = '$name-color-${_hashSeed()}';
+    final tag = fill == 'linear' ? 'linearGradient' : 'radialGradient';
+    final rotateAttr = rotation != 0
+        ? ' gradientTransform="rotate(${formatNumber(rotation)}, 0.5, 0.5)"'
+        : '';
+    final stops = StringBuffer();
+
+    for (var i = 0; i < colors.length; i++) {
+      final offset = formatNumber(i / (colors.length - 1) * 100);
+
+      stops.write(
+        '<stop offset="$offset%" stop-color="${escapeXml(colors[i])}"/>',
+      );
+    }
+
+    _defs[id] = '<$tag id="$id"$rotateAttr>$stops</$tag>';
+
+    return 'url(#$id)';
+  }
+
+  /// Resolves an element value to its final string form. Literal strings pass
+  /// through; variable references are dereferenced.
+  String _resolveValue(Object value) {
+    if (value is String) {
+      return value;
+    }
+
+    final reference = value as Map<String, Object?>;
+
+    if (reference['type'] == 'variable') {
+      return _resolveVariable(reference['name'] as String);
+    }
+
+    return '';
+  }
+
+  /// Resolves a built-in variable reference to its current value.
+  String _resolveVariable(String name) {
+    switch (name) {
+      case 'initial':
+        // charAt(0) would return a lone surrogate (ill-formed XML) for
+        // supplementary-plane initials; take the full first code point
+        // instead, like the JS/PHP/Python/Rust/Go ports.
+        final initials = _initials();
+
+        return initials.isEmpty
+            ? ''
+            : String.fromCharCode(initials.runes.first);
+      case 'initials':
+        return _initials();
+      case 'fontWeight':
+        return formatNumber(_resolver.fontWeight());
+      case 'fontFamily':
+        return _resolver.fontFamily();
+      default:
+        return '';
+    }
+  }
+
+  /// Returns the seed-derived initials, cached after the first call.
+  String _initials() => _cachedInitials ??= initialsFromSeed(_resolver.seed());
+
+  /// Returns the FNV-1a hex hash of the seed, cached after the first call.
+  /// The value is used to derive stable but unique IDs for `<defs>` entries.
+  String _hashSeed() => _cachedSeedHash ??= fnv1aHex(_resolver.seed());
+}
+
+// Shared process-randomness source for _randomizeIds.
+final math.Random _random = math.Random();
+
+final RegExp _idDeclaration = RegExp(r'\bid="([^"]+)"');
+
+// The JS reference's regex-escape set: [.*+?^${}()|[\]\\].
+final RegExp _regExpSpecials = RegExp(r'[.*+?^${}()|[\]\\]');
diff --git a/src/dart/core/lib/src/resolver.dart b/src/dart/core/lib/src/resolver.dart
new file mode 100644
index 0000000..fec4508
--- /dev/null
+++ b/src/dart/core/lib/src/resolver.dart
@@ -0,0 +1,280 @@
+/// Derives every deterministic value for an avatar from the style, the user
+/// options, and a seeded PRNG, exposing them as memoized named accessors.
+library;
+
+import 'error/circular_color_reference_error.dart';
+import 'options.dart';
+import 'prng/prng.dart';
+import 'range.dart';
+import 'style.dart';
+import 'style/color.dart';
+import 'style/component.dart';
+import 'utils/color.dart';
+
+/// Bundles the three inputs needed to derive any deterministic value for an
+/// avatar — the [Style], the validated user [Options], and a seeded [Prng] —
+/// and exposes them as named accessors. Each accessor memoizes its result so
+/// that repeated calls cannot drift. The memo also serves as the
+/// informational snapshot returned by [resolved] — every value the resolver
+/// picks during one resolution lands there, except for the raw seed.
+class Resolver {
+  final Style _style;
+  final Options _options;
+  final Prng _prng;
+  final List<String> _colorResolving = [];
+
+  // The memo doubles as the resolved-options snapshot: the first write wins,
+  // and the map's insertion order is the first-resolution order the JSON
+  // envelope emits (Dart maps preserve it natively; Go had to track the order
+  // explicitly). Unset values are recorded as null and filtered on exposure.
+  final Map<String, Object?> _result = {};
+
+  Resolver(Style style, Options options)
+      : _style = style,
+        _options = options,
+        _prng = Prng(options.seed() ?? '');
+
+  /// Deliberately not memoized — the seed is the only input we keep out of
+  /// the [resolved] snapshot, so a serialized avatar never leaks it.
+  String seed() => _options.seed() ?? '';
+
+  double? size() => _memo('size', () => _options.size());
+
+  bool idRandomization() =>
+      _memo('idRandomization', () => _options.idRandomization() ?? false);
+
+  String? title() => _memo('title', () => _options.title());
+
+  String flip() =>
+      _memo('flip', () => _prng.pick('flip', _options.flip()) ?? 'none');
+
+  String fontFamily() => _memo(
+        'fontFamily',
+        () => _prng.pick('fontFamily', _options.fontFamily()) ?? 'system-ui',
+      );
+
+  double fontWeight() => _memo(
+        'fontWeight',
+        () => _prng.pick('fontWeight', _options.fontWeight()) ?? 400.0,
+      );
+
+  double scale() => _memoFloat('scale', _options.scale(), 1);
+
+  double borderRadius() =>
+      _memoFloat('borderRadius', _options.borderRadius(), 0);
+
+  double rotate() => _memoFloat('rotate', _options.rotate(), 0);
+
+  double translateX() => _memoFloat('translateX', _options.translateX(), 0);
+
+  double translateY() => _memoFloat('translateY', _options.translateY(), 0);
+
+  /// Selects a variant for the given component, or `null` when the component
+  /// is unknown or rolled invisible. Depending on what was passed as
+  /// `${name}Variant` in the input data:
+  ///
+  /// - unset: the PRNG picks from all style variants using their weights.
+  /// - otherwise: the PRNG picks using the user-supplied weighted map (a bare
+  ///   string or string list is normalized to weight `1` each in
+  ///   [Options.componentVariant]).
+  ///
+  /// Only variants that exist in the style definition are considered. User
+  /// option lookup uses the component's source name (so a single option
+  /// propagates to every alias), while the PRNG keys use the element's own
+  /// name — each alias rolls its own visibility and variant.
+  String? variant(String name) {
+    return _memo('${name}Variant', () {
+      final component = _style.components[name];
+
+      if (component == null || !_isVisible(name, component)) {
+        return null;
+      }
+
+      final raw = _options.componentVariant(component.sourceName);
+      final variants = component.variants();
+      final weights = <String, double>{};
+
+      if (raw == null) {
+        for (final entry in variants.entries) {
+          weights[entry.key] = entry.value.weight();
+        }
+      } else {
+        for (final entry in raw.entries) {
+          if (variants.containsKey(entry.key)) {
+            weights[entry.key] = entry.value;
+          }
+        }
+      }
+
+      return _prng.weightedPick('${name}Variant', weights);
+    });
+  }
+
+  /// Resolves a named color to its final stop list.
+  ///
+  /// The memo is also a DoS guard: a color already resolved this pass is
+  /// returned from the snapshot instead of being recomputed. Without it, a
+  /// graph where each color references the next via both `contrastTo` and
+  /// `notEqualTo` re-resolves exponentially (a schema-valid hang).
+  List<String> color(String name) =>
+      _memo('${name}Color', () => _resolveColor(name));
+
+  String colorFill(String name) => _memo(
+        '${name}ColorFill',
+        () =>
+            _prng.pick('${name}ColorFill', _options.colorFill(name)) ?? 'solid',
+      );
+
+  /// Memoized like every float option, but only ever called while a gradient
+  /// def is built — `${name}ColorAngle` therefore appears in the snapshot
+  /// only for colors that actually rendered as a gradient.
+  double colorAngle(String name) =>
+      _memoFloat('${name}ColorAngle', _options.colorAngle(name), 0);
+
+  /// Picks the rotate/translateX/translateY/scale values for a single
+  /// component. Memoized per `name`, so the four values land in [resolved] as
+  /// `${name}Rotate` / `${name}TranslateX` / `${name}TranslateY` /
+  /// `${name}Scale` for downstream introspection — recorded in exactly that
+  /// order, which the snapshot key order depends on.
+  ({double rotate, double translateX, double translateY, double scale})
+      componentTransform(String name) {
+    final component = _style.components[name];
+
+    // Record fields evaluate in source order: Rotate, TranslateX,
+    // TranslateY, Scale — the same order the JS port memoizes them in.
+    return (
+      rotate: _memoFloat('${name}Rotate', component?.rotate(), 0),
+      translateX:
+          _memoFloat('${name}TranslateX', component?.translate().x(), 0),
+      translateY:
+          _memoFloat('${name}TranslateY', component?.translate().y(), 0),
+      scale: _memoFloat('${name}Scale', component?.scale(), 1),
+    );
+  }
+
+  /// Returns an informational snapshot of every value the resolver picked.
+  /// Includes top-level options (scale/rotate/translate/…), per-component
+  /// variants/colors, and per-component transform picks. The raw seed is
+  /// deliberately excluded; unset values are recorded as `null` and filtered
+  /// out on exposure (Avatar drops them, like `JSON.stringify` drops
+  /// `undefined` properties in JS).
+  ///
+  /// The returned map aliases the internal cache; callers that need isolation
+  /// (e.g. `Avatar.toJson`) clone it themselves.
+  Map<String, Object?> resolved() => _result;
+
+  /// Returns the visibility probability (0–100) for the given component.
+  /// Aliases read the source component's user-set probability so a single
+  /// `<source>Probability` option propagates to every alias of the source.
+  double _probability(Component component) =>
+      _options.componentProbability(component.sourceName) ??
+      component.probability();
+
+  // `${name}Probability` is a PRNG key but never a memo key — visibility
+  // rolls are not part of the resolved snapshot in any port.
+  bool _isVisible(String name, Component component) =>
+      _prng.boolean('${name}Probability', _probability(component));
+
+  /// Resolves a named color to its final stop list, applying contrast sorting
+  /// and `notEqualTo` filtering from the style definition. Detects circular
+  /// references between colors and throws [CircularColorReferenceError].
+  List<String> _resolveColor(String name) {
+    final userColors = _options.color(name);
+    final styleColor = _style.colors[name];
+    final source = userColors ?? styleColor?.values() ?? const <String>[];
+
+    var candidates = [for (final c in source) Color.toHex(c)];
+
+    // colorFill is memoized inside this computation, so it lands in the
+    // snapshot before `${name}Color` — the memo writes after compute returns.
+    final fill = colorFill(name);
+    final stops = fill == 'solid' ? 1 : _colorFillStops(name);
+
+    if (styleColor == null) {
+      return _takeN(_prng.shuffle('${name}Color', candidates), stops);
+    }
+
+    // Detect circular references (e.g. a.contrastTo = b, b.contrastTo = a).
+    if (_colorResolving.contains(name)) {
+      throw CircularColorReferenceError([..._colorResolving, name]);
+    }
+
+    _colorResolving.add(name);
+    final contrastTo = _contrastTo(styleColor);
+    final notEqualTo = styleColor.notEqualTo();
+
+    try {
+      if (contrastTo != null) {
+        final refColors = color(contrastTo);
+
+        if (refColors.isNotEmpty) {
+          candidates = Color.sortByContrast(candidates, refColors[0]);
+        }
+      }
+
+      if (notEqualTo.isNotEmpty) {
+        final excluded = <String>[];
+
+        for (final ref in notEqualTo) {
+          excluded.addAll(color(ref));
+        }
+
+        candidates = Color.filterNotEqualTo(candidates, excluded);
+      }
+    } finally {
+      _colorResolving.removeLast();
+    }
+
+    // Skip the shuffle when sorted by contrast, to preserve that ordering.
+    final ordered = contrastTo != null
+        ? candidates
+        : _prng.shuffle('${name}Color', candidates);
+
+    return _takeN(ordered, stops);
+  }
+
+  // The JS port's truthy check: an empty `contrastTo` counts as unset.
+  static String? _contrastTo(ColorDefinition styleColor) {
+    final value = styleColor.contrastTo();
+
+    return value == null || value.isEmpty ? null : value;
+  }
+
+  /// Draws the gradient stop count, defaulting to `2`. Not memoized — the
+  /// `${name}ColorFillStops` PRNG key never appears in the snapshot.
+  int _colorFillStops(String name) {
+    final range = _options.colorFillStops(name);
+
+    return range != null ? _prng.integer('${name}ColorFillStops', range) : 2;
+  }
+
+  double _memoFloat(String key, Range? range, double fallback) =>
+      _memo(key, () => range != null ? _prng.float(key, range) : fallback);
+
+  T _memo<T>(String key, T Function() compute) {
+    if (_result.containsKey(key)) {
+      return _result[key] as T;
+    }
+
+    final value = compute();
+
+    _result[key] = value;
+
+    return value;
+  }
+
+  /// Returns a copy of the first [n] elements of [list] (or all of them when
+  /// [n] is larger), mirroring the JS `slice(0, stops)`. Negative counts are
+  /// clamped to 0, like the Go and Rust ports — the schema forbids them.
+  static List<String> _takeN(List<String> list, int n) {
+    if (n > list.length) {
+      n = list.length;
+    }
+
+    if (n < 0) {
+      n = 0;
+    }
+
+    return list.sublist(0, n);
+  }
+}
diff --git a/src/dart/core/lib/src/style.dart b/src/dart/core/lib/src/style.dart
new file mode 100644
index 0000000..2399b3b
--- /dev/null
+++ b/src/dart/core/lib/src/style.dart
@@ -0,0 +1,207 @@
+/// The validated, lazily-decomposed model of a style definition: the element
+/// tree, components (with aliases resolved), colors, and metadata.
+library;
+
+import 'dart:collection';
+import 'dart:convert';
+
+import 'error/style_validation_error.dart';
+import 'error/validation_error.dart';
+import 'style/canvas.dart';
+import 'style/color.dart';
+import 'style/component.dart';
+import 'style/meta.dart';
+import 'utils/deep_copy.dart';
+import 'validator/style_validator.dart';
+
+/// Validated, lazily-decomposed wrapper around a style definition.
+///
+/// Construction runs the JSON Schema validator and the alias cross-reference
+/// check, and stores a deep copy of the input so that later mutation of the
+/// source map cannot leak into the rendered avatar (the JS port's
+/// `structuredClone`). Build it once, then reuse it across many avatars.
+class Style {
+  final Map<String, Object?> _data;
+  Meta? _meta;
+  Canvas? _canvas;
+  Map<String, Component>? _components;
+  Map<String, ColorDefinition>? _colors;
+
+  /// Creates a style from an already-decoded style definition.
+  ///
+  /// Throws a [StyleValidationError] when [definition] violates the style
+  /// definition schema or contains an invalid component alias. See
+  /// [Style.parse] to build one directly from a raw JSON string.
+  Style(Map<String, Object?> definition) : _data = _validatedCopy(definition) {
+    _validateAliases();
+  }
+
+  /// Parses and validates a style definition from its raw JSON [definition].
+  ///
+  /// This is the string counterpart to the default constructor, for the
+  /// common case where the definition is raw JSON, such as the style
+  /// constants shipped by the `dicebear_styles` package:
+  ///
+  /// ```dart
+  /// import 'package:dicebear_styles/lorelei.dart';
+  ///
+  /// final style = Style.parse(lorelei);
+  /// ```
+  ///
+  /// Throws a [FormatException] when [definition] is not valid JSON, and a
+  /// [StyleValidationError] when the parsed value is not a valid style
+  /// definition (a JSON value that is not an object fails the same way). Use
+  /// the default constructor when you already hold a decoded map.
+  factory Style.parse(String definition) {
+    final decoded = jsonDecode(definition);
+
+    // A valid definition is a JSON object. Route anything else through the
+    // validator so it surfaces as a StyleValidationError like every other
+    // malformed definition, not as a raw cast error.
+    if (decoded is! Map) {
+      validateStyle(decoded);
+    }
+
+    return Style((decoded as Map).cast<String, Object?>());
+  }
+
+  // Validation runs on the caller's map first, then the copy is taken —
+  // matching the JS port's `validate(data)` before `structuredClone(data)`.
+  static Map<String, Object?> _validatedCopy(Map<String, Object?> definition) {
+    validateStyle(definition);
+
+    return deepCopyJsonMap(definition);
+  }
+
+  /// Returns the definition's `$id`, or `null` when not set.
+  String? get id => _data[r'$id'] as String?;
+
+  /// Returns the definition's `$schema` URI, or `null` when not set.
+  String? get schema => _data[r'$schema'] as String?;
+
+  /// Returns the definition's `$comment`, or `null` when not set.
+  String? get comment => _data[r'$comment'] as String?;
+
+  /// Returns the [Meta] view, lazily constructed on first access and
+  /// defaulting to an empty block when the definition omits `meta`.
+  Meta get meta =>
+      _meta ??= Meta(_data['meta'] as Map<String, Object?>? ?? const {});
+
+  /// Returns the [Canvas] view, lazily constructed on first access.
+  Canvas get canvas =>
+      _canvas ??= Canvas(_data['canvas'] as Map<String, Object?>);
+
+  /// Returns a name → [Component] map for all defined components, built
+  /// lazily on first access.
+  ///
+  /// The map is built in two passes: all non-alias entries first (definition
+  /// order), then all alias entries (definition order), each alias sharing
+  /// the source component's data. The resulting insertion order — non-aliases
+  /// before aliases — is observable through `OptionsDescriptor` and must not
+  /// change.
+  Map<String, Component> get components {
+    final cached = _components;
+
+    if (cached != null) {
+      return cached;
+    }
+
+    final entries = _data['components'] as Map<String, Object?>? ?? const {};
+    final map = <String, Component>{};
+
+    for (final entry in entries.entries) {
+      final data = entry.value as Map<String, Object?>;
+
+      if (!_isAlias(data)) {
+        map[entry.key] = Component(entry.key, data);
+      }
+    }
+
+    for (final entry in entries.entries) {
+      final data = entry.value as Map<String, Object?>;
+
+      if (_isAlias(data)) {
+        final target = data['extends'] as String;
+        final source = map[target];
+
+        // An alias whose source is missing or is itself an alias is skipped —
+        // unreachable here because _validateAliases already rejected it at
+        // construction (kept for safety, like the Go and Rust ports).
+        if (source != null) {
+          map[entry.key] = Component.alias(entry.key, target, source);
+        }
+      }
+    }
+
+    return _components = UnmodifiableMapView(map);
+  }
+
+  /// Returns a name → [ColorDefinition] map for all defined colors, built
+  /// lazily on first access, in definition order.
+  Map<String, ColorDefinition> get colors => _colors ??= UnmodifiableMapView({
+        for (final entry
+            in (_data['colors'] as Map<String, Object?>? ?? const {}).entries)
+          entry.key: ColorDefinition(entry.value as Map<String, Object?>),
+      });
+
+  /// Returns a deep copy of the root SVG attributes from the definition,
+  /// defaulting to an empty map. A fresh copy is made per call, keeping the
+  /// JSON insertion order — attribute order is load-bearing for byte parity.
+  Map<String, Object?> attributes() =>
+      deepCopyJsonMap(_data['attributes'] as Map<String, Object?>? ?? const {});
+
+  /// Returns a deep copy of the underlying definition. A fresh copy is made
+  /// per call, so mutating the result cannot corrupt this style.
+  Map<String, Object?> definition() => deepCopyJsonMap(_data);
+
+  /// Verifies that every component declared via `extends` references an
+  /// existing, non-alias component in the same `components` map — a cross-key
+  /// constraint the JSON Schema cannot express. All failures are collected
+  /// (in definition order, like the JS port), then one [StyleValidationError]
+  /// is thrown.
+  void _validateAliases() {
+    final components = _data['components'] as Map<String, Object?>?;
+
+    if (components == null) {
+      return;
+    }
+
+    final errors = <ValidationErrorDetail>[];
+
+    for (final entry in components.entries) {
+      final data = entry.value as Map<String, Object?>;
+
+      if (!_isAlias(data)) {
+        continue;
+      }
+
+      final target = data['extends'] as String;
+      final targetData = components[target] as Map<String, Object?>?;
+
+      if (targetData == null) {
+        errors.add(ValidationErrorDetail(
+          instancePath: '/components/${entry.key}/extends',
+          message: 'references unknown component "$target"',
+        ));
+
+        continue;
+      }
+
+      if (_isAlias(targetData)) {
+        errors.add(ValidationErrorDetail(
+          instancePath: '/components/${entry.key}/extends',
+          message: 'references alias "$target" — alias chains are not allowed',
+        ));
+      }
+    }
+
+    if (errors.isNotEmpty) {
+      throw StyleValidationError(errors);
+    }
+  }
+
+  // The discriminator between a base component and an alias, matching the JS
+  // port's `'extends' in data`.
+  static bool _isAlias(Map<String, Object?> data) =>
+      data.containsKey('extends');
+}
diff --git a/src/dart/core/lib/src/style/canvas.dart b/src/dart/core/lib/src/style/canvas.dart
new file mode 100644
index 0000000..d131208
--- /dev/null
+++ b/src/dart/core/lib/src/style/canvas.dart
@@ -0,0 +1,26 @@
+/// Read-only view over a style definition's `canvas` block.
+library;
+
+import 'element.dart';
+
+/// The drawing area of a style: the `viewBox` dimensions and the top-level
+/// element list.
+class Canvas {
+  final Map<String, Object?> _data;
+  List<ElementNode>? _elements;
+
+  Canvas(Map<String, Object?> data) : _data = data;
+
+  /// Returns the canvas width — the `width` value of the SVG `viewBox`.
+  double get width => (_data['width'] as num).toDouble();
+
+  /// Returns the canvas height — the `height` value of the SVG `viewBox`.
+  double get height => (_data['height'] as num).toDouble();
+
+  /// Returns the top-level elements rendered onto the canvas, lazily wrapped
+  /// as [ElementNode] instances on first access.
+  List<ElementNode> get elements => _elements ??= List.unmodifiable(
+        (_data['elements'] as List<Object?>)
+            .map((element) => ElementNode(element as Map<String, Object?>)),
+      );
+}
diff --git a/src/dart/core/lib/src/style/color.dart b/src/dart/core/lib/src/style/color.dart
new file mode 100644
index 0000000..80276b2
--- /dev/null
+++ b/src/dart/core/lib/src/style/color.dart
@@ -0,0 +1,31 @@
+/// Read-only view over an entry in a style definition's `colors` block.
+library;
+
+/// A named color of a style: the candidate values plus the contrast and
+/// exclusion constraints the resolver applies. The color math itself lives in
+/// the public `Color` utility class.
+///
+/// Named `ColorDefinition` (not `Color`) to keep it distinct from the public
+/// color-math class — the renderer imports both.
+class ColorDefinition {
+  final Map<String, Object?> _data;
+  List<String>? _values;
+  List<String>? _notEqualTo;
+
+  ColorDefinition(Map<String, Object?> data) : _data = data;
+
+  /// Returns the candidate color values, in definition order.
+  List<String> values() => _values ??= List.unmodifiable(
+        (_data['values'] as List<Object?>).cast<String>(),
+      );
+
+  /// Returns the names of the colors that the resolver should avoid picking,
+  /// or an empty list when the field is unset.
+  List<String> notEqualTo() => _notEqualTo ??= List.unmodifiable(
+        (_data['notEqualTo'] as List<Object?>? ?? const []).cast<String>(),
+      );
+
+  /// Returns the name of another color that this one should contrast
+  /// against, or `null` when no contrast constraint is defined.
+  String? contrastTo() => _data['contrastTo'] as String?;
+}
diff --git a/src/dart/core/lib/src/style/component.dart b/src/dart/core/lib/src/style/component.dart
new file mode 100644
index 0000000..5f6fc23
--- /dev/null
+++ b/src/dart/core/lib/src/style/component.dart
@@ -0,0 +1,110 @@
+/// Read-only view over an entry in a style definition's `components` block.
+library;
+
+import 'dart:collection';
+
+import '../range.dart';
+import 'component_translate.dart';
+import 'component_variant.dart';
+
+/// An entry in a style definition's `components` block.
+///
+/// An entry is either a base component with its own dimensions and variants
+/// or an alias declared via `extends`. Aliases are pure references — they
+/// share the source component's data and inherit dimensions, variants, and
+/// all transforms from it, while keeping their own [name]. The
+/// split matters for parity: PRNG keys use the alias name, user-option lookup
+/// and `<use>` def IDs use [sourceName].
+class Component {
+  final String _name;
+  final String? _extendsName;
+  final _ComponentData _data;
+
+  /// Creates a base component from its decoded definition entry.
+  Component(String name, Map<String, Object?> data)
+      : _name = name,
+        _extendsName = null,
+        _data = _ComponentData(data);
+
+  /// Creates an alias of [source], sharing the source component's data.
+  Component.alias(String name, String extendsName, Component source)
+      : _name = name,
+        _extendsName = extendsName,
+        _data = source._data;
+
+  /// Returns the entry's own name as declared in the style definition. For
+  /// aliases this is the alias key, not the source component's name (use
+  /// [sourceName] for the canonical user-option key prefix).
+  String get name => _name;
+
+  /// Returns the source component name when this entry is an alias, or
+  /// `null` for a base component.
+  String? get extendsName => _extendsName;
+
+  /// Returns the canonical user-option key prefix: the source component's
+  /// name when this entry is an alias, otherwise the entry's own name.
+  String get sourceName => _extendsName ?? _name;
+
+  /// Returns the component's intrinsic width in canvas coordinates. For
+  /// aliases the source component's width is returned.
+  double get width => _data.width;
+
+  /// Returns the component's intrinsic height in canvas coordinates. For
+  /// aliases the source component's height is returned.
+  double get height => _data.height;
+
+  /// Returns the probability (0–100) that this component is rendered.
+  /// Aliases delegate to the source; defaults to 100 (always visible).
+  double probability() => _data.probability ?? 100;
+
+  /// Returns the rotation range, or `null` when unset.
+  /// Aliases delegate to the source.
+  Range? rotate() => _data.rotate;
+
+  /// Returns the scale range, or `null` when unset.
+  /// Aliases delegate to the source.
+  Range? scale() => _data.scale;
+
+  /// Returns the translate descriptor. Aliases delegate to the source.
+  ComponentTranslate translate() => _data.translate;
+
+  /// Returns a name → [ComponentVariant] map for all defined variants, in
+  /// definition order. Aliases delegate to the source component's variants.
+  Map<String, ComponentVariant> variants() => _data.variants();
+}
+
+/// The intrinsic data of a base component, shared by its aliases (the Go
+/// port's `componentData`; the Rust port shares it via `Arc`).
+class _ComponentData {
+  final Map<String, Object?> _raw;
+  final double width;
+  final double height;
+  final double? probability;
+  final Range? rotate;
+  final Range? scale;
+  final ComponentTranslate translate;
+  Map<String, ComponentVariant>? _variants;
+
+  _ComponentData(Map<String, Object?> raw)
+      : _raw = raw,
+        width = (raw['width'] as num).toDouble(),
+        height = (raw['height'] as num).toDouble(),
+        probability = raw['probability'] == null
+            ? null
+            : (raw['probability'] as num).toDouble(),
+        rotate = rangeFromDefinition(raw['rotate']),
+        scale = rangeFromDefinition(raw['scale']),
+        translate = ComponentTranslate(
+          raw['translate'] as Map<String, Object?>? ?? const {},
+        );
+
+  /// Returns the variants map, lazily built on first access. The map keeps
+  /// definition order — it drives the weighted pick when the user sets no
+  /// `…Variant` option.
+  Map<String, ComponentVariant> variants() =>
+      _variants ??= UnmodifiableMapView({
+        for (final entry
+            in (_raw['variants'] as Map<String, Object?>? ?? const {}).entries)
+          entry.key: ComponentVariant(entry.value as Map<String, Object?>),
+      });
+}
diff --git a/src/dart/core/lib/src/style/component_translate.dart b/src/dart/core/lib/src/style/component_translate.dart
new file mode 100644
index 0000000..789eee5
--- /dev/null
+++ b/src/dart/core/lib/src/style/component_translate.dart
@@ -0,0 +1,45 @@
+/// Read-only view over a component's `translate` block.
+library;
+
+import '../range.dart';
+
+/// The X and Y offset ranges of a component's `translate` block. Both are
+/// `null` when the corresponding axis is unset.
+class ComponentTranslate {
+  final Range? _x;
+  final Range? _y;
+
+  ComponentTranslate(Map<String, Object?> data)
+      : _x = rangeFromDefinition(data['x']),
+        _y = rangeFromDefinition(data['y']);
+
+  /// Returns the X offset range (percent of the component's width), or
+  /// `null` when unset.
+  Range? x() => _x;
+
+  /// Returns the Y offset range (percent of the component's height), or
+  /// `null` when unset.
+  Range? y() => _y;
+}
+
+/// Builds a [Range] from a style definition value, or returns `null` when the
+/// field is unset.
+///
+/// In a style definition a range is always a `{min, max, step?}` object (the
+/// definition schema pins that shape) — the bare-number and `[min, max]`
+/// array shorthands exist only in the user-facing options and are normalized
+/// by `Options`, not here.
+Range? rangeFromDefinition(Object? value) {
+  if (value == null) {
+    return null;
+  }
+
+  final data = value as Map<String, Object?>;
+  final step = data['step'];
+
+  return Range(
+    min: (data['min'] as num).toDouble(),
+    max: (data['max'] as num).toDouble(),
+    step: step == null ? null : (step as num).toDouble(),
+  );
+}
diff --git a/src/dart/core/lib/src/style/component_variant.dart b/src/dart/core/lib/src/style/component_variant.dart
new file mode 100644
index 0000000..524d3e2
--- /dev/null
+++ b/src/dart/core/lib/src/style/component_variant.dart
@@ -0,0 +1,27 @@
+/// Read-only view over an entry in a component's `variants` block.
+library;
+
+import 'element.dart';
+
+/// A single variant of a component: the element subtree it renders and its
+/// weighted-pick weight.
+class ComponentVariant {
+  final Map<String, Object?> _data;
+  List<ElementNode>? _elements;
+
+  ComponentVariant(Map<String, Object?> data) : _data = data;
+
+  /// Returns the variant's elements, lazily wrapped as [ElementNode]
+  /// instances on first access.
+  List<ElementNode> elements() => _elements ??= List.unmodifiable(
+        (_data['elements'] as List<Object?>)
+            .map((element) => ElementNode(element as Map<String, Object?>)),
+      );
+
+  /// Returns the weighted-pick weight for this variant, defaulting to `1`.
+  double weight() {
+    final weight = _data['weight'];
+
+    return weight == null ? 1 : (weight as num).toDouble();
+  }
+}
diff --git a/src/dart/core/lib/src/style/element.dart b/src/dart/core/lib/src/style/element.dart
new file mode 100644
index 0000000..43c85d1
--- /dev/null
+++ b/src/dart/core/lib/src/style/element.dart
@@ -0,0 +1,46 @@
+/// Read-only view over a single render-tree node from a style definition.
+library;
+
+/// A single render-tree element from a style definition.
+///
+/// The same node type covers SVG elements, text, and component references —
+/// [type] discriminates between them. The node is a thin view over the
+/// decoded definition JSON; the data is shared, never copied.
+class ElementNode {
+  final Map<String, Object?> _data;
+  List<ElementNode>? _children;
+
+  ElementNode(Map<String, Object?> data) : _data = data;
+
+  /// Returns the element type discriminator
+  /// (`'element'`, `'text'` or `'component'`).
+  String get type => _data['type'] as String;
+
+  /// Returns the element's tag/component name, or `null` for elements that
+  /// don't have one.
+  String? get name => _data['name'] as String?;
+
+  /// Returns the element's textual value (for `text` elements): a literal
+  /// [String], a `{'type': 'variable', 'name': ...}` reference map, or `null`
+  /// when not applicable. The value is passed through raw, like the JS port.
+  Object? get value => _data['value'];
+
+  /// Returns the element's raw attribute map, or `null` when no attributes
+  /// are defined.
+  ///
+  /// The map is the decoded definition JSON itself, in JSON insertion order —
+  /// SVG attributes must render in the order they were declared, so the order
+  /// is load-bearing (the JS/Rust/Go ports rely on `Map`/`IndexMap`/an
+  /// ordered list for the same reason; Dart maps preserve insertion order
+  /// natively). Values are literal strings or
+  /// `{'type': 'color' | 'variable', 'name': ...}` reference maps.
+  Map<String, Object?>? get attributes =>
+      _data['attributes'] as Map<String, Object?>?;
+
+  /// Returns the element's children, lazily wrapped as [ElementNode]
+  /// instances on first access. Defaults to an empty list.
+  List<ElementNode> get children => _children ??= List.unmodifiable(
+        (_data['children'] as List<Object?>? ?? const [])
+            .map((child) => ElementNode(child as Map<String, Object?>)),
+      );
+}
diff --git a/src/dart/core/lib/src/style/meta.dart b/src/dart/core/lib/src/style/meta.dart
new file mode 100644
index 0000000..f4da056
--- /dev/null
+++ b/src/dart/core/lib/src/style/meta.dart
@@ -0,0 +1,33 @@
+/// Read-only view over a style definition's `meta` block.
+library;
+
+import 'meta_creator.dart';
+import 'meta_license.dart';
+import 'meta_source.dart';
+
+/// The metadata of a style, exposing the license, creator, and source
+/// descriptors. Each descriptor defaults to an empty block when the style
+/// definition omits the field, so callers never need a null check.
+class Meta {
+  final Map<String, Object?> _data;
+  MetaLicense? _license;
+  MetaCreator? _creator;
+  MetaSource? _source;
+
+  Meta(Map<String, Object?> data) : _data = data;
+
+  /// Returns the license descriptor, lazily constructed on first access and
+  /// defaulting to an empty block when the style definition omits the field.
+  MetaLicense license() => _license ??=
+      MetaLicense(_data['license'] as Map<String, Object?>? ?? const {});
+
+  /// Returns the creator descriptor, lazily constructed on first access and
+  /// defaulting to an empty block when the style definition omits the field.
+  MetaCreator creator() => _creator ??=
+      MetaCreator(_data['creator'] as Map<String, Object?>? ?? const {});
+
+  /// Returns the source descriptor, lazily constructed on first access and
+  /// defaulting to an empty block when the style definition omits the field.
+  MetaSource source() => _source ??=
+      MetaSource(_data['source'] as Map<String, Object?>? ?? const {});
+}
diff --git a/src/dart/core/lib/src/style/meta_creator.dart b/src/dart/core/lib/src/style/meta_creator.dart
new file mode 100644
index 0000000..27e99c6
--- /dev/null
+++ b/src/dart/core/lib/src/style/meta_creator.dart
@@ -0,0 +1,20 @@
+/// Read-only view over the `meta.creator` block of a style definition.
+library;
+
+/// The creator descriptor of a style's metadata.
+///
+/// Accessors return `null` for absent fields, distinguishing them from fields
+/// explicitly set to the empty string — the license builder relies on that
+/// distinction (the JS nullish `?? 'Unknown'`; Go/Rust use `*string`/Option
+/// for the same reason).
+class MetaCreator {
+  final Map<String, Object?> _data;
+
+  MetaCreator(Map<String, Object?> data) : _data = data;
+
+  /// Returns the creator's display name, or `null` when not set.
+  String? name() => _data['name'] as String?;
+
+  /// Returns the creator's homepage URL, or `null` when not set.
+  String? url() => _data['url'] as String?;
+}
diff --git a/src/dart/core/lib/src/style/meta_license.dart b/src/dart/core/lib/src/style/meta_license.dart
new file mode 100644
index 0000000..17e0f4c
--- /dev/null
+++ b/src/dart/core/lib/src/style/meta_license.dart
@@ -0,0 +1,23 @@
+/// Read-only view over the `meta.license` block of a style definition.
+library;
+
+/// The license descriptor of a style's metadata.
+///
+/// Accessors return `null` for absent fields, distinguishing them from fields
+/// explicitly set to the empty string, matching the JS nullish and the
+/// Go `*string` / Rust Option logic. Never coalesce `''` to `null` here — the
+/// license builder treats the two differently.
+class MetaLicense {
+  final Map<String, Object?> _data;
+
+  MetaLicense(Map<String, Object?> data) : _data = data;
+
+  /// Returns the license name (e.g. `'CC BY 4.0'`), or `null` when not set.
+  String? name() => _data['name'] as String?;
+
+  /// Returns the license URL, or `null` when not set.
+  String? url() => _data['url'] as String?;
+
+  /// Returns the full license text, or `null` when not set.
+  String? text() => _data['text'] as String?;
+}
diff --git a/src/dart/core/lib/src/style/meta_source.dart b/src/dart/core/lib/src/style/meta_source.dart
new file mode 100644
index 0000000..53200ef
--- /dev/null
+++ b/src/dart/core/lib/src/style/meta_source.dart
@@ -0,0 +1,20 @@
+/// Read-only view over the `meta.source` block of a style definition.
+library;
+
+/// The source descriptor of a style's metadata.
+///
+/// Accessors return `null` for absent fields, distinguishing them from fields
+/// explicitly set to the empty string — the license builder relies on that
+/// distinction.
+class MetaSource {
+  final Map<String, Object?> _data;
+
+  MetaSource(Map<String, Object?> data) : _data = data;
+
+  /// Returns the source name (e.g. the original work title), or `null` when
+  /// not set.
+  String? name() => _data['name'] as String?;
+
+  /// Returns the URL of the source, or `null` when not set.
+  String? url() => _data['url'] as String?;
+}
diff --git a/src/dart/core/lib/src/utils/color.dart b/src/dart/core/lib/src/utils/color.dart
new file mode 100644
index 0000000..05b02d1
--- /dev/null
+++ b/src/dart/core/lib/src/utils/color.dart
@@ -0,0 +1,400 @@
+/// Color helpers used by the renderer and the option resolver: hex
+/// normalization, WCAG relative luminance, contrast sorting, and exclusion
+/// filtering. Exported so consumers can reproduce the engine's color math,
+/// mirroring the `Color` utility in the JS core.
+library;
+
+import 'dart:math' as math;
+
+/// Color helpers used by the renderer and the option resolver.
+abstract final class Color {
+  /// Normalizes any hex format to 6- or 8-digit lowercase with `#` prefix.
+  static String toHex(String hex) {
+    // JS `replace(/^#/, '')` strips at most one leading `#`.
+    final h = (hex.startsWith('#') ? hex.substring(1) : hex).toLowerCase();
+
+    if (h.length == 3) {
+      return '#${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}';
+    }
+
+    if (h.length == 4) {
+      return '#${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}${h[3]}${h[3]}';
+    }
+
+    return '#$h';
+  }
+
+  /// Like [toHex], but strips the alpha channel and always returns 6-digit
+  /// hex.
+  static String toRgbHex(String hex) {
+    final h = toHex(hex);
+
+    // JS `slice(0, 7)` counts UTF-16 code units; Dart's `length` and
+    // `substring` share exactly those semantics, so unlike the Go and Rust
+    // ports no conversion is needed here.
+    return h.length > 7 ? h.substring(0, 7) : h;
+  }
+
+  /// Parses a hex color into an `[r, g, b]` triple of 8-bit channel values.
+  /// Malformed channels fall back to `0`.
+  static List<int> parseHex(String hex) {
+    final h = toHex(hex).substring(1);
+
+    return [_channel(h, 0), _channel(h, 2), _channel(h, 4)];
+  }
+
+  /// WCAG 2.1 relative luminance with sRGB linearization.
+  ///
+  /// See https://www.w3.org/WAI/GL/wiki/Relative_luminance
+  static double luminance(String hex) {
+    final rgb = parseHex(hex);
+    final linearR = _linearize(rgb[0]);
+    final linearG = _linearize(rgb[1]);
+    final linearB = _linearize(rgb[2]);
+
+    // Each product and addition is a separate double operation in JS
+    // evaluation order. Dart rounds every floating-point operation to a
+    // 64-bit double on both the VM and the web, so no FMA-contraction guard
+    // is needed (Go forces explicit float64 conversions here) — but keep the
+    // operations separate anyway.
+    final r = 0.2126 * linearR;
+    final g = 0.7152 * linearG;
+    final b = 0.0722 * linearB;
+
+    return r + g + b;
+  }
+
+  /// Returns a new list sorted by descending contrast against the reference
+  /// color.
+  ///
+  /// See https://www.w3.org/WAI/GL/wiki/Contrast_ratio
+  static List<String> sortByContrast(
+    List<String> candidates,
+    String refColor,
+  ) {
+    final refLum = luminance(refColor);
+
+    final withRatio = <({int index, String color, double ratio})>[];
+    for (var i = 0; i < candidates.length; i++) {
+      final lum = luminance(candidates[i]);
+      final ratio =
+          (math.max(lum, refLum) + 0.05) / (math.min(lum, refLum) + 0.05);
+
+      withRatio.add((index: i, color: candidates[i], ratio: ratio));
+    }
+
+    // JS `Array#sort` is stable; Dart's `List.sort` is not. Decorating each
+    // entry with its original index and tie-breaking ascending reproduces a
+    // stable descending sort, matching the JS `b.ratio - a.ratio` comparator.
+    withRatio.sort((a, b) {
+      final byRatio = b.ratio.compareTo(a.ratio);
+
+      return byRatio != 0 ? byRatio : a.index.compareTo(b.index);
+    });
+
+    return [for (final entry in withRatio) entry.color];
+  }
+
+  /// Returns a new list with excluded colors removed. Falls back to the
+  /// original candidates when filtering would empty the list.
+  static List<String> filterNotEqualTo(
+    List<String> candidates,
+    List<String> excluded,
+  ) {
+    // Comparison via [toRgbHex] ignores the alpha channel.
+    final normalized = {for (final color in excluded) toRgbHex(color)};
+    final filtered = [
+      for (final color in candidates)
+        if (!normalized.contains(toRgbHex(color))) color,
+    ];
+
+    return filtered.isNotEmpty ? filtered : List.of(candidates);
+  }
+
+  /// Parses two hex digits at [start] into a channel value, falling back to
+  /// `0` like the Go and Rust ports. JS `parseInt` instead prefix-parses
+  /// malformed input (`'e'` → 14, `'-f'` → -15), so results diverge for hex
+  /// strings the schema's color pattern would reject — unreachable through
+  /// validated options, but observable via the exported [Color] helpers.
+  static int _channel(String digits, int start) {
+    if (start + 2 > digits.length) {
+      return 0;
+    }
+
+    final value = int.tryParse(digits.substring(start, start + 2), radix: 16);
+
+    return value == null || value < 0 ? 0 : value;
+  }
+
+  /// Linear-light value for every 8-bit sRGB channel value, precomputed from
+  /// `s <= 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4` with
+  /// `s = channel / 255`.
+  ///
+  /// A lookup table because `pow` is not required to be correctly rounded:
+  /// results differ between JS engines and the math libraries used by the
+  /// other language ports, which would break cross-language byte parity.
+  /// Values are the JS reference outputs.
+  static const List<double> _linearized = [
+    0.0,
+    0.0003035269835488375,
+    0.000607053967097675,
+    0.0009105809506465125,
+    0.00121410793419535,
+    0.0015176349177441874,
+    0.001821161901293025,
+    0.0021246888848418626,
+    0.0024282158683907,
+    0.0027317428519395373,
+    0.003035269835488375,
+    0.003346535763899161,
+    0.003676507324047436,
+    0.004024717018496307,
+    0.004391442037410293,
+    0.004776953480693729,
+    0.005181516702338386,
+    0.005605391624202723,
+    0.006048833022857055,
+    0.006512090792594474,
+    0.006995410187265387,
+    0.007499032043226175,
+    0.008023192985384994,
+    0.008568125618069307,
+    0.009134058702220787,
+    0.009721217320237847,
+    0.010329823029626938,
+    0.010960094006488246,
+    0.011612245179743887,
+    0.012286488356915872,
+    0.012983032342173012,
+    0.013702083047289686,
+    0.014443843596092545,
+    0.01520851442291271,
+    0.01599629336550963,
+    0.016807375752887384,
+    0.017641954488384078,
+    0.018500220128379697,
+    0.019382360956935723,
+    0.0202885630566524,
+    0.021219010376003558,
+    0.02217388479338738,
+    0.02315336617811041,
+    0.024157632448504756,
+    0.025186859627361627,
+    0.026241221894849898,
+    0.027320891639074897,
+    0.028426039504420793,
+    0.0295568344378088,
+    0.030713443732993635,
+    0.03189603307301153,
+    0.033104766570885055,
+    0.03433980680868217,
+    0.03560131487502034,
+    0.03688945040110004,
+    0.0382043715953465,
+    0.03954623527673283,
+    0.04091519690685319,
+    0.042311410620809675,
+    0.043735029256973465,
+    0.04518620438567554,
+    0.0466650863368801,
+    0.048171824226889426,
+    0.04970656598412723,
+    0.05126945837404324,
+    0.052860647023180246,
+    0.05448027644244237,
+    0.05612849004960009,
+    0.05780543019106723,
+    0.0595112381629812,
+    0.06124605423161761,
+    0.06301001765316767,
+    0.06480326669290577,
+    0.06662593864377289,
+    0.06847816984440017,
+    0.07036009569659588,
+    0.07227185068231748,
+    0.07421356838014963,
+    0.07618538148130785,
+    0.07818742180518633,
+    0.08021982031446831,
+    0.0822827071298148,
+    0.08437621154414882,
+    0.08650046203654976,
+    0.08865558628577294,
+    0.09084171118340767,
+    0.09305896284668747,
+    0.0953074666309647,
+    0.09758734714186246,
+    0.09989872824711389,
+    0.1022417330881013,
+    0.10461648409110419,
+    0.10702310297826761,
+    0.10946171077829933,
+    0.1119324278369056,
+    0.11443537382697373,
+    0.11697066775851084,
+    0.11953842798834562,
+    0.12213877222960187,
+    0.12477181756095049,
+    0.12743768043564743,
+    0.1301364766903643,
+    0.13286832155381798,
+    0.13563332965520566,
+    0.13843161503245183,
+    0.14126329114027164,
+    0.14412847085805777,
+    0.14702726649759498,
+    0.14995978981060856,
+    0.15292615199615017,
+    0.1559264637078274,
+    0.1589608350608804,
+    0.16202937563911096,
+    0.1651321945016676,
+    0.16826940018969075,
+    0.1714411007328226,
+    0.17464740365558504,
+    0.17788841598362914,
+    0.18116424424986022,
+    0.184474994500441,
+    0.18782077230067787,
+    0.1912016827407914,
+    0.19461783044157582,
+    0.19806931955994886,
+    0.20155625379439707,
+    0.20507873639031693,
+    0.20863687014525575,
+    0.21223075741405523,
+    0.21586050011389923,
+    0.21952619972926923,
+    0.2232279573168085,
+    0.22696587351009836,
+    0.23074004852434915,
+    0.23455058216100522,
+    0.238397573812271,
+    0.24228112246555486,
+    0.24620132670783548,
+    0.25015828472995344,
+    0.25415209433082675,
+    0.2581828529215958,
+    0.26225065752969623,
+    0.26635560480286247,
+    0.2704977910130658,
+    0.27467731206038465,
+    0.2788942634768104,
+    0.2831487404299921,
+    0.2874408377269175,
+    0.29177064981753587,
+    0.2961382707983211,
+    0.3005437944157765,
+    0.3049873140698863,
+    0.30946892281750854,
+    0.31398871337571754,
+    0.31854677812509186,
+    0.32314320911295075,
+    0.3277780980565422,
+    0.33245153634617935,
+    0.33716361504833037,
+    0.341914424908661,
+    0.3467040563550296,
+    0.35153259950043936,
+    0.3564001441459435,
+    0.3613067797835095,
+    0.3662525955988395,
+    0.3712376804741491,
+    0.37626212299090644,
+    0.3813260114325301,
+    0.386429433787049,
+    0.39157247774972326,
+    0.39675523072562685,
+    0.40197777983219574,
+    0.4072402119017367,
+    0.41254261348390375,
+    0.4178850708481375,
+    0.4232676699860717,
+    0.4286904966139067,
+    0.4341536361747489,
+    0.4396571738409188,
+    0.44520119451622786,
+    0.45078578283822346,
+    0.45641102318040466,
+    0.4620769996544071,
+    0.467783796112159,
+    0.47353149614800955,
+    0.4793201831008268,
+    0.4851499400560704,
+    0.4910208498478356,
+    0.4969329950608704,
+    0.5028864580325687,
+    0.5088813208549338,
+    0.5149176653765214,
+    0.5209955732043543,
+    0.5271151257058131,
+    0.5332764040105052,
+    0.5394794890121071,
+    0.5457244613701866,
+    0.5520114015120001,
+    0.5583403896342679,
+    0.5647115057049292,
+    0.5711248294648731,
+    0.5775804404296506,
+    0.5840784178911641,
+    0.5906188409193369,
+    0.5972017883637634,
+    0.6038273388553378,
+    0.6104955708078648,
+    0.6172065624196511,
+    0.6239603916750761,
+    0.6307571363461468,
+    0.6375968739940326,
+    0.6444796819705821,
+    0.6514056374198242,
+    0.6583748172794486,
+    0.665387298282272,
+    0.6724431569576875,
+    0.6795424696330938,
+    0.6866853124353134,
+    0.6938717612919899,
+    0.7011018919329731,
+    0.7083757798916868,
+    0.7156935005064807,
+    0.7230551289219693,
+    0.7304607400903537,
+    0.7379104087727308,
+    0.7454042095403874,
+    0.7529422167760779,
+    0.7605245046752924,
+    0.7681511472475071,
+    0.7758222183174236,
+    0.7835377915261935,
+    0.7912979403326302,
+    0.799102738014409,
+    0.8069522576692516,
+    0.8148465722161012,
+    0.8227857543962835,
+    0.8307698767746546,
+    0.83879901174074,
+    0.846873231509858,
+    0.8549926081242338,
+    0.8631572134541023,
+    0.8713671191987973,
+    0.8796223968878317,
+    0.8879231178819663,
+    0.8962693533742664,
+    0.9046611743911496,
+    0.9130986517934192,
+    0.9215818562772946,
+    0.9301108583754237,
+    0.938685728457888,
+    0.9473065367331999,
+    0.9559733532492861,
+    0.9646862478944651,
+    0.9734452903984125,
+    0.9822505503331171,
+    0.9911020971138298,
+    1,
+  ];
+
+  /// Converts an 8-bit sRGB channel value into linear-light space.
+  static double _linearize(int channel) {
+    return _linearized[channel];
+  }
+}
diff --git a/src/dart/core/lib/src/utils/deep_copy.dart b/src/dart/core/lib/src/utils/deep_copy.dart
new file mode 100644
index 0000000..d0958de
--- /dev/null
+++ b/src/dart/core/lib/src/utils/deep_copy.dart
@@ -0,0 +1,30 @@
+/// A `structuredClone` equivalent for decoded-JSON value trees, shared by the
+/// model and resolver layers so the cloning contract lives in one place.
+library;
+
+/// Deep-copies a decoded-JSON [value]: maps and lists are cloned recursively
+/// with insertion order preserved, immutable scalars are returned as-is.
+///
+/// This mirrors the JS port's `structuredClone` for JSON-shaped data, so that
+/// later mutation of a caller's input (or of a returned snapshot) cannot leak
+/// into or out of the engine's internal state. The preserved insertion order
+/// is load-bearing: SVG attributes, `<defs>` entries, and the resolved-options
+/// snapshot all emit in source/first-recorded order.
+Object? deepCopyJsonValue(Object? value) {
+  if (value is Map) {
+    return <String, Object?>{
+      for (final entry in value.entries)
+        entry.key as String: deepCopyJsonValue(entry.value),
+    };
+  }
+
+  if (value is List) {
+    return <Object?>[for (final item in value) deepCopyJsonValue(item)];
+  }
+
+  return value;
+}
+
+/// Deep-copies a decoded-JSON map, preserving insertion order.
+Map<String, Object?> deepCopyJsonMap(Map<String, Object?> map) =>
+    deepCopyJsonValue(map) as Map<String, Object?>;
diff --git a/src/dart/core/lib/src/utils/initials.dart b/src/dart/core/lib/src/utils/initials.dart
new file mode 100644
index 0000000..7aac16a
--- /dev/null
+++ b/src/dart/core/lib/src/utils/initials.dart
@@ -0,0 +1,69 @@
+/// Derives display initials from a seed string.
+///
+/// Words are split by Unicode letter/mark classes (`\p{L}`, `\p{M}`) so the
+/// result matches the JS, PHP, Python, Rust and Go ports for accented and
+/// non-Latin input. See https://www.regular-expressions.info/unicode.html
+library;
+
+import 'uppercase.dart';
+
+/// `@…` — the entire suffix (e.g. an email domain), stripped so the local
+/// part yields one word. `dotAll` makes `.` match line terminators too, so
+/// the whole tail is removed — matching the dotall `@.*` strip in every port.
+final _atSuffix = RegExp('@.*', dotAll: true);
+
+/// Apostrophes and accents that should not break a word (e.g. `l'eau`,
+/// `d´or`): U+0060, U+00B4, U+0027, U+02BC.
+final _apostrophes = RegExp("[`´'ʼ]");
+
+/// A word: a letter followed by any letters or combining marks.
+final _word = RegExp(r'\p{L}[\p{L}\p{M}]*', unicode: true);
+
+/// The first one or two letter+marks units of a word.
+final _oneOrTwoUnits = RegExp(r'^(?:\p{L}\p{M}*){1,2}', unicode: true);
+
+/// The first single letter+marks unit of a word.
+final _oneUnit = RegExp(r'^(?:\p{L}\p{M}*)', unicode: true);
+
+/// Returns one or two uppercase initials for the given seed. By default
+/// strips `@...` so email addresses yield a single initial instead of being
+/// treated as two words.
+///
+/// Uppercasing goes through [jsToUpperCase] for full Unicode case mapping
+/// (ß→SS, fi→FI): Dart's `String.toUpperCase` only maps 1:1 on the VM, which
+/// would diverge from the JS reference — and from this package's own dart2js
+/// build (Go needed `golang.org/x/text/cases` for the same reason).
+String initialsFromSeed(String seed, [bool discardAtSymbol = true]) {
+  var input = seed;
+
+  if (discardAtSymbol) {
+    // JS `replace(/@.*/s, '')` has no `g` flag — only the first match. With
+    // dotall, `@.*` reaches the end of the string anyway.
+    input = seed.replaceFirst(_atSuffix, '');
+  }
+
+  input = input.replaceAll(_apostrophes, '');
+
+  final matches = _word.allMatches(input).toList();
+
+  if (matches.isEmpty) {
+    // Stripping the @ suffix left no words at all (e.g. a seed starting with
+    // `@`) — retry once on the full seed.
+    return discardAtSymbol ? initialsFromSeed(seed, false) : '';
+  }
+
+  if (matches.length == 1) {
+    final match = _oneOrTwoUnits.firstMatch(matches[0][0]!);
+
+    return match != null ? jsToUpperCase(match[0]!) : '';
+  }
+
+  final first = _oneUnit.firstMatch(matches.first[0]!);
+  final last = _oneUnit.firstMatch(matches.last[0]!);
+
+  if (first == null || last == null) {
+    return '';
+  }
+
+  return jsToUpperCase(first[0]! + last[0]!);
+}
diff --git a/src/dart/core/lib/src/utils/license.dart b/src/dart/core/lib/src/utils/license.dart
new file mode 100644
index 0000000..e186177
--- /dev/null
+++ b/src/dart/core/lib/src/utils/license.dart
@@ -0,0 +1,113 @@
+/// Builds attribution strings and embedded RDF/Dublin Core metadata from a
+/// style's meta block. Mirrors the JS, PHP, Python, Go and Rust ports,
+/// including the nullish creator fallback and the empty-string-as-absent
+/// treatment.
+library;
+
+import '../style/meta.dart';
+import 'xml.dart';
+
+/// Returns `true` when [value] is absent or empty, mirroring the JS falsy
+/// checks (`!sourceName` is true for both a missing field and `''`).
+bool _unset(String? value) => value == null || value.isEmpty;
+
+/// Returns a single-line attribution string suitable for `<title>` or
+/// `<desc>` content, or an empty string when no attribution data is
+/// available. The typographic quotes (U+201C/U+201D) are part of the
+/// cross-language byte-parity contract.
+String licenseText(Meta meta) {
+  final sourceName = meta.source().name();
+  final sourceUrl = meta.source().url();
+  final creatorName = meta.creator().name();
+  final licenseName = meta.license().name();
+  final licenseUrl = meta.license().url();
+
+  if (_unset(sourceName) && _unset(creatorName) && _unset(licenseName)) {
+    return '';
+  }
+
+  var title = _unset(sourceName) ? 'Design' : '“$sourceName”';
+
+  if (!_unset(sourceUrl)) {
+    title += ' ($sourceUrl)';
+  }
+
+  // JS uses `creatorName ?? 'Unknown'` (nullish): an empty creator name stays
+  // empty; only a missing one becomes "Unknown".
+  final creator = '“${creatorName ?? 'Unknown'}”';
+
+  var result = '';
+
+  // Skip the "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+  if (licenseName != 'MIT' &&
+      creatorName != 'DiceBear' &&
+      !_unset(sourceName)) {
+    result += 'Remix of ';
+  }
+
+  result += '$title by $creator';
+
+  if (!_unset(licenseName)) {
+    result += ', licensed under “$licenseName”';
+
+    if (!_unset(licenseUrl)) {
+      result += ' ($licenseUrl)';
+    }
+  }
+
+  return result;
+}
+
+/// Builds an embedded `<metadata>` block with Dublin Core terms describing
+/// the style's source, creator, license, and rights statement. Returns an
+/// empty string when no metadata fields are populated.
+String licenseXml(Meta meta) {
+  final title = meta.source().name();
+  final creatorName = meta.creator().name();
+  final sourceUrl = meta.source().url();
+  final licenseUrl = meta.license().url();
+  final rights = licenseText(meta);
+
+  if (_unset(title) &&
+      _unset(creatorName) &&
+      _unset(sourceUrl) &&
+      _unset(licenseUrl) &&
+      rights.isEmpty) {
+    return '';
+  }
+
+  final fields = StringBuffer();
+
+  if (!_unset(title)) {
+    fields.write('<dc:title>${escapeXml(title!)}</dc:title>');
+  }
+
+  if (!_unset(creatorName)) {
+    fields.write('<dc:creator>${escapeXml(creatorName!)}</dc:creator>');
+  }
+
+  if (!_unset(sourceUrl)) {
+    fields.write(
+      '<dc:source xsi:type="dcterms:URI">${escapeXml(sourceUrl!)}</dc:source>',
+    );
+  }
+
+  if (!_unset(licenseUrl)) {
+    fields.write(
+      '<dcterms:license xsi:type="dcterms:URI">${escapeXml(licenseUrl!)}'
+      '</dcterms:license>',
+    );
+  }
+
+  if (rights.isNotEmpty) {
+    fields.write('<dc:rights>${escapeXml(rights)}</dc:rights>');
+  }
+
+  return '<metadata'
+      ' xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"'
+      ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
+      ' xmlns:dc="http://purl.org/dc/elements/1.1/"'
+      ' xmlns:dcterms="http://purl.org/dc/terms/">'
+      '<rdf:RDF><rdf:Description>$fields</rdf:Description></rdf:RDF>'
+      '</metadata>';
+}
diff --git a/src/dart/core/lib/src/utils/number.dart b/src/dart/core/lib/src/utils/number.dart
new file mode 100644
index 0000000..c6d8e8b
--- /dev/null
+++ b/src/dart/core/lib/src/utils/number.dart
@@ -0,0 +1,105 @@
+/// Numeric helpers shared by the PRNG and the renderer: SVG number
+/// formatting and the JavaScript-compatible half-up rounding the rest of the
+/// engine depends on for cross-language parity.
+library;
+
+/// Rounds half toward +∞, matching JavaScript's `Math.round`. Dart's
+/// `num.round()` rounds half away from zero, and the naive
+/// `(x + 0.5).floor()` over-rounds the largest double below 0.5; comparing
+/// the fractional part against 0.5 reproduces `Math.round` exactly.
+///
+/// Unlike Go (which needs `//go:noinline` here to forbid FMA contraction),
+/// Dart rounds every floating-point operation to a 64-bit double on both the
+/// VM and the web, so an expression like `value * 100000.0` cannot fuse with
+/// the subtraction below. Keep the multiply and the comparison as separate
+/// operations anyway — the parity fixture `1.999995 → "2"` is the canary.
+double roundHalfUp(double value) {
+  final floor = value.floorToDouble();
+
+  if (value - floor < 0.5) {
+    return floor;
+  }
+
+  return floor + 1.0;
+}
+
+/// Formats a number for SVG output, rounded to at most 5 decimal places.
+///
+/// Rounding to a fixed precision keeps the output bounded and identical
+/// across the JS, PHP, Python, Rust, Go and Dart ports: every value becomes
+/// a multiple of 1e-5, which has no exponential form, so the result is built
+/// from integer arithmetic with no language-specific float stringifying.
+/// `double.toString()` must never be used here — Dart renders integral
+/// doubles as `1.0` where JavaScript prints `1`.
+String formatNumber(double value) {
+  if (value.isNaN) {
+    return 'NaN';
+  }
+
+  if (value == double.infinity) {
+    return 'Infinity';
+  }
+
+  if (value == double.negativeInfinity) {
+    return '-Infinity';
+  }
+
+  var scaled = roundHalfUp(value * 100000.0).toInt();
+  final sign = scaled < 0 ? '-' : '';
+
+  if (scaled < 0) {
+    scaled = -scaled;
+  }
+
+  final integerPart = scaled ~/ 100000;
+  final fraction = (scaled % 100000)
+      .toString()
+      .padLeft(5, '0')
+      .replaceFirst(_trailingZeros, '');
+
+  if (fraction.isEmpty) {
+    return '$sign$integerPart';
+  }
+
+  return '$sign$integerPart.$fraction';
+}
+
+final _trailingZeros = RegExp(r'0+$');
+
+/// Converts a number to the string JavaScript's `String(value)` produces.
+///
+/// Used wherever a number becomes a PRNG dedupe/sort key (e.g. `fontWeight`
+/// lists), so the key must match the JS port byte for byte: integral values
+/// print without a decimal point (`400`, not Dart's `400.0`).
+///
+/// The zero check comes first on purpose: on the web `-0.0 is int` is true
+/// and dart2js prints `-0.0` (where JS prints `0`), so the naive integral
+/// branch would silently diverge on the web only.
+String jsNumString(num value) {
+  if (value == 0) {
+    return '0';
+  }
+
+  final d = value.toDouble();
+
+  if (d.isNaN) {
+    return 'NaN';
+  }
+
+  if (d == double.infinity) {
+    return 'Infinity';
+  }
+
+  if (d == double.negativeInfinity) {
+    return '-Infinity';
+  }
+
+  if (d == d.truncateToDouble() && d.abs() < 1e21) {
+    // BigInt is exact for every integral double; `toInt()` would clamp
+    // values at or above 2^63 on the VM, and JS prints e.g. String(1e20)
+    // as "100000000000000000000".
+    return BigInt.from(d).toString();
+  }
+
+  return d.toString();
+}
diff --git a/src/dart/core/lib/src/utils/uppercase.dart b/src/dart/core/lib/src/utils/uppercase.dart
new file mode 100644
index 0000000..c497b8a
--- /dev/null
+++ b/src/dart/core/lib/src/utils/uppercase.dart
@@ -0,0 +1,596 @@
+/// JavaScript-compatible Unicode uppercasing for the initials feature.
+///
+/// `String.toUpperCase()` on the Dart VM applies only simple (1:1) case
+/// mappings, while the JavaScript reference (and dart2js, which delegates to
+/// the host) applies full Unicode case mapping — `ß` becomes `SS`, the `fi`
+/// ligature becomes `FI`, and Greek iota-subscript forms expand to two
+/// letters. Without the overrides below, the same package would produce
+/// different initials on the VM than on the web, and both could diverge from
+/// the other language ports (Go uses `golang.org/x/text` for the same
+/// reason).
+library;
+
+/// Uppercases [value] with full Unicode case mapping, matching
+/// `String.prototype.toUpperCase` of the JavaScript reference.
+String jsToUpperCase(String value) {
+  final buffer = StringBuffer();
+
+  for (final rune in value.runes) {
+    final override = _overrides[rune];
+
+    if (override != null) {
+      buffer.write(override);
+    } else {
+      buffer.write(String.fromCharCode(rune).toUpperCase());
+    }
+  }
+
+  return buffer.toString();
+}
+
+// Every code point whose JavaScript full uppercase mapping differs from the
+// Dart VM's simple mapping. Regenerate when the bundled Dart SDK or the host
+// JS engine moves to a new Unicode version, by diffing the two mappings over
+// all of Unicode:
+//
+//   1. With Node:  for every code point 0x0..0x10FFFF except the surrogate
+//      range 0xD800..0xDFFF, record String.fromCodePoint(cp).toUpperCase().
+//   2. With the Dart VM: for each, compare String.fromCharCode(cp)
+//      .toUpperCase() against the Node value; keep the entries that differ.
+//   3. Emit them here as `0xXXXX: '<js value>'`, sorted by code point, with
+//      non-ASCII output written as `\u{...}` escapes.
+//
+// The verified invariant: this set equals exactly the code points where the
+// VM's simple mapping disagrees with the host's full mapping (no missing, no
+// redundant entries), so on the VM the table supplies the full mapping and on
+// the web it reproduces the host result the fallback would already give.
+const Map<int, String> _overrides = {
+  0x00df: 'SS',
+  0x0149: '\u{2bc}N',
+  0x019b: '\u{a7dc}',
+  0x01f0: 'J\u{30c}',
+  0x023f: '\u{2c7e}',
+  0x0240: '\u{2c7f}',
+  0x0252: '\u{2c70}',
+  0x025c: '\u{a7ab}',
+  0x0261: '\u{a7ac}',
+  0x0264: '\u{a7cb}',
+  0x0265: '\u{a78d}',
+  0x0266: '\u{a7aa}',
+  0x026a: '\u{a7ae}',
+  0x026c: '\u{a7ad}',
+  0x0282: '\u{a7c5}',
+  0x0287: '\u{a7b1}',
+  0x029d: '\u{a7b2}',
+  0x029e: '\u{a7b0}',
+  0x0390: '\u{399}\u{308}\u{301}',
+  0x03b0: '\u{3a5}\u{308}\u{301}',
+  0x03f3: '\u{37f}',
+  0x0525: '\u{524}',
+  0x0527: '\u{526}',
+  0x0529: '\u{528}',
+  0x052b: '\u{52a}',
+  0x052d: '\u{52c}',
+  0x052f: '\u{52e}',
+  0x0587: '\u{535}\u{552}',
+  0x10d0: '\u{1c90}',
+  0x10d1: '\u{1c91}',
+  0x10d2: '\u{1c92}',
+  0x10d3: '\u{1c93}',
+  0x10d4: '\u{1c94}',
+  0x10d5: '\u{1c95}',
+  0x10d6: '\u{1c96}',
+  0x10d7: '\u{1c97}',
+  0x10d8: '\u{1c98}',
+  0x10d9: '\u{1c99}',
+  0x10da: '\u{1c9a}',
+  0x10db: '\u{1c9b}',
+  0x10dc: '\u{1c9c}',
+  0x10dd: '\u{1c9d}',
+  0x10de: '\u{1c9e}',
+  0x10df: '\u{1c9f}',
+  0x10e0: '\u{1ca0}',
+  0x10e1: '\u{1ca1}',
+  0x10e2: '\u{1ca2}',
+  0x10e3: '\u{1ca3}',
+  0x10e4: '\u{1ca4}',
+  0x10e5: '\u{1ca5}',
+  0x10e6: '\u{1ca6}',
+  0x10e7: '\u{1ca7}',
+  0x10e8: '\u{1ca8}',
+  0x10e9: '\u{1ca9}',
+  0x10ea: '\u{1caa}',
+  0x10eb: '\u{1cab}',
+  0x10ec: '\u{1cac}',
+  0x10ed: '\u{1cad}',
+  0x10ee: '\u{1cae}',
+  0x10ef: '\u{1caf}',
+  0x10f0: '\u{1cb0}',
+  0x10f1: '\u{1cb1}',
+  0x10f2: '\u{1cb2}',
+  0x10f3: '\u{1cb3}',
+  0x10f4: '\u{1cb4}',
+  0x10f5: '\u{1cb5}',
+  0x10f6: '\u{1cb6}',
+  0x10f7: '\u{1cb7}',
+  0x10f8: '\u{1cb8}',
+  0x10f9: '\u{1cb9}',
+  0x10fa: '\u{1cba}',
+  0x10fd: '\u{1cbd}',
+  0x10fe: '\u{1cbe}',
+  0x10ff: '\u{1cbf}',
+  0x13f8: '\u{13f0}',
+  0x13f9: '\u{13f1}',
+  0x13fa: '\u{13f2}',
+  0x13fb: '\u{13f3}',
+  0x13fc: '\u{13f4}',
+  0x13fd: '\u{13f5}',
+  0x1c80: '\u{412}',
+  0x1c81: '\u{414}',
+  0x1c82: '\u{41e}',
+  0x1c83: '\u{421}',
+  0x1c84: '\u{422}',
+  0x1c85: '\u{422}',
+  0x1c86: '\u{42a}',
+  0x1c87: '\u{462}',
+  0x1c88: '\u{a64a}',
+  0x1c8a: '\u{1c89}',
+  0x1d8e: '\u{a7c6}',
+  0x1e96: 'H\u{331}',
+  0x1e97: 'T\u{308}',
+  0x1e98: 'W\u{30a}',
+  0x1e99: 'Y\u{30a}',
+  0x1e9a: 'A\u{2be}',
+  0x1f50: '\u{3a5}\u{313}',
+  0x1f52: '\u{3a5}\u{313}\u{300}',
+  0x1f54: '\u{3a5}\u{313}\u{301}',
+  0x1f56: '\u{3a5}\u{313}\u{342}',
+  0x1f80: '\u{1f08}\u{399}',
+  0x1f81: '\u{1f09}\u{399}',
+  0x1f82: '\u{1f0a}\u{399}',
+  0x1f83: '\u{1f0b}\u{399}',
+  0x1f84: '\u{1f0c}\u{399}',
+  0x1f85: '\u{1f0d}\u{399}',
+  0x1f86: '\u{1f0e}\u{399}',
+  0x1f87: '\u{1f0f}\u{399}',
+  0x1f88: '\u{1f08}\u{399}',
+  0x1f89: '\u{1f09}\u{399}',
+  0x1f8a: '\u{1f0a}\u{399}',
+  0x1f8b: '\u{1f0b}\u{399}',
+  0x1f8c: '\u{1f0c}\u{399}',
+  0x1f8d: '\u{1f0d}\u{399}',
+  0x1f8e: '\u{1f0e}\u{399}',
+  0x1f8f: '\u{1f0f}\u{399}',
+  0x1f90: '\u{1f28}\u{399}',
+  0x1f91: '\u{1f29}\u{399}',
+  0x1f92: '\u{1f2a}\u{399}',
+  0x1f93: '\u{1f2b}\u{399}',
+  0x1f94: '\u{1f2c}\u{399}',
+  0x1f95: '\u{1f2d}\u{399}',
+  0x1f96: '\u{1f2e}\u{399}',
+  0x1f97: '\u{1f2f}\u{399}',
+  0x1f98: '\u{1f28}\u{399}',
+  0x1f99: '\u{1f29}\u{399}',
+  0x1f9a: '\u{1f2a}\u{399}',
+  0x1f9b: '\u{1f2b}\u{399}',
+  0x1f9c: '\u{1f2c}\u{399}',
+  0x1f9d: '\u{1f2d}\u{399}',
+  0x1f9e: '\u{1f2e}\u{399}',
+  0x1f9f: '\u{1f2f}\u{399}',
+  0x1fa0: '\u{1f68}\u{399}',
+  0x1fa1: '\u{1f69}\u{399}',
+  0x1fa2: '\u{1f6a}\u{399}',
+  0x1fa3: '\u{1f6b}\u{399}',
+  0x1fa4: '\u{1f6c}\u{399}',
+  0x1fa5: '\u{1f6d}\u{399}',
+  0x1fa6: '\u{1f6e}\u{399}',
+  0x1fa7: '\u{1f6f}\u{399}',
+  0x1fa8: '\u{1f68}\u{399}',
+  0x1fa9: '\u{1f69}\u{399}',
+  0x1faa: '\u{1f6a}\u{399}',
+  0x1fab: '\u{1f6b}\u{399}',
+  0x1fac: '\u{1f6c}\u{399}',
+  0x1fad: '\u{1f6d}\u{399}',
+  0x1fae: '\u{1f6e}\u{399}',
+  0x1faf: '\u{1f6f}\u{399}',
+  0x1fb2: '\u{1fba}\u{399}',
+  0x1fb3: '\u{391}\u{399}',
+  0x1fb4: '\u{386}\u{399}',
+  0x1fb6: '\u{391}\u{342}',
+  0x1fb7: '\u{391}\u{342}\u{399}',
+  0x1fbc: '\u{391}\u{399}',
+  0x1fc2: '\u{1fca}\u{399}',
+  0x1fc3: '\u{397}\u{399}',
+  0x1fc4: '\u{389}\u{399}',
+  0x1fc6: '\u{397}\u{342}',
+  0x1fc7: '\u{397}\u{342}\u{399}',
+  0x1fcc: '\u{397}\u{399}',
+  0x1fd2: '\u{399}\u{308}\u{300}',
+  0x1fd3: '\u{399}\u{308}\u{301}',
+  0x1fd6: '\u{399}\u{342}',
+  0x1fd7: '\u{399}\u{308}\u{342}',
+  0x1fe2: '\u{3a5}\u{308}\u{300}',
+  0x1fe3: '\u{3a5}\u{308}\u{301}',
+  0x1fe4: '\u{3a1}\u{313}',
+  0x1fe6: '\u{3a5}\u{342}',
+  0x1fe7: '\u{3a5}\u{308}\u{342}',
+  0x1ff2: '\u{1ffa}\u{399}',
+  0x1ff3: '\u{3a9}\u{399}',
+  0x1ff4: '\u{38f}\u{399}',
+  0x1ff6: '\u{3a9}\u{342}',
+  0x1ff7: '\u{3a9}\u{342}\u{399}',
+  0x1ffc: '\u{3a9}\u{399}',
+  0x2c5f: '\u{2c2f}',
+  0x2cec: '\u{2ceb}',
+  0x2cee: '\u{2ced}',
+  0x2cf3: '\u{2cf2}',
+  0x2d27: '\u{10c7}',
+  0x2d2d: '\u{10cd}',
+  0xa661: '\u{a660}',
+  0xa699: '\u{a698}',
+  0xa69b: '\u{a69a}',
+  0xa791: '\u{a790}',
+  0xa793: '\u{a792}',
+  0xa794: '\u{a7c4}',
+  0xa797: '\u{a796}',
+  0xa799: '\u{a798}',
+  0xa79b: '\u{a79a}',
+  0xa79d: '\u{a79c}',
+  0xa79f: '\u{a79e}',
+  0xa7a1: '\u{a7a0}',
+  0xa7a3: '\u{a7a2}',
+  0xa7a5: '\u{a7a4}',
+  0xa7a7: '\u{a7a6}',
+  0xa7a9: '\u{a7a8}',
+  0xa7b5: '\u{a7b4}',
+  0xa7b7: '\u{a7b6}',
+  0xa7b9: '\u{a7b8}',
+  0xa7bb: '\u{a7ba}',
+  0xa7bd: '\u{a7bc}',
+  0xa7bf: '\u{a7be}',
+  0xa7c1: '\u{a7c0}',
+  0xa7c3: '\u{a7c2}',
+  0xa7c8: '\u{a7c7}',
+  0xa7ca: '\u{a7c9}',
+  0xa7cd: '\u{a7cc}',
+  0xa7d1: '\u{a7d0}',
+  0xa7d7: '\u{a7d6}',
+  0xa7d9: '\u{a7d8}',
+  0xa7db: '\u{a7da}',
+  0xa7f6: '\u{a7f5}',
+  0xab53: '\u{a7b3}',
+  0xab70: '\u{13a0}',
+  0xab71: '\u{13a1}',
+  0xab72: '\u{13a2}',
+  0xab73: '\u{13a3}',
+  0xab74: '\u{13a4}',
+  0xab75: '\u{13a5}',
+  0xab76: '\u{13a6}',
+  0xab77: '\u{13a7}',
+  0xab78: '\u{13a8}',
+  0xab79: '\u{13a9}',
+  0xab7a: '\u{13aa}',
+  0xab7b: '\u{13ab}',
+  0xab7c: '\u{13ac}',
+  0xab7d: '\u{13ad}',
+  0xab7e: '\u{13ae}',
+  0xab7f: '\u{13af}',
+  0xab80: '\u{13b0}',
+  0xab81: '\u{13b1}',
+  0xab82: '\u{13b2}',
+  0xab83: '\u{13b3}',
+  0xab84: '\u{13b4}',
+  0xab85: '\u{13b5}',
+  0xab86: '\u{13b6}',
+  0xab87: '\u{13b7}',
+  0xab88: '\u{13b8}',
+  0xab89: '\u{13b9}',
+  0xab8a: '\u{13ba}',
+  0xab8b: '\u{13bb}',
+  0xab8c: '\u{13bc}',
+  0xab8d: '\u{13bd}',
+  0xab8e: '\u{13be}',
+  0xab8f: '\u{13bf}',
+  0xab90: '\u{13c0}',
+  0xab91: '\u{13c1}',
+  0xab92: '\u{13c2}',
+  0xab93: '\u{13c3}',
+  0xab94: '\u{13c4}',
+  0xab95: '\u{13c5}',
+  0xab96: '\u{13c6}',
+  0xab97: '\u{13c7}',
+  0xab98: '\u{13c8}',
+  0xab99: '\u{13c9}',
+  0xab9a: '\u{13ca}',
+  0xab9b: '\u{13cb}',
+  0xab9c: '\u{13cc}',
+  0xab9d: '\u{13cd}',
+  0xab9e: '\u{13ce}',
+  0xab9f: '\u{13cf}',
+  0xaba0: '\u{13d0}',
+  0xaba1: '\u{13d1}',
+  0xaba2: '\u{13d2}',
+  0xaba3: '\u{13d3}',
+  0xaba4: '\u{13d4}',
+  0xaba5: '\u{13d5}',
+  0xaba6: '\u{13d6}',
+  0xaba7: '\u{13d7}',
+  0xaba8: '\u{13d8}',
+  0xaba9: '\u{13d9}',
+  0xabaa: '\u{13da}',
+  0xabab: '\u{13db}',
+  0xabac: '\u{13dc}',
+  0xabad: '\u{13dd}',
+  0xabae: '\u{13de}',
+  0xabaf: '\u{13df}',
+  0xabb0: '\u{13e0}',
+  0xabb1: '\u{13e1}',
+  0xabb2: '\u{13e2}',
+  0xabb3: '\u{13e3}',
+  0xabb4: '\u{13e4}',
+  0xabb5: '\u{13e5}',
+  0xabb6: '\u{13e6}',
+  0xabb7: '\u{13e7}',
+  0xabb8: '\u{13e8}',
+  0xabb9: '\u{13e9}',
+  0xabba: '\u{13ea}',
+  0xabbb: '\u{13eb}',
+  0xabbc: '\u{13ec}',
+  0xabbd: '\u{13ed}',
+  0xabbe: '\u{13ee}',
+  0xabbf: '\u{13ef}',
+  0xfb00: 'FF',
+  0xfb01: 'FI',
+  0xfb02: 'FL',
+  0xfb03: 'FFI',
+  0xfb04: 'FFL',
+  0xfb05: 'ST',
+  0xfb06: 'ST',
+  0xfb13: '\u{544}\u{546}',
+  0xfb14: '\u{544}\u{535}',
+  0xfb15: '\u{544}\u{53b}',
+  0xfb16: '\u{54e}\u{546}',
+  0xfb17: '\u{544}\u{53d}',
+  0x104d8: '\u{104b0}',
+  0x104d9: '\u{104b1}',
+  0x104da: '\u{104b2}',
+  0x104db: '\u{104b3}',
+  0x104dc: '\u{104b4}',
+  0x104dd: '\u{104b5}',
+  0x104de: '\u{104b6}',
+  0x104df: '\u{104b7}',
+  0x104e0: '\u{104b8}',
+  0x104e1: '\u{104b9}',
+  0x104e2: '\u{104ba}',
+  0x104e3: '\u{104bb}',
+  0x104e4: '\u{104bc}',
+  0x104e5: '\u{104bd}',
+  0x104e6: '\u{104be}',
+  0x104e7: '\u{104bf}',
+  0x104e8: '\u{104c0}',
+  0x104e9: '\u{104c1}',
+  0x104ea: '\u{104c2}',
+  0x104eb: '\u{104c3}',
+  0x104ec: '\u{104c4}',
+  0x104ed: '\u{104c5}',
+  0x104ee: '\u{104c6}',
+  0x104ef: '\u{104c7}',
+  0x104f0: '\u{104c8}',
+  0x104f1: '\u{104c9}',
+  0x104f2: '\u{104ca}',
+  0x104f3: '\u{104cb}',
+  0x104f4: '\u{104cc}',
+  0x104f5: '\u{104cd}',
+  0x104f6: '\u{104ce}',
+  0x104f7: '\u{104cf}',
+  0x104f8: '\u{104d0}',
+  0x104f9: '\u{104d1}',
+  0x104fa: '\u{104d2}',
+  0x104fb: '\u{104d3}',
+  0x10597: '\u{10570}',
+  0x10598: '\u{10571}',
+  0x10599: '\u{10572}',
+  0x1059a: '\u{10573}',
+  0x1059b: '\u{10574}',
+  0x1059c: '\u{10575}',
+  0x1059d: '\u{10576}',
+  0x1059e: '\u{10577}',
+  0x1059f: '\u{10578}',
+  0x105a0: '\u{10579}',
+  0x105a1: '\u{1057a}',
+  0x105a3: '\u{1057c}',
+  0x105a4: '\u{1057d}',
+  0x105a5: '\u{1057e}',
+  0x105a6: '\u{1057f}',
+  0x105a7: '\u{10580}',
+  0x105a8: '\u{10581}',
+  0x105a9: '\u{10582}',
+  0x105aa: '\u{10583}',
+  0x105ab: '\u{10584}',
+  0x105ac: '\u{10585}',
+  0x105ad: '\u{10586}',
+  0x105ae: '\u{10587}',
+  0x105af: '\u{10588}',
+  0x105b0: '\u{10589}',
+  0x105b1: '\u{1058a}',
+  0x105b3: '\u{1058c}',
+  0x105b4: '\u{1058d}',
+  0x105b5: '\u{1058e}',
+  0x105b6: '\u{1058f}',
+  0x105b7: '\u{10590}',
+  0x105b8: '\u{10591}',
+  0x105b9: '\u{10592}',
+  0x105bb: '\u{10594}',
+  0x105bc: '\u{10595}',
+  0x10cc0: '\u{10c80}',
+  0x10cc1: '\u{10c81}',
+  0x10cc2: '\u{10c82}',
+  0x10cc3: '\u{10c83}',
+  0x10cc4: '\u{10c84}',
+  0x10cc5: '\u{10c85}',
+  0x10cc6: '\u{10c86}',
+  0x10cc7: '\u{10c87}',
+  0x10cc8: '\u{10c88}',
+  0x10cc9: '\u{10c89}',
+  0x10cca: '\u{10c8a}',
+  0x10ccb: '\u{10c8b}',
+  0x10ccc: '\u{10c8c}',
+  0x10ccd: '\u{10c8d}',
+  0x10cce: '\u{10c8e}',
+  0x10ccf: '\u{10c8f}',
+  0x10cd0: '\u{10c90}',
+  0x10cd1: '\u{10c91}',
+  0x10cd2: '\u{10c92}',
+  0x10cd3: '\u{10c93}',
+  0x10cd4: '\u{10c94}',
+  0x10cd5: '\u{10c95}',
+  0x10cd6: '\u{10c96}',
+  0x10cd7: '\u{10c97}',
+  0x10cd8: '\u{10c98}',
+  0x10cd9: '\u{10c99}',
+  0x10cda: '\u{10c9a}',
+  0x10cdb: '\u{10c9b}',
+  0x10cdc: '\u{10c9c}',
+  0x10cdd: '\u{10c9d}',
+  0x10cde: '\u{10c9e}',
+  0x10cdf: '\u{10c9f}',
+  0x10ce0: '\u{10ca0}',
+  0x10ce1: '\u{10ca1}',
+  0x10ce2: '\u{10ca2}',
+  0x10ce3: '\u{10ca3}',
+  0x10ce4: '\u{10ca4}',
+  0x10ce5: '\u{10ca5}',
+  0x10ce6: '\u{10ca6}',
+  0x10ce7: '\u{10ca7}',
+  0x10ce8: '\u{10ca8}',
+  0x10ce9: '\u{10ca9}',
+  0x10cea: '\u{10caa}',
+  0x10ceb: '\u{10cab}',
+  0x10cec: '\u{10cac}',
+  0x10ced: '\u{10cad}',
+  0x10cee: '\u{10cae}',
+  0x10cef: '\u{10caf}',
+  0x10cf0: '\u{10cb0}',
+  0x10cf1: '\u{10cb1}',
+  0x10cf2: '\u{10cb2}',
+  0x10d70: '\u{10d50}',
+  0x10d71: '\u{10d51}',
+  0x10d72: '\u{10d52}',
+  0x10d73: '\u{10d53}',
+  0x10d74: '\u{10d54}',
+  0x10d75: '\u{10d55}',
+  0x10d76: '\u{10d56}',
+  0x10d77: '\u{10d57}',
+  0x10d78: '\u{10d58}',
+  0x10d79: '\u{10d59}',
+  0x10d7a: '\u{10d5a}',
+  0x10d7b: '\u{10d5b}',
+  0x10d7c: '\u{10d5c}',
+  0x10d7d: '\u{10d5d}',
+  0x10d7e: '\u{10d5e}',
+  0x10d7f: '\u{10d5f}',
+  0x10d80: '\u{10d60}',
+  0x10d81: '\u{10d61}',
+  0x10d82: '\u{10d62}',
+  0x10d83: '\u{10d63}',
+  0x10d84: '\u{10d64}',
+  0x10d85: '\u{10d65}',
+  0x118c0: '\u{118a0}',
+  0x118c1: '\u{118a1}',
+  0x118c2: '\u{118a2}',
+  0x118c3: '\u{118a3}',
+  0x118c4: '\u{118a4}',
+  0x118c5: '\u{118a5}',
+  0x118c6: '\u{118a6}',
+  0x118c7: '\u{118a7}',
+  0x118c8: '\u{118a8}',
+  0x118c9: '\u{118a9}',
+  0x118ca: '\u{118aa}',
+  0x118cb: '\u{118ab}',
+  0x118cc: '\u{118ac}',
+  0x118cd: '\u{118ad}',
+  0x118ce: '\u{118ae}',
+  0x118cf: '\u{118af}',
+  0x118d0: '\u{118b0}',
+  0x118d1: '\u{118b1}',
+  0x118d2: '\u{118b2}',
+  0x118d3: '\u{118b3}',
+  0x118d4: '\u{118b4}',
+  0x118d5: '\u{118b5}',
+  0x118d6: '\u{118b6}',
+  0x118d7: '\u{118b7}',
+  0x118d8: '\u{118b8}',
+  0x118d9: '\u{118b9}',
+  0x118da: '\u{118ba}',
+  0x118db: '\u{118bb}',
+  0x118dc: '\u{118bc}',
+  0x118dd: '\u{118bd}',
+  0x118de: '\u{118be}',
+  0x118df: '\u{118bf}',
+  0x16e60: '\u{16e40}',
+  0x16e61: '\u{16e41}',
+  0x16e62: '\u{16e42}',
+  0x16e63: '\u{16e43}',
+  0x16e64: '\u{16e44}',
+  0x16e65: '\u{16e45}',
+  0x16e66: '\u{16e46}',
+  0x16e67: '\u{16e47}',
+  0x16e68: '\u{16e48}',
+  0x16e69: '\u{16e49}',
+  0x16e6a: '\u{16e4a}',
+  0x16e6b: '\u{16e4b}',
+  0x16e6c: '\u{16e4c}',
+  0x16e6d: '\u{16e4d}',
+  0x16e6e: '\u{16e4e}',
+  0x16e6f: '\u{16e4f}',
+  0x16e70: '\u{16e50}',
+  0x16e71: '\u{16e51}',
+  0x16e72: '\u{16e52}',
+  0x16e73: '\u{16e53}',
+  0x16e74: '\u{16e54}',
+  0x16e75: '\u{16e55}',
+  0x16e76: '\u{16e56}',
+  0x16e77: '\u{16e57}',
+  0x16e78: '\u{16e58}',
+  0x16e79: '\u{16e59}',
+  0x16e7a: '\u{16e5a}',
+  0x16e7b: '\u{16e5b}',
+  0x16e7c: '\u{16e5c}',
+  0x16e7d: '\u{16e5d}',
+  0x16e7e: '\u{16e5e}',
+  0x16e7f: '\u{16e5f}',
+  0x1e922: '\u{1e900}',
+  0x1e923: '\u{1e901}',
+  0x1e924: '\u{1e902}',
+  0x1e925: '\u{1e903}',
+  0x1e926: '\u{1e904}',
+  0x1e927: '\u{1e905}',
+  0x1e928: '\u{1e906}',
+  0x1e929: '\u{1e907}',
+  0x1e92a: '\u{1e908}',
+  0x1e92b: '\u{1e909}',
+  0x1e92c: '\u{1e90a}',
+  0x1e92d: '\u{1e90b}',
+  0x1e92e: '\u{1e90c}',
+  0x1e92f: '\u{1e90d}',
+  0x1e930: '\u{1e90e}',
+  0x1e931: '\u{1e90f}',
+  0x1e932: '\u{1e910}',
+  0x1e933: '\u{1e911}',
+  0x1e934: '\u{1e912}',
+  0x1e935: '\u{1e913}',
+  0x1e936: '\u{1e914}',
+  0x1e937: '\u{1e915}',
+  0x1e938: '\u{1e916}',
+  0x1e939: '\u{1e917}',
+  0x1e93a: '\u{1e918}',
+  0x1e93b: '\u{1e919}',
+  0x1e93c: '\u{1e91a}',
+  0x1e93d: '\u{1e91b}',
+  0x1e93e: '\u{1e91c}',
+  0x1e93f: '\u{1e91d}',
+  0x1e940: '\u{1e91e}',
+  0x1e941: '\u{1e91f}',
+  0x1e942: '\u{1e920}',
+  0x1e943: '\u{1e921}',
+};
diff --git a/src/dart/core/lib/src/utils/xml.dart b/src/dart/core/lib/src/utils/xml.dart
new file mode 100644
index 0000000..9b129a0
--- /dev/null
+++ b/src/dart/core/lib/src/utils/xml.dart
@@ -0,0 +1,18 @@
+/// Minimal XML escaping helper for SVG/XML text and attribute content.
+library;
+
+const _entities = <String, String>{
+  '&': '&amp;',
+  "'": '&apos;',
+  '"': '&quot;',
+  '<': '&lt;',
+  '>': '&gt;',
+};
+
+final _pattern = RegExp('[&\'"<>]');
+
+/// Returns [value] with the five XML predefined entities escaped, in a
+/// single pass like the JS port's regex replace.
+String escapeXml(String value) {
+  return value.replaceAllMapped(_pattern, (match) => _entities[match[0]]!);
+}
diff --git a/src/dart/core/lib/src/validator/options_validator.dart b/src/dart/core/lib/src/validator/options_validator.dart
new file mode 100644
index 0000000..170c196
--- /dev/null
+++ b/src/dart/core/lib/src/validator/options_validator.dart
@@ -0,0 +1,31 @@
+/// Runtime validation of avatar options against the shared draft-07 JSON
+/// Schema, which ships as the pure-data `dicebear_schema` package.
+///
+/// The compiled validator matches the Ajv/opis/jsonschema-rs/santhosh-tekuri
+/// validators used by the other language ports: every port must accept and
+/// reject the same inputs (pinned by the `validation.json` parity fixture);
+/// only the error message text is language-specific.
+library;
+
+import 'package:dicebear_schema/dicebear_schema.dart' as dicebear_schema;
+import 'package:json_schema/json_schema.dart' as json_schema;
+
+import '../error/options_validation_error.dart';
+import 'validator.dart';
+
+// A top-level `final` variable is initialized lazily on first read, so the
+// schema is parsed and compiled exactly once and reused afterwards.
+final json_schema.JsonSchema _optionsSchema = compileSchema(
+  'options.min.json',
+  dicebear_schema.options,
+);
+
+/// Throws an [OptionsValidationError] when [data] violates the options
+/// schema.
+void validateOptions(Object? data) {
+  final details = collectErrors(_optionsSchema, data);
+
+  if (details.isNotEmpty) {
+    throw OptionsValidationError(details);
+  }
+}
diff --git a/src/dart/core/lib/src/validator/style_validator.dart b/src/dart/core/lib/src/validator/style_validator.dart
new file mode 100644
index 0000000..79a8ee6
--- /dev/null
+++ b/src/dart/core/lib/src/validator/style_validator.dart
@@ -0,0 +1,31 @@
+/// Runtime validation of style definitions against the shared draft-07 JSON
+/// Schema, which ships as the pure-data `dicebear_schema` package.
+///
+/// The compiled validator matches the Ajv/opis/jsonschema-rs/santhosh-tekuri
+/// validators used by the other language ports: every port must accept and
+/// reject the same inputs (pinned by the `validation.json` parity fixture);
+/// only the error message text is language-specific.
+library;
+
+import 'package:dicebear_schema/dicebear_schema.dart' as dicebear_schema;
+import 'package:json_schema/json_schema.dart' as json_schema;
+
+import '../error/style_validation_error.dart';
+import 'validator.dart';
+
+// A top-level `final` variable is initialized lazily on first read, so the
+// schema is parsed and compiled exactly once and reused afterwards.
+final json_schema.JsonSchema _definitionSchema = compileSchema(
+  'definition.min.json',
+  dicebear_schema.definition,
+);
+
+/// Throws a [StyleValidationError] when [data] violates the style definition
+/// schema.
+void validateStyle(Object? data) {
+  final details = collectErrors(_definitionSchema, data);
+
+  if (details.isNotEmpty) {
+    throw StyleValidationError(details);
+  }
+}
diff --git a/src/dart/core/lib/src/validator/validator.dart b/src/dart/core/lib/src/validator/validator.dart
new file mode 100644
index 0000000..db41e07
--- /dev/null
+++ b/src/dart/core/lib/src/validator/validator.dart
@@ -0,0 +1,95 @@
+/// Shared plumbing for the style and options validators: schema compilation
+/// and the mapping from `json_schema` failures to [ValidationErrorDetail].
+///
+/// The JS port has no counterpart for this file — its validators are
+/// standalone code generated by Ajv at build time. Here the two validators
+/// compile their schema at runtime instead and share this helper.
+library;
+
+import 'package:json_schema/json_schema.dart' as json_schema;
+
+import '../error/validation_error.dart';
+
+/// The schemas are registered under their published CDN URIs, mirroring the
+/// Go port: a relative or filesystem-derived base URI would leak the
+/// consumer's environment into validation error output. Keep the version in
+/// sync with the `dicebear_schema` dependency in `pubspec.yaml`.
+const String schemaBaseUrl =
+    'https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/';
+
+/// Compiles a draft-07 schema from its raw JSON [raw], registered under
+/// [schemaBaseUrl] + [name].
+json_schema.JsonSchema compileSchema(String name, String raw) {
+  // The embedded schemas only use internal `#/definitions/...` references, so
+  // the synchronous, fetch-free `create` is sufficient.
+  return json_schema.JsonSchema.create(
+    raw,
+    schemaVersion: json_schema.SchemaVersion.draft7,
+    fetchedFromUri: Uri.parse('$schemaBaseUrl$name'),
+  );
+}
+
+/// Validates [data] against [schema] and maps every failure to a
+/// [ValidationErrorDetail]. An empty result means the data is valid.
+///
+/// Unlike Ajv (which stops at the first violation), every failure is
+/// reported; only accept/reject decisions are parity-pinned, the detail
+/// list and message text are not.
+List<ValidationErrorDetail> collectErrors(
+  json_schema.JsonSchema schema,
+  Object? data,
+) {
+  // JSON cannot represent non-finite numbers, and the Ajv-compiled
+  // validators of the JS reference reject them wherever a number is allowed
+  // (`type: "number"` compiles to `typeof data == "number" && isFinite(data)`).
+  // `package:json_schema` only checks `is num`, and its minimum/maximum
+  // comparisons are always false for NaN — without this walk, Dart would be
+  // the only port to accept NaN/Infinity (Go validates marshalled JSON bytes
+  // and Rust's JSON numbers cannot hold them) and would render broken SVG
+  // like `viewBox="0 0 NaN 100"`.
+  final nonFinite = <ValidationErrorDetail>[];
+  _collectNonFinite(data, '', nonFinite);
+
+  if (nonFinite.isNotEmpty) {
+    return nonFinite;
+  }
+
+  final results = schema.validate(data);
+
+  return [
+    for (final error in results.errors)
+      ValidationErrorDetail(
+        instancePath: error.instancePath,
+        message: error.message,
+      ),
+  ];
+}
+
+void _collectNonFinite(
+  Object? node,
+  String path,
+  List<ValidationErrorDetail> out,
+) {
+  if (node is double && !node.isFinite) {
+    out.add(
+      ValidationErrorDetail(
+        instancePath: path,
+        message: 'must be a finite number',
+      ),
+    );
+  } else if (node is List) {
+    for (var i = 0; i < node.length; i++) {
+      _collectNonFinite(node[i], '$path/$i', out);
+    }
+  } else if (node is Map) {
+    for (final entry in node.entries) {
+      _collectNonFinite(
+          entry.value, '$path/${_pointerSegment(entry.key)}', out);
+    }
+  }
+}
+
+/// Escapes a JSON pointer segment per RFC 6901 (`~` → `~0`, `/` → `~1`).
+String _pointerSegment(Object? key) {
+  return key.toString().replaceAll('~', '~0').replaceAll('/', '~1');
+}
diff --git a/src/dart/core/pubspec.yaml b/src/dart/core/pubspec.yaml
new file mode 100644
index 0000000..19a50a8
--- /dev/null
+++ b/src/dart/core/pubspec.yaml
@@ -0,0 +1,28 @@
+name: dicebear_core
+description: >-
+  Unique avatars from dozens of styles — deterministic, customizable,
+  vector-based.
+version: 10.3.0
+repository: https://github.com/dicebear/dicebear
+homepage: https://www.dicebear.com
+topics:
+  - avatar
+  - identicon
+  - svg
+  - dicebear
+
+environment:
+  sdk: ^3.4.0
+
+dependencies:
+  # The shared draft-07 JSON Schemas (style definition format and avatar
+  # options), shipped as a pure-data package.
+  dicebear_schema: ^1.2.0
+  # Runtime validation of style definitions and options against those schemas,
+  # matching the Ajv/opis/jsonschema-rs/santhosh-tekuri validators used by the
+  # other language ports.
+  json_schema: ^5.2.2
+
+dev_dependencies:
+  lints: ^4.0.0
+  test: ^1.25.0
diff --git a/src/dart/core/test/api_test.dart b/src/dart/core/test/api_test.dart
new file mode 100644
index 0000000..c113d94
--- /dev/null
+++ b/src/dart/core/test/api_test.dart
@@ -0,0 +1,422 @@
+// Public-API behavior tests, ported from the Go api_test.go and Rust api.rs
+// suites (minus the Go/Rust-specific JSON-escaping and schema-URI tests, plus
+// the renderer/avatar behaviors the Python suite pins). These run without the
+// parity fixtures, so they also cover the split pub.dev repository.
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:test/test.dart';
+
+Map<String, Object?> _decode(String json) =>
+    jsonDecode(json) as Map<String, Object?>;
+
+final Map<String, Object?> _minimalStyle =
+    _decode('{"canvas":{"width":100,"height":100,"elements":[]}}');
+
+// A style whose canvas declares its own defs entry plus a reference to it —
+// the Python suite's idRandomization style.
+final Map<String, Object?> _styleWithIds = _decode('''
+{
+  "canvas": {
+    "width": 100,
+    "height": 100,
+    "elements": [
+      {
+        "type": "element",
+        "name": "defs",
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": { "id": "grad1" },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": { "offset": "0%", "stop-color": "red" }
+              }
+            ]
+          }
+        ]
+      },
+      { "type": "element", "name": "rect", "attributes": { "fill": "url(#grad1)" } }
+    ]
+  }
+}
+''');
+
+void main() {
+  group('Style.parse', () {
+    // The raw JSON string is what the dicebear_styles package ships, so
+    // Style.parse(constant) is the primary consumer entry point.
+    final json = jsonEncode(_minimalStyle);
+
+    test('parses a raw JSON definition equivalently to the map constructor',
+        () {
+      final fromString = Avatar(Style.parse(json), {'seed': 'x'});
+      final fromMap = Avatar(Style(_minimalStyle), {'seed': 'x'});
+
+      expect(fromString.svg, fromMap.svg);
+    });
+
+    test('throws FormatException on malformed JSON', () {
+      // Mirrors int.parse / jsonDecode: a parse failure is a FormatException,
+      // distinct from a schema failure.
+      expect(() => Style.parse('not json'), throwsFormatException);
+    });
+
+    test('throws StyleValidationError on a schema-invalid definition', () {
+      expect(() => Style.parse('{}'), throwsA(isA<StyleValidationError>()));
+    });
+
+    test('throws StyleValidationError when the JSON is not an object', () {
+      // Valid JSON, wrong shape: fails as a validation error, not a cast error.
+      expect(() => Style.parse('[]'), throwsA(isA<StyleValidationError>()));
+    });
+  });
+
+  test('toJson exposes svg and resolved options', () {
+    final avatar = Avatar(Style(_minimalStyle), {'seed': 'x'});
+    final json = avatar.toJson();
+    final options = json['options'] as Map<String, Object?>;
+
+    expect(json['svg'], avatar.svg);
+    // The resolved options carry the picked values but never the raw seed.
+    expect(options['flip'], 'none');
+    expect(options.containsKey('seed'), isFalse);
+  });
+
+  test('options descriptor describes components and colors', () {
+    final style = Style(_decode('''
+    {
+      "canvas": { "width": 100, "height": 100, "elements": [] },
+      "components": {
+        "shape": { "width": 100, "height": 100, "variants": { "a": { "elements": [] }, "b": { "elements": [] } } }
+      },
+      "colors": { "fill": { "values": ["#000000"] } }
+    }
+    '''));
+
+    final descriptor = OptionsDescriptor(style).toJson();
+
+    // Fixed top-level fields.
+    expect(descriptor['seed'], {'type': 'string'});
+
+    // Per-component fields (variants sorted).
+    final shapeVariant = descriptor['shapeVariant'] as Map<String, Object?>;
+    final shapeProbability =
+        descriptor['shapeProbability'] as Map<String, Object?>;
+
+    expect(shapeVariant['values'], ['a', 'b']);
+    expect(shapeProbability['type'], 'number');
+
+    // Per-color fields, plus the implicit `background` color.
+    final fillColor = descriptor['fillColor'] as Map<String, Object?>;
+    final backgroundColor =
+        descriptor['backgroundColor'] as Map<String, Object?>;
+
+    expect(fillColor['type'], 'color');
+    expect(backgroundColor['type'], 'color');
+  });
+
+  test('circular color reference is reported', () {
+    final style = Style(_decode('''
+    {
+      "canvas": {
+        "width": 100, "height": 100,
+        "elements": [{ "type": "element", "name": "rect", "attributes": { "fill": { "type": "color", "name": "a" } } }]
+      },
+      "colors": {
+        "a": { "values": ["#000000"], "contrastTo": "b" },
+        "b": { "values": ["#ffffff"], "contrastTo": "a" }
+      }
+    }
+    '''));
+
+    expect(
+      () => Avatar(style, {'seed': 'x'}),
+      throwsA(
+        isA<CircularColorReferenceError>().having(
+          (e) => e.message,
+          'message',
+          contains('Circular color reference'),
+        ),
+      ),
+    );
+  });
+
+  test('toJson serializes whole-number options as integers', () {
+    // The other ports emit integers ("size":128), not floats (128.0); the
+    // resolved-options snapshot must match byte-for-byte.
+    final avatar = Avatar(Style(_minimalStyle), {'seed': 'x', 'size': 128});
+    final encoded = jsonEncode(avatar.toJson());
+
+    expect(encoded, contains('"size":128'));
+    expect(encoded, isNot(contains('"size":128.0')));
+  });
+
+  test('toJson emits options in resolution order', () {
+    // The envelope must match the JS port byte-for-byte, including the key
+    // order (size before title — both resolved before the root attributes).
+    // The expected string is the verbatim output of the JS core for the same
+    // style and options.
+    final avatar = Avatar(
+      Style(_minimalStyle),
+      {'seed': 'x', 'size': 128, 'title': 't'},
+    );
+
+    expect(
+      jsonEncode(avatar.toJson()),
+      contains('"options":{"backgroundColorFill":"solid","backgroundColor":[],'
+          '"scale":1,"flip":"none","rotate":0,"translateX":0,"translateY":0,'
+          '"borderRadius":0,"size":128,"title":"t","idRandomization":false}'),
+    );
+  });
+
+  test('toJson does not HTML-escape the embedded SVG', () {
+    // The JS/PHP/Rust ports emit the literal "<svg ...>" in the JSON
+    // envelope; Dart's jsonEncode never HTML-escapes, but pin it anyway.
+    final avatar = Avatar(Style(_minimalStyle), {'seed': 'x'});
+
+    expect(jsonEncode(avatar.toJson()), contains('"svg":"<svg '));
+  });
+
+  test('deeply nested colors resolve without exponential blowup', () {
+    // Each color references the next via BOTH contrastTo and notEqualTo,
+    // which without memoization fans out to 2^depth color resolutions — a
+    // schema-valid hang. With the resolver's memo it is linear; a regression
+    // would make this test never finish.
+    const depth = 40;
+
+    final colors = StringBuffer();
+
+    for (var i = 0; i < depth; i++) {
+      colors.write('"c$i":{"values":["#000000"],'
+          '"contrastTo":"c${i + 1}","notEqualTo":["c${i + 1}"]},');
+    }
+
+    colors.write('"c$depth":{"values":["#ffffff"]}');
+
+    final style = Style(_decode(
+      '{"canvas":{"width":100,"height":100,"elements":'
+      '[{"type":"element","name":"rect","attributes":'
+      '{"fill":{"type":"color","name":"c0"}}}]},"colors":{$colors}}',
+    ));
+
+    expect(() => Avatar(style, {'seed': 'x'}), returnsNormally);
+  });
+
+  test('validation accepts and rejects like the other ports', () {
+    final style = Style(_minimalStyle);
+
+    // Accepts a minimal valid style and options.
+    expect(() => Avatar(style, {'seed': 'x'}), returnsNormally);
+    // Null options are treated as empty and accepted.
+    expect(() => Avatar(style), returnsNormally);
+    expect(() => Avatar(style, null), returnsNormally);
+
+    // Rejects a definition missing canvas.
+    expect(
+      () => Style(_decode('{"components":{}}')),
+      throwsA(isA<StyleValidationError>()),
+    );
+
+    // Rejects an alias to an unknown component.
+    expect(
+      () => Style(_decode('{"canvas":{"width":100,"height":100,"elements":[]},'
+          '"components":{"a":{"extends":"missing"}}}')),
+      throwsA(
+        isA<StyleValidationError>().having(
+          (e) => e.message,
+          'message',
+          contains('unknown component'),
+        ),
+      ),
+    );
+
+    // Rejects options with a wrong type (seed must be a string).
+    expect(
+      () => Avatar(style, {'seed': 123}),
+      throwsA(isA<OptionsValidationError>()),
+    );
+  });
+
+  test('Uri.encodeComponent matches JS encodeURIComponent', () {
+    // Expected values are exactly what JavaScript's encodeURIComponent
+    // returns; toDataUri builds on this contract.
+    const cases = {
+      '<svg>': '%3Csvg%3E',
+      'a b&c': 'a%20b%26c',
+      "-_.!~*'()": "-_.!~*'()", // the unreserved set passes through
+      'é': '%C3%A9', // multi-byte UTF-8 → per-byte escaping
+      '"#/': '%22%23%2F',
+    };
+
+    cases.forEach((input, want) {
+      expect(Uri.encodeComponent(input), want, reason: input);
+    });
+  });
+
+  test('toDataUri encodes the SVG', () {
+    final avatar = Avatar(Style(_minimalStyle), {'seed': 'x'});
+    final uri = avatar.toDataUri();
+
+    expect(
+      uri,
+      'data:image/svg+xml;charset=utf-8,${Uri.encodeComponent(avatar.svg)}',
+    );
+    // The SVG starts with "<svg", which encodes to "%3Csvg".
+    expect(uri, startsWith('data:image/svg+xml;charset=utf-8,%3Csvg'));
+  });
+
+  group('idRandomization', () {
+    test('randomizes ids when enabled', () {
+      final avatar = Avatar(
+        Style(_styleWithIds),
+        {'seed': 'test', 'idRandomization': true},
+      );
+
+      expect(avatar.svg, isNot(contains('id="grad1"')));
+      expect(avatar.svg, isNot(contains('url(#grad1)')));
+      expect(avatar.svg, contains('id="grad1-'));
+      expect(avatar.svg, contains('url(#grad1-'));
+    });
+
+    test('preserves ids when disabled', () {
+      final avatar = Avatar(
+        Style(_styleWithIds),
+        {'seed': 'test', 'idRandomization': false},
+      );
+
+      expect(avatar.svg, contains('id="grad1"'));
+      expect(avatar.svg, contains('url(#grad1)'));
+    });
+
+    test('uses process randomness, not the seeded PRNG', () {
+      // The same seed must yield different suffixes per render — only the
+      // ids change, never the document structure.
+      String render() => Avatar(
+            Style(_styleWithIds),
+            {'seed': 'test', 'idRandomization': true},
+          ).svg;
+      final first = render();
+      final second = render();
+
+      expect(first, isNot(second));
+
+      // Strip each render's single 6-hex suffix; the remaining documents
+      // must be identical.
+      String stripSuffix(String svg) {
+        final suffix = RegExp('grad1-([0-9a-f]{6})').firstMatch(svg)![1]!;
+
+        return svg.replaceAll('-$suffix', '');
+      }
+
+      expect(stripSuffix(first), stripSuffix(second));
+    });
+  });
+
+  group('title', () {
+    test('sets role="img" and an escaped aria-label', () {
+      final avatar = Avatar(
+        Style(_minimalStyle),
+        {'seed': 'x', 'title': 'A & B <C>'},
+      );
+
+      expect(avatar.svg, contains('role="img"'));
+      expect(avatar.svg, contains('aria-label="A &amp; B &lt;C&gt;"'));
+      expect(avatar.svg, contains('<title>A &amp; B &lt;C&gt;</title>'));
+    });
+
+    test('falls back to aria-hidden without a title', () {
+      final avatar = Avatar(Style(_minimalStyle), {'seed': 'x'});
+
+      expect(avatar.svg, contains('aria-hidden="true"'));
+      expect(avatar.svg, isNot(contains('role="img"')));
+      expect(avatar.svg, isNot(contains('<title>')));
+    });
+  });
+
+  test('resolved options are exposed as isolated deep copies', () {
+    final avatar = Avatar(
+      Style(_minimalStyle),
+      {'seed': 'x', 'backgroundColor': 'ff0000'},
+    );
+
+    // Mutating a returned envelope must not leak into later calls.
+    final first = avatar.toJson();
+
+    (first['options'] as Map<String, Object?>)['injected'] = 'modified';
+    ((first['options'] as Map<String, Object?>)['backgroundColor'] as List)
+        .add('#injected');
+
+    final second = avatar.toJson()['options'] as Map<String, Object?>;
+
+    expect(second.containsKey('injected'), isFalse);
+    expect(second['backgroundColor'], ['#ff0000']);
+
+    // The resolvedOptions getter returns the same normalized shape, also as
+    // a fresh copy per call.
+    final resolved = avatar.resolvedOptions;
+
+    expect(jsonEncode(resolved), jsonEncode(second));
+
+    (resolved['backgroundColor'] as List).clear();
+
+    expect(avatar.resolvedOptions['backgroundColor'], ['#ff0000']);
+  });
+
+  // The Ajv-compiled validators of the JS reference reject NaN/Infinity
+  // wherever a number is allowed; the other ports cannot even represent them
+  // in their JSON values. Without the finiteness walk in the validators, a
+  // NaN canvas width would render `viewBox="0 0 NaN 100"`.
+  group('non-finite numbers', () {
+    test('are rejected in options like the JS reference', () {
+      final style = Style(_minimalStyle);
+
+      expect(
+        () => Avatar(style, {'seed': 'x', 'rotate': double.nan}),
+        throwsA(isA<OptionsValidationError>()),
+      );
+      expect(
+        () => Avatar(style, {'seed': 'x', 'fooProbability': double.nan}),
+        throwsA(isA<OptionsValidationError>()),
+      );
+      // Variant weights have a minimum but no maximum, so Infinity slips
+      // past the range checks and only the finiteness walk catches it.
+      expect(
+        () => Avatar(style, {
+          'seed': 'x',
+          'fooVariant': {'a': double.infinity},
+        }),
+        throwsA(isA<OptionsValidationError>()),
+      );
+    });
+
+    test('are rejected in style definitions like the JS reference', () {
+      expect(
+        () => Style({
+          'canvas': {
+            'width': double.nan,
+            'height': 100,
+            'elements': <Object?>[]
+          },
+        }),
+        throwsA(isA<StyleValidationError>()),
+      );
+    });
+  });
+
+  test('toDataUri rejects unpaired surrogates like the JS reference', () {
+    // JS encodeURIComponent throws URIError for a lone surrogate;
+    // Uri.encodeComponent would silently substitute U+FFFD instead.
+    final avatar = Avatar(
+      Style(_minimalStyle),
+      {'seed': 'x', 'title': 'broken \u{D800} title'},
+    );
+
+    expect(avatar.toDataUri, throwsArgumentError);
+  });
+}
diff --git a/src/dart/core/test/parity/avatars_test.dart b/src/dart/core/test/parity/avatars_test.dart
new file mode 100644
index 0000000..9388e7b
--- /dev/null
+++ b/src/dart/core/test/parity/avatars_test.dart
@@ -0,0 +1,100 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/avatar.dart';
+import 'package:dicebear_core/src/style.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+// Cross-language avatar parity: every rendered SVG must match the
+// JS-generated fixture byte for byte, the resolved options must match in key
+// order AND int-vs-double typing, and the data URIs pin the percent-encoding
+// contract.
+void main() {
+  if (parityFixtures() == null) {
+    test(
+      'avatar parity',
+      () {},
+      skip: 'parity fixtures not available (run inside the dicebear monorepo)',
+    );
+
+    return;
+  }
+
+  for (final name in const [
+    'glass',
+    'initials',
+    'notionists',
+    'shape-grid',
+    'thumbs',
+  ]) {
+    group(name, () {
+      // The vendored fixture style, never a styles package — every language
+      // renders from identical input bytes.
+      final style = Style(
+        jsonDecode(parityFixture('styles/$name.json')!) as Map<String, Object?>,
+      );
+      final cases = (jsonDecode(parityFixture('avatars/$name.json')!) as List)
+          .cast<Map<String, Object?>>();
+
+      for (final c in cases) {
+        test(c['id'], () {
+          final avatar = Avatar(style, c['options'] as Map<String, Object?>?);
+          final wantSvg = c['svg'] as String;
+
+          if (avatar.svg != wantSvg) {
+            final index = _firstDiff(avatar.svg, wantSvg);
+
+            fail('SVG mismatch at index $index\n'
+                ' got: …${_context(avatar.svg, index)}…\n'
+                'want: …${_context(wantSvg, index)}…');
+          }
+
+          // Serialized compare (Python's approach): Dart shares Python's
+          // `1 == 1.0` equality hazard, so a structural deep-equal would
+          // hide int-vs-double drift. Encoding both sides through
+          // jsonEncode also pins the key order.
+          expect(
+            jsonEncode(avatar.toJson()['options']),
+            jsonEncode(c['resolvedOptions']),
+          );
+
+          // Only `plain-seed` and `title-escaping` carry a data URI — the
+          // encoder is byte-level, so two cases cover the alphabet.
+          final dataUri = c['dataUri'];
+
+          if (dataUri != null) {
+            expect(avatar.toDataUri(), dataUri);
+          }
+        });
+      }
+    });
+  }
+}
+
+/// Returns the index of the first code unit where [a] and [b] differ, or the
+/// length of the shorter string if one is a prefix of the other — full-SVG
+/// diffs are unreadable otherwise (the Go suite's firstDiff).
+int _firstDiff(String a, String b) {
+  final n = a.length < b.length ? a.length : b.length;
+
+  for (var i = 0; i < n; i++) {
+    if (a.codeUnitAt(i) != b.codeUnitAt(i)) {
+      return i;
+    }
+  }
+
+  return n;
+}
+
+/// Returns a ±40-character window around [index] for mismatch reporting.
+String _context(String s, int index) {
+  final start = (index - 40).clamp(0, s.length);
+  final end = (index + 40).clamp(0, s.length);
+
+  return s.substring(start, end);
+}
diff --git a/src/dart/core/test/parity/circular_colors_test.dart b/src/dart/core/test/parity/circular_colors_test.dart
new file mode 100644
index 0000000..0b89e44
--- /dev/null
+++ b/src/dart/core/test/parity/circular_colors_test.dart
@@ -0,0 +1,56 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/avatar.dart';
+import 'package:dicebear_core/src/error/circular_color_reference_error.dart';
+import 'package:dicebear_core/src/style.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+// The circularColors cases pin the resolver's reported resolution chain
+// through Avatar construction: every port must throw its
+// CircularColorReferenceError with exactly the fixture chain.
+void main() {
+  final fixture = parityFixture('validation.json');
+
+  if (fixture == null) {
+    test(
+      'circular color parity',
+      () {},
+      skip: 'parity fixtures not available (run inside the dicebear monorepo)',
+    );
+
+    return;
+  }
+
+  final cases =
+      ((jsonDecode(fixture) as Map<String, Object?>)['circularColors'] as List)
+          .cast<Map<String, Object?>>();
+
+  test('fixture covers circular colors', () {
+    expect(cases, isNotEmpty);
+  });
+
+  for (final c in cases) {
+    test(c['id'], () {
+      // The style itself is schema-valid; only resolution detects the cycle.
+      final style = Style(c['style'] as Map<String, Object?>);
+      final chain = (c['chain'] as List).cast<String>();
+
+      try {
+        Avatar(style, c['options'] as Map<String, Object?>?);
+        fail('expected a CircularColorReferenceError');
+      } on CircularColorReferenceError catch (error) {
+        expect(error.chain, chain);
+        expect(
+          error.message,
+          'Circular color reference: ${chain.join(' → ')}',
+        );
+      }
+    });
+  }
+}
diff --git a/src/dart/core/test/parity/color_test.dart b/src/dart/core/test/parity/color_test.dart
new file mode 100644
index 0000000..ab50567
--- /dev/null
+++ b/src/dart/core/test/parity/color_test.dart
@@ -0,0 +1,110 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/utils/color.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('colors.json');
+
+  group(
+    'Color',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      late Map<String, Object?> root;
+
+      setUpAll(() {
+        root = jsonDecode(fixture!) as Map<String, Object?>;
+      });
+
+      List<Map<String, Object?>> cases(String section) {
+        final list =
+            (root[section] as List<Object?>).cast<Map<String, Object?>>();
+
+        expect(list, isNotEmpty, reason: section);
+
+        return list;
+      }
+
+      test('toHex', () {
+        for (final e in cases('toHex')) {
+          expect(
+            Color.toHex(e['input'] as String),
+            e['result'] as String,
+            reason: 'toHex(${e['input']})',
+          );
+        }
+      });
+
+      test('toRgbHex', () {
+        for (final e in cases('toRgbHex')) {
+          expect(
+            Color.toRgbHex(e['input'] as String),
+            e['result'] as String,
+            reason: 'toRgbHex(${e['input']})',
+          );
+        }
+      });
+
+      test('parseHex', () {
+        for (final e in cases('parseHex')) {
+          expect(
+            Color.parseHex(e['input'] as String),
+            [for (final v in e['result'] as List<Object?>) (v as num).toInt()],
+            reason: 'parseHex(${e['input']})',
+          );
+        }
+      });
+
+      test('luminance', () {
+        for (final e in cases('luminance')) {
+          // Exact equality: the LUT-based luminance is bit-identical across
+          // ports. The `0`/`1` endpoints are JSON ints — normalize through
+          // `num` like every other JSON boundary.
+          expect(
+            Color.luminance(e['input'] as String),
+            (e['result'] as num).toDouble(),
+            reason: 'luminance(${e['input']})',
+          );
+        }
+      });
+
+      test('sortByContrast', () {
+        for (final e in cases('sortByContrast')) {
+          final candidates = (e['candidates'] as List<Object?>).cast<String>();
+          final input = [...candidates];
+
+          // Order-sensitive: the equal-ratio case pins the stable sort.
+          expect(
+            Color.sortByContrast(candidates, e['refColor'] as String),
+            (e['result'] as List<Object?>).cast<String>(),
+            reason:
+                'sortByContrast(${jsonEncode(candidates)}, ${e['refColor']})',
+          );
+
+          // Sorting must return a new list, never mutate the caller's.
+          expect(candidates, input, reason: 'input list mutated');
+        }
+      });
+
+      test('filterNotEqualTo', () {
+        for (final e in cases('filterNotEqualTo')) {
+          final candidates = (e['candidates'] as List<Object?>).cast<String>();
+          final excluded = (e['excluded'] as List<Object?>).cast<String>();
+
+          expect(
+            Color.filterNotEqualTo(candidates, excluded),
+            (e['result'] as List<Object?>).cast<String>(),
+            reason: 'filterNotEqualTo(${jsonEncode(candidates)}, '
+                '${jsonEncode(excluded)})',
+          );
+        }
+      });
+    },
+  );
+}
diff --git a/src/dart/core/test/parity/descriptors_test.dart b/src/dart/core/test/parity/descriptors_test.dart
new file mode 100644
index 0000000..7674855
--- /dev/null
+++ b/src/dart/core/test/parity/descriptors_test.dart
@@ -0,0 +1,48 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/options_descriptor.dart';
+import 'package:dicebear_core/src/style.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+// Cross-language descriptor parity: one OptionsDescriptor per parity style,
+// pinning the field map (types, ranges, sorted variant lists, per-color
+// fields) that tooling builds form controls from. The serialized compare
+// pins key order and int-vs-double typing, like the avatar resolved-options
+// assertion.
+void main() {
+  if (parityFixtures() == null) {
+    test(
+      'descriptor parity',
+      () {},
+      skip: 'parity fixtures not available (run inside the dicebear monorepo)',
+    );
+
+    return;
+  }
+
+  for (final name in const [
+    'glass',
+    'initials',
+    'notionists',
+    'shape-grid',
+    'thumbs',
+  ]) {
+    test(name, () {
+      final style = Style(
+        jsonDecode(parityFixture('styles/$name.json')!) as Map<String, Object?>,
+      );
+      final expected = jsonDecode(parityFixture('descriptors/$name.json')!);
+
+      expect(
+        jsonEncode(OptionsDescriptor(style).toJson()),
+        jsonEncode(expected),
+      );
+    });
+  }
+}
diff --git a/src/dart/core/test/parity/embedded_fixtures.dart b/src/dart/core/test/parity/embedded_fixtures.dart
new file mode 100644
index 0000000..9699aa0
--- /dev/null
+++ b/src/dart/core/test/parity/embedded_fixtures.dart
@@ -0,0 +1,22 @@
+// GENERATED by tool/generate_web_fixtures.dart — do not edit by hand.
+//
+// A verbatim copy of the parity fixtures the web-platform suite needs,
+// embedded as constants because dart2js cannot read files at runtime.
+// Regenerate with `dart run tool/generate_web_fixtures.dart` whenever the
+// fixtures change; CI regenerates and diffs this file, so it cannot drift.
+library;
+
+const String numbersJson =
+    "[\n  {\n    \"input\": 0,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": 1,\n    \"output\": \"1\"\n  },\n  {\n    \"input\": -1,\n    \"output\": \"-1\"\n  },\n  {\n    \"input\": 100,\n    \"output\": \"100\"\n  },\n  {\n    \"input\": -50,\n    \"output\": \"-50\"\n  },\n  {\n    \"input\": 4096,\n    \"output\": \"4096\"\n  },\n  {\n    \"input\": 1000000,\n    \"output\": \"1000000\"\n  },\n  {\n    \"input\": 0.5,\n    \"output\": \"0.5\"\n  },\n  {\n    \"input\": 1.5,\n    \"output\": \"1.5\"\n  },\n  {\n    \"input\": -1.5,\n    \"output\": \"-1.5\"\n  },\n  {\n    \"input\": 2.5,\n    \"output\": \"2.5\"\n  },\n  {\n    \"input\": 0.1,\n    \"output\": \"0.1\"\n  },\n  {\n    \"input\": 0.3,\n    \"output\": \"0.3\"\n  },\n  {\n    \"input\": 12.34,\n    \"output\": \"12.34\"\n  },\n  {\n    \"input\": 123.456,\n    \"output\": \"123.456\"\n  },\n  {\n    \"input\": -148.722,\n    \"output\": \"-148.722\"\n  },\n  {\n    \"input\": 9999.9999,\n    \"output\": \"9999.9999\"\n  },\n  {\n    \"input\": 0.00001,\n    \"output\": \"0.00001\"\n  },\n  {\n    \"input\": 0.00005,\n    \"output\": \"0.00005\"\n  },\n  {\n    \"input\": 0.0001,\n    \"output\": \"0.0001\"\n  },\n  {\n    \"input\": 0.000005,\n    \"output\": \"0.00001\"\n  },\n  {\n    \"input\": 5e-7,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": 0.0000123456,\n    \"output\": \"0.00001\"\n  },\n  {\n    \"input\": 4.567872,\n    \"output\": \"4.56787\"\n  },\n  {\n    \"input\": 0.123456,\n    \"output\": \"0.12346\"\n  },\n  {\n    \"input\": 1.999995,\n    \"output\": \"2\"\n  },\n  {\n    \"input\": 1.999994,\n    \"output\": \"1.99999\"\n  },\n  {\n    \"input\": 0.123455,\n    \"output\": \"0.12346\"\n  },\n  {\n    \"input\": 0.123445,\n    \"output\": \"0.12345\"\n  },\n  {\n    \"input\": 5e-7,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": 1e-7,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": 0.0000015,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": 0.0009999999999999998,\n    \"output\": \"0.001\"\n  },\n  {\n    \"input\": 0.0000049999999999999996,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": -4.567872,\n    \"output\": \"-4.56787\"\n  },\n  {\n    \"input\": -0.000005,\n    \"output\": \"0\"\n  },\n  {\n    \"input\": -0.0001,\n    \"output\": \"-0.0001\"\n  }\n]";
+
+const String fnv1aJson =
+    "[\n  {\n    \"input\": \"\",\n    \"hash\": 2166136261,\n    \"hex\": \"811c9dc5\"\n  },\n  {\n    \"input\": \"a\",\n    \"hash\": 3826002220,\n    \"hex\": \"e40c292c\"\n  },\n  {\n    \"input\": \"b\",\n    \"hash\": 3876335077,\n    \"hex\": \"e70c2de5\"\n  },\n  {\n    \"input\": \"c\",\n    \"hash\": 3859557458,\n    \"hex\": \"e60c2c52\"\n  },\n  {\n    \"input\": \"hello\",\n    \"hash\": 1335831723,\n    \"hex\": \"4f9f2cab\"\n  },\n  {\n    \"input\": \"test\",\n    \"hash\": 2949673445,\n    \"hex\": \"afd071e5\"\n  },\n  {\n    \"input\": \"foobar\",\n    \"hash\": 3214735720,\n    \"hex\": \"bf9cf968\"\n  },\n  {\n    \"input\": \"123\",\n    \"hash\": 1916298011,\n    \"hex\": \"7238631b\"\n  },\n  {\n    \"input\": \"dicebear\",\n    \"hash\": 1423093716,\n    \"hex\": \"54d2afd4\"\n  },\n  {\n    \"input\": \"test:flip\",\n    \"hash\": 2227271246,\n    \"hex\": \"84c1764e\"\n  },\n  {\n    \"input\": \"test:scale\",\n    \"hash\": 2146115897,\n    \"hex\": \"7feb2139\"\n  },\n  {\n    \"input\": \"some-long-seed:optionName\",\n    \"hash\": 217147276,\n    \"hex\": \"0cf1678c\"\n  },\n  {\n    \"input\": \"é\",\n    \"hash\": 1812687940,\n    \"hex\": \"6c0b6c44\"\n  },\n  {\n    \"input\": \"日本語\",\n    \"hash\": 1409693518,\n    \"hex\": \"5406374e\"\n  },\n  {\n    \"input\": \"🎲\",\n    \"hash\": 1060007403,\n    \"hex\": \"3f2e6deb\"\n  },\n  {\n    \"input\": \"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\",\n    \"hash\": 1816453829,\n    \"hex\": \"6c44e2c5\"\n  }\n]";
+
+const String mulberry32Json =
+    "[\n  {\n    \"seed\": 0,\n    \"sequence\": [\n      {\n        \"float\": 0.26642920868471265,\n        \"state\": 1831565813\n      },\n      {\n        \"float\": 0.0003297457005828619,\n        \"state\": -631835670\n      },\n      {\n        \"float\": 0.2232720274478197,\n        \"state\": 1199730143\n      },\n      {\n        \"float\": 0.1462021479383111,\n        \"state\": -1263671340\n      },\n      {\n        \"float\": 0.46732782293111086,\n        \"state\": 567894473\n      }\n    ]\n  },\n  {\n    \"seed\": 1,\n    \"sequence\": [\n      {\n        \"float\": 0.6270739405881613,\n        \"state\": 1831565814\n      },\n      {\n        \"float\": 0.002735721180215478,\n        \"state\": -631835669\n      },\n      {\n        \"float\": 0.5274470399599522,\n        \"state\": 1199730144\n      },\n      {\n        \"float\": 0.9810509674716741,\n        \"state\": -1263671339\n      },\n      {\n        \"float\": 0.9683778982143849,\n        \"state\": 567894474\n      }\n    ]\n  },\n  {\n    \"seed\": 2,\n    \"sequence\": [\n      {\n        \"float\": 0.7342509443406016,\n        \"state\": 1831565815\n      },\n      {\n        \"float\": 0.32499843230471015,\n        \"state\": -631835668\n      },\n      {\n        \"float\": 0.28529605525545776,\n        \"state\": 1199730145\n      },\n      {\n        \"float\": 0.5379551574587822,\n        \"state\": -1263671338\n      },\n      {\n        \"float\": 0.8752879470121115,\n        \"state\": 567894475\n      }\n    ]\n  },\n  {\n    \"seed\": 42,\n    \"sequence\": [\n      {\n        \"float\": 0.6011037519201636,\n        \"state\": 1831565855\n      },\n      {\n        \"float\": 0.44829055899754167,\n        \"state\": -631835628\n      },\n      {\n        \"float\": 0.8524657934904099,\n        \"state\": 1199730185\n      },\n      {\n        \"float\": 0.6697340414393693,\n        \"state\": -1263671298\n      },\n      {\n        \"float\": 0.17481389874592423,\n        \"state\": 567894515\n      }\n    ]\n  },\n  {\n    \"seed\": 100,\n    \"sequence\": [\n      {\n        \"float\": 0.2043598669115454,\n        \"state\": 1831565913\n      },\n      {\n        \"float\": 0.31482121953740716,\n        \"state\": -631835570\n      },\n      {\n        \"float\": 0.531918739201501,\n        \"state\": 1199730243\n      },\n      {\n        \"float\": 0.8885124672669917,\n        \"state\": -1263671240\n      },\n      {\n        \"float\": 0.5522557524964213,\n        \"state\": 567894573\n      }\n    ]\n  },\n  {\n    \"seed\": 2166136261,\n    \"sequence\": [\n      {\n        \"float\": 0.6112444521859288,\n        \"state\": -297265222\n      },\n      {\n        \"float\": 0.4935242917854339,\n        \"state\": 1534300591\n      },\n      {\n        \"float\": 0.7740248835179955,\n        \"state\": -929100892\n      },\n      {\n        \"float\": 0.4122861116193235,\n        \"state\": 902464921\n      },\n      {\n        \"float\": 0.8122657814528793,\n        \"state\": -1560936562\n      }\n    ]\n  },\n  {\n    \"seed\": 4294967295,\n    \"sequence\": [\n      {\n        \"float\": 0.8964226141106337,\n        \"state\": 1831565812\n      },\n      {\n        \"float\": 0.189478256739676,\n        \"state\": -631835671\n      },\n      {\n        \"float\": 0.7156526781618595,\n        \"state\": 1199730142\n      },\n      {\n        \"float\": 0.9440599093213677,\n        \"state\": -1263671341\n      },\n      {\n        \"float\": 0.8452364315744489,\n        \"state\": 567894472\n      }\n    ]\n  }\n]";
+
+const String glassStyle =
+    "{\n  \"\$id\": \"https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/glass.min.json\",\n  \"\$schema\": \"https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json\",\n  \"\$comment\": \"This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787\",\n  \"meta\": {\n    \"license\": {\n      \"name\": \"CC0 1.0\",\n      \"url\": \"https://creativecommons.org/publicdomain/zero/1.0/\",\n      \"text\": \"„Glass” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)\"\n    },\n    \"creator\": {\n      \"name\": \"DiceBear\",\n      \"url\": \"https://www.dicebear.com\"\n    },\n    \"source\": {\n      \"name\": \"Glass\",\n      \"url\": \"https://www.dicebear.com\"\n    }\n  },\n  \"canvas\": {\n    \"elements\": [\n      {\n        \"name\": \"g\",\n        \"type\": \"element\",\n        \"attributes\": {\n          \"style\": \"mix-blend-mode:screen\",\n          \"opacity\": \".6\",\n          \"filter\": \"url(#dicebearGlass-a)\"\n        },\n        \"children\": [\n          {\n            \"name\": \"shape02\",\n            \"type\": \"component\",\n            \"attributes\": {\n              \"transform\": \"translate(-25 -24.4)\"\n            }\n          }\n        ]\n      },\n      {\n        \"name\": \"g\",\n        \"type\": \"element\",\n        \"attributes\": {\n          \"style\": \"mix-blend-mode:screen\",\n          \"opacity\": \".6\",\n          \"filter\": \"url(#dicebearGlass-b)\"\n        },\n        \"children\": [\n          {\n            \"name\": \"shape01\",\n            \"type\": \"component\",\n            \"attributes\": {\n              \"transform\": \"translate(-25 -24.4)\"\n            }\n          }\n        ]\n      },\n      {\n        \"name\": \"defs\",\n        \"type\": \"element\",\n        \"children\": [\n          {\n            \"name\": \"filter\",\n            \"type\": \"element\",\n            \"attributes\": {\n              \"id\": \"dicebearGlass-a\",\n              \"x\": \"-57\",\n              \"y\": \"-56.4\",\n              \"width\": \"214\",\n              \"height\": \"213.4\",\n              \"filterUnits\": \"userSpaceOnUse\",\n              \"color-interpolation-filters\": \"sRGB\"\n            },\n            \"children\": [\n              {\n                \"name\": \"feFlood\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"flood-opacity\": \"0\",\n                  \"result\": \"r0\"\n                }\n              },\n              {\n                \"name\": \"feBlend\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"in\": \"SourceGraphic\",\n                  \"in2\": \"r0\",\n                  \"result\": \"r1\"\n                }\n              },\n              {\n                \"name\": \"feGaussianBlur\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"stdDeviation\": \"16\",\n                  \"result\": \"r2\"\n                }\n              }\n            ]\n          },\n          {\n            \"name\": \"filter\",\n            \"type\": \"element\",\n            \"attributes\": {\n              \"id\": \"dicebearGlass-b\",\n              \"x\": \"-57\",\n              \"y\": \"-56.4\",\n              \"width\": \"214\",\n              \"height\": \"213.4\",\n              \"filterUnits\": \"userSpaceOnUse\",\n              \"color-interpolation-filters\": \"sRGB\"\n            },\n            \"children\": [\n              {\n                \"name\": \"feFlood\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"flood-opacity\": \"0\",\n                  \"result\": \"r0\"\n                }\n              },\n              {\n                \"name\": \"feBlend\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"in\": \"SourceGraphic\",\n                  \"in2\": \"r0\",\n                  \"result\": \"r1\"\n                }\n              },\n              {\n                \"name\": \"feGaussianBlur\",\n                \"type\": \"element\",\n                \"attributes\": {\n                  \"stdDeviation\": \"16\",\n                  \"result\": \"r2\"\n                }\n              }\n            ]\n          }\n        ]\n      }\n    ],\n    \"width\": 100,\n    \"height\": 100\n  },\n  \"attributes\": {\n    \"fill\": \"none\",\n    \"shape-rendering\": \"auto\"\n  },\n  \"components\": {\n    \"shape\": {\n      \"width\": 150,\n      \"height\": 149.4,\n      \"rotate\": {\n        \"min\": -160,\n        \"max\": 160\n      },\n      \"translate\": {\n        \"x\": {\n          \"min\": -50,\n          \"max\": 50\n        },\n        \"y\": {\n          \"min\": -50,\n          \"max\": 50\n        }\n      },\n      \"variants\": {\n        \"a\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M42.6 147.4H0L48 1.9h54l48 145.5h-42.7L75.5 42h-1.1zm-8-57.4h80.1v29.6h-80z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"d\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"e\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M22.2 147.4V1.9H127v31.9H61.7v25h59.9v31.8h-60v25h65.1v31.8z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"g\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M101.6 50a20 20 0 0 0-14.7-14.6q-3.9-1-8.5-1-10 0-17 4.7a30 30 0 0 0-10.6 13.7q-3.6 9-3.6 21.6 0 12.8 3.5 21.9 3.4 9 10.3 13.9a29 29 0 0 0 17.2 4.8q9 0 15-2.6 6-2.7 9-7.5t3-11.3l6.8.7H78.7V66.2h64.5v20.1q0 20-8.4 34a56 56 0 0 1-23.2 21.6Q97 149.4 78 149.4q-21.3 0-37.3-9t-25-25.7-9-39.7A87 87 0 0 1 12 43 67 67 0 0 1 50 5q13-5 27.6-5 12.9 0 24 3.7 11.1 3.6 19.7 10.3a50 50 0 0 1 20.2 36z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"i\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M94.8 2v145.4H55.3V1.9z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"n\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M138 2v145.4h-33L52.5 71h-1v76.4H12.2V1.9h33.5l51.7 76.2h1.2V1.9z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"r\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M17.6 147.4V1.9h62.8q16.2 0 28.3 6 12 5.8 18.9 17a50 50 0 0 1 6.7 26.5q0 15.6-7 26.3A43 43 0 0 1 108 94q-12.5 5.5-29 5.5H41.3V68.7H71q7 0 11.8-1.7a15 15 0 0 0 7.6-5.6 17 17 0 0 0 2.7-10q0-6.3-2.7-10.2a15 15 0 0 0-7.6-5.8q-4.9-2-11.8-2H57v114zm85.2-66.8 36.4 66.8h-43L60.9 80.6z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        },\n        \"t\": {\n          \"elements\": [\n            {\n              \"name\": \"path\",\n              \"type\": \"element\",\n              \"attributes\": {\n                \"d\": \"M11.7 33.8V1.9h126.5v31.9H94.4v113.6h-39V33.8z\",\n                \"fill\": \"white\"\n              }\n            }\n          ]\n        }\n      }\n    },\n    \"shape01\": {\n      \"extends\": \"shape\"\n    },\n    \"shape02\": {\n      \"extends\": \"shape\"\n    }\n  },\n  \"colors\": {\n    \"background\": {\n      \"values\": [\n        \"#eb4747\",\n        \"#eb6247\",\n        \"#7eeb47\",\n        \"#62eb47\",\n        \"#47eb47\",\n        \"#47eb62\",\n        \"#47eb7e\",\n        \"#47eb99\",\n        \"#47ebb4\",\n        \"#47ebd0\",\n        \"#47ebeb\",\n        \"#47d0eb\",\n        \"#eb7e47\",\n        \"#47b4eb\",\n        \"#4799eb\",\n        \"#477eeb\",\n        \"#4762eb\",\n        \"#4747eb\",\n        \"#6247eb\",\n        \"#7e47eb\",\n        \"#9947eb\",\n        \"#b447eb\",\n        \"#d047eb\",\n        \"#eb9947\",\n        \"#eb47eb\",\n        \"#eb47d0\",\n        \"#eb4799\",\n        \"#eb477e\",\n        \"#eb4762\",\n        \"#ebb447\",\n        \"#ebd047\",\n        \"#ebeb47\",\n        \"#d0eb47\",\n        \"#b4eb47\",\n        \"#99eb47\"\n      ]\n    }\n  }\n}";
+
+const String glassAvatars =
+    "[\n  {\n    \"id\": \"plain-seed\",\n    \"options\": {\n      \"seed\": \"parity-1\"\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    },\n    \"dataUri\": \"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EGlass%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CGlass%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-i-10868c7e%22%3E%3Cpath%20d%3D%22M94.8%202v145.4H55.3V1.9z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cfilter%20id%3D%22dicebearGlass-a%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22dicebearGlass-b%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2347eb62%22%2F%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-a)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-8.26575%2C%20-47.40716)%20rotate(-148.722%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-10868c7e%22%2F%3E%3C%2Fg%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-b)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-5.77635%2C%20-60.07822)%20rotate(26.4413%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\"\n  },\n  {\n    \"id\": \"different-seed\",\n    \"options\": {\n      \"seed\": \"parity-2\"\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-0f868aeb\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><g id=\\\"shape-d-0f868aeb\\\"><path d=\\\"M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-0f868aeb\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-0f868aeb)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#d047eb\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-51.3423, 45.95096) rotate(-119.7679, 75, 74.7)\\\" href=\\\"#shape-i-0f868aeb\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-22.8072, -73.79957) rotate(-29.3461, 75, 74.7)\\\" href=\\\"#shape-d-0f868aeb\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#d047eb\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -119.7679,\n      \"shape02TranslateX\": -34.2282,\n      \"shape02TranslateY\": 30.757,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"d\",\n      \"shape01Rotate\": -29.3461,\n      \"shape01TranslateX\": -15.2048,\n      \"shape01TranslateY\": -49.3973,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"size-scale-rotate\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"size\": 256,\n      \"scale\": 2,\n      \"rotate\": 45\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\" width=\\\"256\\\" height=\\\"256\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g transform=\\\"rotate(45, 50, 50)\\\"><g transform=\\\"translate(50, 50) scale(2) translate(-50, -50)\\\"><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 2,\n      \"flip\": \"none\",\n      \"rotate\": 45,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"size\": 256,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"translate-border-flip\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"translateX\": 10,\n      \"translateY\": -5,\n      \"borderRadius\": 50,\n      \"flip\": \"horizontal\"\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"50\\\" ry=\\\"50\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g transform=\\\"translate(10, -5)\\\"><g transform=\\\"translate(100, 0) scale(-1, 1)\\\"><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"horizontal\",\n      \"rotate\": 0,\n      \"translateX\": 10,\n      \"translateY\": -5,\n      \"borderRadius\": 50,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"background-solid\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"backgroundColor\": [\n        \"ff0000\"\n      ],\n      \"backgroundColorFill\": [\n        \"solid\"\n      ]\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#ff0000\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#ff0000\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"background-linear\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"backgroundColor\": [\n        \"ff0000\",\n        \"00ff00\"\n      ],\n      \"backgroundColorFill\": [\n        \"linear\"\n      ],\n      \"backgroundColorAngle\": [\n        45,\n        45\n      ]\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\\\"background-color-10868c7e\\\" gradientTransform=\\\"rotate(45, 0.5, 0.5)\\\"><stop offset=\\\"0%\\\" stop-color=\\\"#ff0000\\\"/><stop offset=\\\"100%\\\" stop-color=\\\"#00ff00\\\"/></linearGradient><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"url(#background-color-10868c7e)\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"linear\",\n      \"backgroundColor\": [\n        \"#ff0000\",\n        \"#00ff00\"\n      ],\n      \"backgroundColorAngle\": 45,\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"background-radial\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"backgroundColor\": [\n        \"ff0000\",\n        \"00ff00\"\n      ],\n      \"backgroundColorFill\": [\n        \"radial\"\n      ]\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\\\"background-color-10868c7e\\\"><stop offset=\\\"0%\\\" stop-color=\\\"#ff0000\\\"/><stop offset=\\\"100%\\\" stop-color=\\\"#00ff00\\\"/></radialGradient><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"url(#background-color-10868c7e)\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"radial\",\n      \"backgroundColor\": [\n        \"#ff0000\",\n        \"#00ff00\"\n      ],\n      \"backgroundColorAngle\": 0,\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"title-size\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"size\": 128,\n      \"title\": \"Parity Avatar\"\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" role=\\\"img\\\" aria-label=\\\"Parity Avatar\\\" width=\\\"128\\\" height=\\\"128\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"size\": 128,\n      \"title\": \"Parity Avatar\",\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"title-escaping\",\n    \"options\": {\n      \"seed\": \"parity-2\",\n      \"title\": \"Tom & Jerry's <\\\"Avatar\\\"> 😀\"\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" role=\\\"img\\\" aria-label=\\\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-0f868aeb\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><g id=\\\"shape-d-0f868aeb\\\"><path d=\\\"M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-0f868aeb\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\\\"url(#clip-0f868aeb)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#d047eb\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-51.3423, 45.95096) rotate(-119.7679, 75, 74.7)\\\" href=\\\"#shape-i-0f868aeb\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-22.8072, -73.79957) rotate(-29.3461, 75, 74.7)\\\" href=\\\"#shape-d-0f868aeb\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#d047eb\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -119.7679,\n      \"shape02TranslateX\": -34.2282,\n      \"shape02TranslateY\": 30.757,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"d\",\n      \"shape01Rotate\": -29.3461,\n      \"shape01TranslateX\": -15.2048,\n      \"shape01TranslateY\": -49.3973,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"title\": \"Tom & Jerry's <\\\"Avatar\\\"> 😀\",\n      \"idRandomization\": false\n    },\n    \"dataUri\": \"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EGlass%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CGlass%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-i-0f868aeb%22%3E%3Cpath%20d%3D%22M94.8%202v145.4H55.3V1.9z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22shape-d-0f868aeb%22%3E%3Cpath%20d%3D%22M67%20147.4H11V1.9h55.4q22.5%200%2038.8%208.8a60%2060%200%200%201%2025.3%2025q9%2016.2%209%2039%200%2022.7-9%2039a61%2061%200%200%201-25%2025%2081%2081%200%200%201-38.5%208.7m-16.5-33.5h15a44%2044%200%200%200%2018.5-3.5q7.6-3.4%2011.6-12t4-23.7-4-23.7a24%2024%200%200%200-12-12%2047%2047%200%200%200-19.2-3.5H50.5z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cfilter%20id%3D%22dicebearGlass-a%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22dicebearGlass-b%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23d047eb%22%2F%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-a)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-51.3423%2C%2045.95096)%20rotate(-119.7679%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-0f868aeb%22%2F%3E%3C%2Fg%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-b)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-22.8072%2C%20-73.79957)%20rotate(-29.3461%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-d-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\"\n  },\n  {\n    \"id\": \"shape-variants\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"shape1Variant\": [\n        \"a\"\n      ],\n      \"shape2Variant\": [\n        \"g\"\n      ]\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  },\n  {\n    \"id\": \"shape1-probability-zero\",\n    \"options\": {\n      \"seed\": \"parity-1\",\n      \"shape1Probability\": 0\n    },\n    \"svg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 100 100\\\" fill=\\\"none\\\" shape-rendering=\\\"auto\\\" aria-hidden=\\\"true\\\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\\\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\\\" xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:dc=\\\"http://purl.org/dc/elements/1.1/\\\" xmlns:dcterms=\\\"http://purl.org/dc/terms/\\\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\\\"dcterms:URI\\\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\\\"dcterms:URI\\\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\\\"shape-i-10868c7e\\\"><path d=\\\"M94.8 2v145.4H55.3V1.9z\\\" fill=\\\"white\\\"/></g><filter id=\\\"dicebearGlass-a\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><filter id=\\\"dicebearGlass-b\\\" x=\\\"-57\\\" y=\\\"-56.4\\\" width=\\\"214\\\" height=\\\"213.4\\\" filterUnits=\\\"userSpaceOnUse\\\" color-interpolation-filters=\\\"sRGB\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"r0\\\"/><feBlend in=\\\"SourceGraphic\\\" in2=\\\"r0\\\" result=\\\"r1\\\"/><feGaussianBlur stdDeviation=\\\"16\\\" result=\\\"r2\\\"/></filter><clipPath id=\\\"clip-10868c7e\\\"><rect width=\\\"100\\\" height=\\\"100\\\" rx=\\\"0\\\" ry=\\\"0\\\"/></clipPath></defs><g clip-path=\\\"url(#clip-10868c7e)\\\"><rect width=\\\"100\\\" height=\\\"100\\\" fill=\\\"#47eb62\\\"/><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-a)\\\"><use transform=\\\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g><g style=\\\"mix-blend-mode:screen\\\" opacity=\\\".6\\\" filter=\\\"url(#dicebearGlass-b)\\\"><use transform=\\\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\\\" href=\\\"#shape-i-10868c7e\\\"/></g></g></svg>\",\n    \"resolvedOptions\": {\n      \"backgroundColorFill\": \"solid\",\n      \"backgroundColor\": [\n        \"#47eb62\"\n      ],\n      \"shape02Variant\": \"i\",\n      \"shape02Rotate\": -148.722,\n      \"shape02TranslateX\": -5.5105,\n      \"shape02TranslateY\": -31.7317,\n      \"shape02Scale\": 1,\n      \"shape01Variant\": \"i\",\n      \"shape01Rotate\": 26.4413,\n      \"shape01TranslateX\": -3.8509,\n      \"shape01TranslateY\": -40.213,\n      \"shape01Scale\": 1,\n      \"scale\": 1,\n      \"flip\": \"none\",\n      \"rotate\": 0,\n      \"translateX\": 0,\n      \"translateY\": 0,\n      \"borderRadius\": 0,\n      \"idRandomization\": false\n    }\n  }\n]";
diff --git a/src/dart/core/test/parity/fixtures.dart b/src/dart/core/test/parity/fixtures.dart
new file mode 100644
index 0000000..f1f96cd
--- /dev/null
+++ b/src/dart/core/test/parity/fixtures.dart
@@ -0,0 +1,35 @@
+/// Shared access to the cross-language parity fixtures.
+///
+/// The fixtures live in the monorepo at `tests/fixtures/parity`, three levels
+/// above the package root, and are not shipped with the published package.
+/// Every parity suite therefore skips itself when the directory is absent,
+/// like the Go port's parity tests.
+///
+/// VM-only: this reads from disk via `dart:io`, so every suite importing it
+/// carries `@TestOn('vm')`. Web-eligible tests must not import this file; they
+/// embed the cases they need (see `web_parity_test.dart`).
+library;
+
+import 'dart:io';
+
+/// Returns the parity fixture directory, or `null` when running outside the
+/// monorepo (published package) — callers skip their suite then.
+Directory? parityFixtures() {
+  // `dart test` runs from the package root.
+  final dir = Directory('../../../tests/fixtures/parity');
+
+  return dir.existsSync() ? dir : null;
+}
+
+/// Returns the contents of the fixture file [name], or `null` when the
+/// fixture directory is absent. A missing file inside an existing fixture
+/// directory throws — that is a broken checkout, not a published package.
+String? parityFixture(String name) {
+  final dir = parityFixtures();
+
+  if (dir == null) {
+    return null;
+  }
+
+  return File('${dir.path}/$name').readAsStringSync();
+}
diff --git a/src/dart/core/test/parity/fnv1a_test.dart b/src/dart/core/test/parity/fnv1a_test.dart
new file mode 100644
index 0000000..e56f48e
--- /dev/null
+++ b/src/dart/core/test/parity/fnv1a_test.dart
@@ -0,0 +1,44 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/prng/fnv1a.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('fnv1a.json');
+
+  group(
+    'fnv1a',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      test('hash and hex match the parity fixture', () {
+        final cases = jsonDecode(fixture!) as List<Object?>;
+
+        expect(cases, isNotEmpty);
+
+        for (final c in cases) {
+          final entry = (c as Map<String, Object?>);
+          final input = entry['input'] as String;
+
+          // Hashes exceed 2^31, so on the web they decode as integral
+          // doubles — read through `num`.
+          expect(
+            fnv1aHash(input),
+            (entry['hash'] as num).toInt(),
+            reason: 'hash(${jsonEncode(input)})',
+          );
+          expect(
+            fnv1aHex(input),
+            entry['hex'] as String,
+            reason: 'hex(${jsonEncode(input)})',
+          );
+        }
+      });
+    },
+  );
+}
diff --git a/src/dart/core/test/parity/initials_test.dart b/src/dart/core/test/parity/initials_test.dart
new file mode 100644
index 0000000..a4b764e
--- /dev/null
+++ b/src/dart/core/test/parity/initials_test.dart
@@ -0,0 +1,40 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/utils/initials.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('initials.json');
+
+  group(
+    'initialsFromSeed',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      test('matches the parity fixture', () {
+        final cases = (jsonDecode(fixture!) as List<Object?>)
+            .cast<Map<String, Object?>>();
+
+        expect(cases, isNotEmpty);
+
+        for (final e in cases) {
+          final seed = e['seed'] as String;
+
+          // jsonEncode the seed in the failure reason — the fixture includes
+          // control characters (CR, U+2028, U+2029 after `@`) that would
+          // garble plain interpolation.
+          expect(
+            initialsFromSeed(seed),
+            e['result'] as String,
+            reason: 'initialsFromSeed(${jsonEncode(seed)})',
+          );
+        }
+      });
+    },
+  );
+}
diff --git a/src/dart/core/test/parity/mulberry32_test.dart b/src/dart/core/test/parity/mulberry32_test.dart
new file mode 100644
index 0000000..657c2c7
--- /dev/null
+++ b/src/dart/core/test/parity/mulberry32_test.dart
@@ -0,0 +1,50 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/prng/mulberry32.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('mulberry32.json');
+
+  group(
+    'Mulberry32',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      test('float sequences and signed states match the parity fixture', () {
+        final cases = jsonDecode(fixture!) as List<Object?>;
+
+        expect(cases, isNotEmpty);
+
+        for (final c in cases) {
+          final entry = (c as Map<String, Object?>);
+          final seed = (entry['seed'] as num).toInt();
+          final sequence = entry['sequence'] as List<Object?>;
+          final prng = Mulberry32(seed);
+
+          for (var step = 0; step < sequence.length; step++) {
+            final expected = (sequence[step] as Map<String, Object?>);
+
+            // Floats compare with exact `==`; the fixture states are the
+            // signed int32 view of the internal state.
+            expect(
+              prng.nextFloat(),
+              (expected['float'] as num).toDouble(),
+              reason: 'seed $seed, step $step: float',
+            );
+            expect(
+              prng.state(),
+              (expected['state'] as num).toInt(),
+              reason: 'seed $seed, step $step: state',
+            );
+          }
+        }
+      });
+    },
+  );
+}
diff --git a/src/dart/core/test/parity/number_test.dart b/src/dart/core/test/parity/number_test.dart
new file mode 100644
index 0000000..ad8a9cb
--- /dev/null
+++ b/src/dart/core/test/parity/number_test.dart
@@ -0,0 +1,38 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/utils/number.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('numbers.json');
+
+  group(
+    'formatNumber',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      test('matches the parity fixture', () {
+        final cases = jsonDecode(fixture!) as List<Object?>;
+
+        expect(cases, isNotEmpty);
+
+        for (final c in cases) {
+          final entry = (c as Map<String, Object?>);
+
+          // The VM decodes `0`, `1`, `4096`, … as int — normalize through
+          // `num` like every other JSON boundary.
+          expect(
+            formatNumber((entry['input'] as num).toDouble()),
+            entry['output'] as String,
+            reason: 'formatNumber(${jsonEncode(entry['input'])})',
+          );
+        }
+      });
+    },
+  );
+}
diff --git a/src/dart/core/test/parity/prng_test.dart b/src/dart/core/test/parity/prng_test.dart
new file mode 100644
index 0000000..065ea75
--- /dev/null
+++ b/src/dart/core/test/parity/prng_test.dart
@@ -0,0 +1,144 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/prng/prng.dart';
+import 'package:dicebear_core/src/range.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+void main() {
+  final fixture = parityFixture('prng.json');
+
+  group(
+    'Prng',
+    skip: fixture == null ? 'parity fixtures not available' : false,
+    () {
+      late Map<String, Object?> root;
+
+      setUpAll(() {
+        root = jsonDecode(fixture!) as Map<String, Object?>;
+      });
+
+      List<Map<String, Object?>> cases(String section) {
+        final list =
+            (root[section] as List<Object?>).cast<Map<String, Object?>>();
+
+        expect(list, isNotEmpty, reason: section);
+
+        return list;
+      }
+
+      test('getValue', () {
+        for (final e in cases('getValue')) {
+          expect(
+            Prng(e['seed'] as String).getValue(e['key'] as String),
+            (e['result'] as num).toDouble(),
+            reason: '${e['seed']}:${e['key']}',
+          );
+        }
+      });
+
+      test('pick', () {
+        for (final e in cases('pick')) {
+          final items = (e['items'] as List<Object?>).cast<String>();
+
+          expect(
+            Prng(e['seed'] as String).pick(e['key'] as String, items),
+            e['result'] as String?,
+            reason: '${e['seed']}:${e['key']} ${jsonEncode(items)}',
+          );
+        }
+      });
+
+      test('weightedPick', () {
+        for (final e in cases('weightedPick')) {
+          // Weight values mix int and double literals; normalize through
+          // `num` while keeping the JSON insertion order.
+          final weights = (e['weights'] as Map<String, Object?>).map(
+            (k, v) => MapEntry(k, (v as num).toDouble()),
+          );
+
+          expect(
+            Prng(e['seed'] as String).weightedPick(
+              e['key'] as String,
+              weights,
+            ),
+            e['result'] as String?,
+            reason: '${e['seed']}:${e['key']} ${jsonEncode(e['weights'])}',
+          );
+        }
+      });
+
+      test('boolean', () {
+        for (final e in cases('bool')) {
+          expect(
+            Prng(e['seed'] as String).boolean(
+              e['key'] as String,
+              (e['likelihood'] as num).toDouble(),
+            ),
+            e['result'] as bool,
+            reason: '${e['seed']}:${e['key']} ${e['likelihood']}',
+          );
+        }
+      });
+
+      test('float', () {
+        for (final e in cases('float')) {
+          expect(
+            Prng(e['seed'] as String).float(
+              e['key'] as String,
+              _range(e['range']),
+            ),
+            // The fixture mixes int results (`15`, `42`) with doubles.
+            (e['result'] as num).toDouble(),
+            reason: '${e['seed']}:${e['key']} ${jsonEncode(e['range'])}',
+          );
+        }
+      });
+
+      test('integer', () {
+        for (final e in cases('integer')) {
+          expect(
+            Prng(e['seed'] as String).integer(
+              e['key'] as String,
+              _range(e['range']),
+            ),
+            (e['result'] as num).toInt(),
+            reason: '${e['seed']}:${e['key']} ${jsonEncode(e['range'])}',
+          );
+        }
+      });
+
+      test('shuffle', () {
+        for (final e in cases('shuffle')) {
+          final items = (e['items'] as List<Object?>).cast<String>();
+          final input = [...items];
+
+          expect(
+            Prng(e['seed'] as String).shuffle(e['key'] as String, items),
+            (e['result'] as List<Object?>).cast<String>(),
+            reason: '${e['seed']}:${e['key']} ${jsonEncode(items)}',
+          );
+
+          // Shuffle must return a new list, never mutate the caller's.
+          expect(items, input, reason: 'input list mutated');
+        }
+      });
+    },
+  );
+}
+
+/// Builds a [Range] from a fixture object; `step` may be absent.
+Range _range(Object? raw) {
+  final map = raw as Map<String, Object?>;
+
+  return Range(
+    min: (map['min'] as num).toDouble(),
+    max: (map['max'] as num).toDouble(),
+    step: (map['step'] as num?)?.toDouble(),
+  );
+}
diff --git a/src/dart/core/test/parity/validation_test.dart b/src/dart/core/test/parity/validation_test.dart
new file mode 100644
index 0000000..5c6d318
--- /dev/null
+++ b/src/dart/core/test/parity/validation_test.dart
@@ -0,0 +1,84 @@
+// The parity fixtures are read from disk via dart:io — VM only.
+@TestOn('vm')
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/src/error/options_validation_error.dart';
+import 'package:dicebear_core/src/error/style_validation_error.dart';
+import 'package:dicebear_core/src/style.dart';
+import 'package:dicebear_core/src/validator/options_validator.dart';
+import 'package:test/test.dart';
+
+import 'fixtures.dart';
+
+// Cross-language validation parity: every port must accept and reject the
+// same inputs (error messages are language-specific and not compared).
+void main() {
+  final fixture = parityFixture('validation.json');
+
+  if (fixture == null) {
+    test(
+      'validation parity',
+      () {},
+      skip: 'parity fixtures not available (run inside the dicebear monorepo)',
+    );
+
+    return;
+  }
+
+  final cases = jsonDecode(fixture) as Map<String, Object?>;
+  final styleCases =
+      (cases['styles'] as List<Object?>).cast<Map<String, Object?>>();
+  final optionCases =
+      (cases['options'] as List<Object?>).cast<Map<String, Object?>>();
+
+  test('fixture covers styles and options', () {
+    expect(styleCases, isNotEmpty);
+    expect(optionCases, isNotEmpty);
+  });
+
+  // The style cases go through the Style constructor, not bare validateStyle:
+  // `alias-to-unknown-component` passes the JSON Schema in every port and is
+  // only rejected by the constructor's alias cross-reference check.
+  group('styles', () {
+    for (final c in styleCases) {
+      final id = c['id'] as String;
+      final definition = c['definition'] as Map<String, Object?>;
+      final valid = c['valid'] as bool;
+
+      test(id, () {
+        if (valid) {
+          expect(() => Style(definition), returnsNormally);
+        } else {
+          expect(() => Style(definition), throwsA(isA<StyleValidationError>()));
+        }
+      });
+    }
+  });
+
+  // The fixture generator validated these against the `minimal` style, but
+  // options validation is style-independent in every port — validateOptions
+  // is the exact equivalent. Avatar-level coverage lands with wave 2.
+  group('options', () {
+    for (final c in optionCases) {
+      final id = c['id'] as String;
+      final options = c['options'];
+      final valid = c['valid'] as bool;
+
+      test(id, () {
+        if (valid) {
+          expect(() => validateOptions(options), returnsNormally);
+        } else {
+          expect(
+            () => validateOptions(options),
+            throwsA(isA<OptionsValidationError>()),
+          );
+        }
+      });
+    }
+  });
+
+  // The `circularColors` cases pin the resolver's reported resolution chain
+  // through Avatar construction — wave 2 covers them once Avatar exists.
+}
diff --git a/src/dart/core/test/parity/web_parity_test.dart b/src/dart/core/test/parity/web_parity_test.dart
new file mode 100644
index 0000000..7b023d9
--- /dev/null
+++ b/src/dart/core/test/parity/web_parity_test.dart
@@ -0,0 +1,86 @@
+// Web-platform parity guard. The fixture suites under test/parity are all
+// @TestOn('vm') because they read fixtures from disk via dart:io, so the
+// dart2js build's number formatting and 32-bit PRNG arithmetic would otherwise
+// never be asserted in CI. This suite asserts the same values on both the VM
+// and Chrome, where ints are JS doubles and the masking/imul paths matter.
+//
+// The fixture data is embedded (no dart:io) via the generated
+// embedded_fixtures.dart, kept in sync with the canonical fixtures by
+// tool/generate_web_fixtures.dart and a CI freshness check.
+library;
+
+import 'dart:convert';
+
+import 'package:dicebear_core/dicebear_core.dart';
+import 'package:dicebear_core/src/prng/fnv1a.dart';
+import 'package:dicebear_core/src/prng/mulberry32.dart';
+import 'package:dicebear_core/src/utils/number.dart';
+import 'package:test/test.dart';
+
+import 'embedded_fixtures.dart';
+
+void main() {
+  test('formatNumber matches the fixture on this platform', () {
+    final cases = jsonDecode(numbersJson) as List;
+
+    for (final c in cases) {
+      final m = c as Map<String, dynamic>;
+      final input = (m['input'] as num).toDouble();
+
+      expect(formatNumber(input), m['output'], reason: 'input ${m['input']}');
+    }
+  });
+
+  test('fnv1a hash and hex match the fixture on this platform', () {
+    final cases = jsonDecode(fnv1aJson) as List;
+
+    for (final c in cases) {
+      final m = c as Map<String, dynamic>;
+      final input = m['input'] as String;
+
+      expect(fnv1aHash(input), (m['hash'] as num).toInt(),
+          reason: 'hash of ${jsonEncode(input)}');
+      expect(fnv1aHex(input), m['hex'], reason: 'hex of ${jsonEncode(input)}');
+    }
+  });
+
+  test('mulberry32 sequence and signed state match the fixture', () {
+    final cases = jsonDecode(mulberry32Json) as List;
+
+    for (final c in cases) {
+      final m = c as Map<String, dynamic>;
+      final prng = Mulberry32((m['seed'] as num).toInt());
+
+      for (final step in m['sequence'] as List) {
+        final s = step as Map<String, dynamic>;
+
+        expect(prng.nextFloat(), (s['float'] as num).toDouble(),
+            reason: 'seed ${m['seed']}');
+        expect(prng.state(), (s['state'] as num).toInt(),
+            reason: 'seed ${m['seed']} signed state');
+      }
+    }
+  });
+
+  test('glass avatars render byte-identically on this platform', () {
+    final style = Style.parse(glassStyle);
+    final cases = jsonDecode(glassAvatars) as List;
+
+    for (final c in cases) {
+      final m = c as Map<String, dynamic>;
+      final options = ((m['options'] ?? <String, Object?>{}) as Map)
+          .cast<String, Object?>();
+      final avatar = Avatar(style, options);
+
+      expect(avatar.svg, m['svg'], reason: 'svg of ${m['id']}');
+      expect(jsonEncode(avatar.toJson()['options']),
+          jsonEncode(m['resolvedOptions']),
+          reason: 'resolvedOptions of ${m['id']}');
+
+      if (m.containsKey('dataUri')) {
+        expect(avatar.toDataUri(), m['dataUri'],
+            reason: 'dataUri of ${m['id']}');
+      }
+    }
+  });
+}
diff --git a/src/dart/core/tool/generate_web_fixtures.dart b/src/dart/core/tool/generate_web_fixtures.dart
new file mode 100644
index 0000000..620a69c
--- /dev/null
+++ b/src/dart/core/tool/generate_web_fixtures.dart
@@ -0,0 +1,65 @@
+// Generates test/parity/embedded_fixtures.dart from the canonical parity
+// fixtures.
+//
+// The web-platform parity suite cannot read fixture files at runtime (dart2js
+// has no dart:io), so the slice of fixtures it needs is embedded as Dart
+// constants. This tool copies them verbatim from tests/fixtures/parity so the
+// fixtures stay the single source of truth; CI regenerates and diffs the
+// output, so the embedded copy can never drift.
+//
+// Run from the package root: `dart run tool/generate_web_fixtures.dart`.
+
+import 'dart:convert';
+import 'dart:io';
+
+void main() {
+  // tool/ -> core/ -> dart/ -> src/ -> monorepo root, then tests/fixtures.
+  final fixtures =
+      Platform.script.resolve('../../../../tests/fixtures/parity/');
+
+  String read(String relative) =>
+      File.fromUri(fixtures.resolve(relative)).readAsStringSync().trimRight();
+
+  final entries = <String, String>{
+    'numbersJson': read('numbers.json'),
+    'fnv1aJson': read('fnv1a.json'),
+    'mulberry32Json': read('mulberry32.json'),
+    'glassStyle': read('styles/glass.json'),
+    'glassAvatars': read('avatars/glass.json'),
+  };
+
+  final buffer = StringBuffer()
+    ..writeln('// GENERATED by tool/generate_web_fixtures.dart — do not edit '
+        'by hand.')
+    ..writeln('//')
+    ..writeln('// A verbatim copy of the parity fixtures the web-platform '
+        'suite needs,')
+    ..writeln('// embedded as constants because dart2js cannot read files at '
+        'runtime.')
+    ..writeln('// Regenerate with `dart run tool/generate_web_fixtures.dart` '
+        'whenever the')
+    ..writeln('// fixtures change; CI regenerates and diffs this file, so it '
+        'cannot drift.')
+    ..writeln('library;')
+    ..writeln();
+
+  for (final entry in entries.entries) {
+    buffer
+      ..writeln('const String ${entry.key} = ${_dartLiteral(entry.value)};')
+      ..writeln();
+  }
+
+  final out = Platform.script.resolve('../test/parity/embedded_fixtures.dart');
+  File.fromUri(out).writeAsStringSync(buffer.toString());
+
+  stdout.writeln('Wrote ${out.toFilePath()}');
+}
+
+/// Renders [value] as a Dart double-quoted string literal. JSON string
+/// escaping is a subset of Dart's, except `$` (Dart interpolation) and the
+/// U+2028/U+2029 line separators (legal in a JSON string but a line break in
+/// Dart source), which are escaped explicitly.
+String _dartLiteral(String value) => jsonEncode(value)
+    .replaceAll(r'$', r'\$')
+    .replaceAll('\u{2028}', '\\u{2028}')
+    .replaceAll('\u{2029}', '\\u{2029}');
diff --git a/src/go/core/.gitignore b/src/go/core/.gitignore
new file mode 100644
index 0000000..9f39196
--- /dev/null
+++ b/src/go/core/.gitignore
@@ -0,0 +1,2 @@
+/vendor/
+*.test
diff --git a/src/go/core/LICENSE b/src/go/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/go/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/go/core/README.md b/src/go/core/README.md
new file mode 100644
index 0000000..b7b6f1a
--- /dev/null
+++ b/src/go/core/README.md
@@ -0,0 +1,62 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (Go)</h1>
+
+Go implementation of the DiceBear avatar library. Generates deterministic SVG
+avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/go-library/)
+
+## Installation
+
+```sh
+go get github.com/dicebear/dicebear-go/v10
+```
+
+Requires Go 1.23 or newer.
+
+## Usage
+
+```go
+import (
+	dicebear "github.com/dicebear/dicebear-go/v10"
+	"github.com/dicebear/styles/v10"
+)
+
+// From a style definition (raw JSON, e.g. the pure-data styles module)
+style, _ := dicebear.NewStyle([]byte(styles.Lorelei))
+
+avatar, _ := dicebear.NewAvatar(style, map[string]any{
+	"seed": "John Doe",
+	"size": 128,
+})
+
+avatar.SVG()     // SVG string
+avatar.DataURI() // data:image/svg+xml;charset=utf-8,...
+```
+
+### Using the Style type
+
+```go
+style, _ := dicebear.NewStyle([]byte(styles.Lorelei))
+
+// Create multiple avatars from the same style
+avatar1, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Alice"})
+avatar2, _ := dicebear.NewAvatar(style, map[string]any{"seed": "Bob"})
+```
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/go/core/api_test.go b/src/go/core/api_test.go
new file mode 100644
index 0000000..5bfae74
--- /dev/null
+++ b/src/go/core/api_test.go
@@ -0,0 +1,295 @@
+package dicebear
+
+import (
+	"bytes"
+	"encoding/json"
+	"fmt"
+	"strings"
+	"testing"
+)
+
+const minimalStyle = `{"canvas":{"width":100,"height":100,"elements":[]}}`
+
+func mustStyle(t *testing.T, def string) *Style {
+	t.Helper()
+	style, err := NewStyle([]byte(def))
+	if err != nil {
+		t.Fatalf("NewStyle: %v", err)
+	}
+	return style
+}
+
+func TestJSONExposesSVGAndResolvedOptions(t *testing.T) {
+	style := mustStyle(t, minimalStyle)
+	avatar, err := NewAvatar(style, map[string]any{"seed": "x"})
+	if err != nil {
+		t.Fatalf("NewAvatar: %v", err)
+	}
+
+	var out struct {
+		SVG     string         `json:"svg"`
+		Options map[string]any `json:"options"`
+	}
+	b, err := avatar.JSON()
+	if err != nil {
+		t.Fatalf("JSON: %v", err)
+	}
+	if err := json.Unmarshal(b, &out); err != nil {
+		t.Fatalf("unmarshal JSON: %v", err)
+	}
+
+	if out.SVG != avatar.SVG() {
+		t.Errorf("JSON svg does not match SVG()")
+	}
+	// The resolved options carry the picked values but never the raw seed.
+	if out.Options["flip"] != "none" {
+		t.Errorf("resolved flip = %v, want none", out.Options["flip"])
+	}
+	if _, ok := out.Options["seed"]; ok {
+		t.Errorf("resolved options must not contain the raw seed")
+	}
+}
+
+func TestOptionsDescriptorDescribesComponentsAndColors(t *testing.T) {
+	style := mustStyle(t, `{
+		"canvas": { "width": 100, "height": 100, "elements": [] },
+		"components": {
+			"shape": { "width": 100, "height": 100, "variants": { "a": { "elements": [] }, "b": { "elements": [] } } }
+		},
+		"colors": { "fill": { "values": ["#000000"] } }
+	}`)
+
+	descriptor := NewOptionsDescriptor(style).ToJSON()
+
+	if seed, _ := descriptor["seed"].(map[string]any); seed["type"] != "string" {
+		t.Errorf("seed descriptor = %v", descriptor["seed"])
+	}
+
+	shapeVariant, _ := descriptor["shapeVariant"].(map[string]any)
+	values, _ := shapeVariant["values"].([]string)
+	if !equalStrings(values, []string{"a", "b"}) {
+		t.Errorf("shapeVariant values = %v, want [a b]", shapeVariant["values"])
+	}
+
+	shapeProbability, _ := descriptor["shapeProbability"].(map[string]any)
+	if shapeProbability["type"] != "number" {
+		t.Errorf("shapeProbability type = %v", shapeProbability["type"])
+	}
+
+	if fill, _ := descriptor["fillColor"].(map[string]any); fill["type"] != "color" {
+		t.Errorf("fillColor type = %v", descriptor["fillColor"])
+	}
+	if bg, _ := descriptor["backgroundColor"].(map[string]any); bg["type"] != "color" {
+		t.Errorf("backgroundColor type = %v", descriptor["backgroundColor"])
+	}
+}
+
+func TestCircularColorReferenceIsReported(t *testing.T) {
+	style := mustStyle(t, `{
+		"canvas": {
+			"width": 100, "height": 100,
+			"elements": [{ "type": "element", "name": "rect", "attributes": { "fill": { "type": "color", "name": "a" } } }]
+		},
+		"colors": {
+			"a": { "values": ["#000000"], "contrastTo": "b" },
+			"b": { "values": ["#ffffff"], "contrastTo": "a" }
+		}
+	}`)
+
+	_, err := NewAvatar(style, map[string]any{"seed": "x"})
+	if err == nil {
+		t.Fatal("expected a circular color reference error")
+	}
+	if !strings.Contains(err.Error(), "Circular color reference") {
+		t.Errorf("error = %q, want it to mention a circular color reference", err)
+	}
+	if _, ok := err.(*CircularColorReferenceError); !ok {
+		t.Errorf("error type = %T, want *CircularColorReferenceError", err)
+	}
+}
+
+func TestJSONSerializesWholeNumberOptionsAsIntegers(t *testing.T) {
+	// The other ports emit integers ("size":128), not floats (128.0); the
+	// resolved-options snapshot must match byte-for-byte.
+	style := mustStyle(t, minimalStyle)
+	avatar, err := NewAvatar(style, map[string]any{"seed": "x", "size": 128})
+	if err != nil {
+		t.Fatalf("NewAvatar: %v", err)
+	}
+
+	b, err := avatar.JSON()
+	if err != nil {
+		t.Fatalf("JSON: %v", err)
+	}
+
+	dec := json.NewDecoder(bytes.NewReader(b))
+	dec.UseNumber()
+	var out struct {
+		Options map[string]any `json:"options"`
+	}
+	if err := dec.Decode(&out); err != nil {
+		t.Fatalf("decode: %v", err)
+	}
+	size, ok := out.Options["size"].(json.Number)
+	if !ok || size.String() != "128" {
+		t.Errorf("resolved size = %v, want 128 (integer, not float)", out.Options["size"])
+	}
+}
+
+func TestJSONEmitsOptionsInResolutionOrder(t *testing.T) {
+	// The envelope must match the JS port byte-for-byte, including the key
+	// order (size before title — both resolved before the root attributes).
+	// The expected string is the verbatim output of the JS core for the same
+	// style and options.
+	style := mustStyle(t, minimalStyle)
+	avatar, err := NewAvatar(style, map[string]any{"seed": "x", "size": 128, "title": "t"})
+	if err != nil {
+		t.Fatalf("NewAvatar: %v", err)
+	}
+
+	b, err := avatar.JSON()
+	if err != nil {
+		t.Fatalf("JSON: %v", err)
+	}
+
+	want := `"options":{"backgroundColorFill":"solid","backgroundColor":[],` +
+		`"scale":1,"flip":"none","rotate":0,"translateX":0,"translateY":0,` +
+		`"borderRadius":0,"size":128,"title":"t","idRandomization":false}`
+	if !strings.Contains(string(b), want) {
+		t.Errorf("JSON() options section diverges from the JS port:\n got: %s\nwant: …%s", b, want)
+	}
+}
+
+func TestValidationErrorsDoNotLeakWorkingDirectory(t *testing.T) {
+	// The schemas are registered under neutral absolute URIs; a relative name
+	// would be resolved against the process CWD and leak filesystem paths into
+	// the error message.
+	_, defErr := NewStyle([]byte(`{"components":{}}`))
+	style := mustStyle(t, minimalStyle)
+	_, optErr := NewAvatar(style, map[string]any{"seed": 123})
+
+	for _, err := range []error{defErr, optErr} {
+		if err == nil {
+			t.Fatal("expected a validation error")
+		}
+		if strings.Contains(err.Error(), "file://") {
+			t.Errorf("validation error leaks a filesystem path: %q", err)
+		}
+	}
+}
+
+func TestDeeplyNestedColorsResolveWithoutBlowup(t *testing.T) {
+	// Each color references the next via BOTH contrastTo and notEqualTo, which
+	// without memoization fans out to 2^depth color resolutions — a
+	// schema-valid hang. With the resolver's memo it is linear.
+	const depth = 40
+
+	var colors strings.Builder
+	for i := 0; i < depth; i++ {
+		fmt.Fprintf(&colors,
+			`"c%d":{"values":["#000000"],"contrastTo":"c%d","notEqualTo":["c%d"]},`,
+			i, i+1, i+1)
+	}
+	fmt.Fprintf(&colors, `"c%d":{"values":["#ffffff"]}`, depth)
+
+	def := fmt.Sprintf(
+		`{"canvas":{"width":100,"height":100,"elements":[{"type":"element","name":"rect","attributes":{"fill":{"type":"color","name":"c0"}}}]},"colors":{%s}}`,
+		colors.String())
+
+	style := mustStyle(t, def)
+	if _, err := NewAvatar(style, map[string]any{"seed": "x"}); err != nil {
+		t.Fatalf("deeply nested colors failed: %v", err)
+	}
+}
+
+func TestValidation(t *testing.T) {
+	style := mustStyle(t, minimalStyle)
+
+	// Accepts a minimal valid style and options.
+	if _, err := NewAvatar(style, map[string]any{"seed": "x"}); err != nil {
+		t.Errorf("minimal options rejected: %v", err)
+	}
+	// nil options are treated as empty and accepted.
+	if _, err := NewAvatar(style, nil); err != nil {
+		t.Errorf("nil options rejected: %v", err)
+	}
+
+	// Rejects a definition missing canvas.
+	if _, err := NewStyle([]byte(`{"components":{}}`)); err == nil {
+		t.Error("definition missing canvas must fail")
+	}
+
+	// Rejects an alias to an unknown component.
+	_, err := NewStyle([]byte(`{"canvas":{"width":100,"height":100,"elements":[]},"components":{"a":{"extends":"missing"}}}`))
+	if err == nil {
+		t.Error("alias to unknown component must fail")
+	} else if !strings.Contains(err.Error(), "unknown component") {
+		t.Errorf("error = %q, want it to mention an unknown component", err)
+	}
+
+	// Rejects options with a wrong type (seed must be a string).
+	if _, err := NewAvatar(style, map[string]any{"seed": 123}); err == nil {
+		t.Error("seed: 123 must fail validation")
+	}
+}
+
+func TestEncodeURIComponentMatchesJS(t *testing.T) {
+	// Expected values are exactly what JavaScript's encodeURIComponent returns.
+	cases := []struct{ in, want string }{
+		{"<svg>", "%3Csvg%3E"},
+		{"a b&c", "a%20b%26c"},
+		{"-_.!~*'()", "-_.!~*'()"}, // the unreserved set passes through
+		{"é", "%C3%A9"},            // multi-byte UTF-8 → per-byte escaping
+		{`"#/`, "%22%23%2F"},
+	}
+	for _, c := range cases {
+		if got := encodeURIComponent(c.in); got != c.want {
+			t.Errorf("encodeURIComponent(%q) = %q, want %q", c.in, got, c.want)
+		}
+	}
+}
+
+func TestDataURIEncodesSVG(t *testing.T) {
+	style := mustStyle(t, minimalStyle)
+	avatar, err := NewAvatar(style, map[string]any{"seed": "x"})
+	if err != nil {
+		t.Fatalf("NewAvatar: %v", err)
+	}
+
+	uri := avatar.DataURI()
+	if want := "data:image/svg+xml;charset=utf-8," + encodeURIComponent(avatar.SVG()); uri != want {
+		t.Errorf("DataURI() = %q, want %q", uri, want)
+	}
+	// The SVG starts with "<svg", which encodes to "%3Csvg".
+	if !strings.HasPrefix(uri, "data:image/svg+xml;charset=utf-8,%3Csvg") {
+		t.Errorf("DataURI() = %q, missing expected encoded prefix", uri)
+	}
+}
+
+func TestJSONDoesNotHTMLEscapeSVG(t *testing.T) {
+	// JS/PHP/Rust emit the literal "<svg ...>" in the JSON envelope; Go's default
+	// json.Marshal would escape < > & to < > &. JSON() must not.
+	style := mustStyle(t, minimalStyle)
+	avatar, err := NewAvatar(style, map[string]any{"seed": "x"})
+	if err != nil {
+		t.Fatalf("NewAvatar: %v", err)
+	}
+
+	b, err := avatar.JSON()
+	if err != nil {
+		t.Fatalf("JSON: %v", err)
+	}
+	s := string(b)
+
+	if !strings.Contains(s, `"svg":"<svg `) {
+		t.Errorf("JSON() should contain a literal \"<svg \", got: %s", s)
+	}
+	// The \uXXXX escapes json.Marshal would emit for < > & must be absent. Each
+	// literal is a backslash followed by uXXXX (six bytes), via the doubled
+	// backslash in the interpreted string.
+	for _, escaped := range []string{"\\u003c", "\\u003e", "\\u0026"} {
+		if strings.Contains(s, escaped) {
+			t.Errorf("JSON() must not HTML-escape (found %s), got: %s", escaped, s)
+		}
+	}
+}
diff --git a/src/go/core/avatar.go b/src/go/core/avatar.go
new file mode 100644
index 0000000..1f841d7
--- /dev/null
+++ b/src/go/core/avatar.go
@@ -0,0 +1,142 @@
+package dicebear
+
+import (
+	"bytes"
+	"encoding/json"
+
+	"github.com/dicebear/dicebear-go/v10/internal/render"
+)
+
+// Avatar is a rendered avatar. NewAvatar immediately resolves and renders the
+// SVG; the accessor methods return different serializations of that result.
+type Avatar struct {
+	svg             string
+	resolvedOptions map[string]any
+	order           []string
+}
+
+// NewAvatar validates options, then resolves and renders an avatar for style.
+// A nil options map is treated as empty. Returns an error on invalid options or
+// a circular color reference.
+//
+// Options are normalized through a JSON round-trip, so passing
+// map[string]any{"size": 128} (a Go int) behaves the same as the JSON 128.
+func NewAvatar(style *Style, options map[string]any) (*Avatar, error) {
+	result, err := render.Generate(style, options)
+	if err != nil {
+		return nil, err
+	}
+
+	return &Avatar{svg: result.SVG, resolvedOptions: result.Options, order: result.Order}, nil
+}
+
+// String returns the rendered SVG markup (implements fmt.Stringer).
+func (a *Avatar) String() string { return a.svg }
+
+// SVG returns the rendered SVG markup.
+func (a *Avatar) SVG() string { return a.svg }
+
+// ResolvedOptions returns a deep copy of the fully resolved options used to
+// render the avatar. The raw seed is deliberately excluded. The copy is deep
+// (color slices are cloned) so a caller mutating the result cannot corrupt the
+// avatar's internal state — matching the JS port's structuredClone.
+func (a *Avatar) ResolvedOptions() map[string]any {
+	out := make(map[string]any, len(a.resolvedOptions))
+	for k, v := range a.resolvedOptions {
+		if s, ok := v.([]string); ok {
+			clone := make([]string, len(s))
+			copy(clone, s)
+			out[k] = clone
+		} else {
+			out[k] = v
+		}
+	}
+	return out
+}
+
+// JSON returns { "svg", "options" } — the SVG and the resolved options used to
+// render it — as JSON bytes.
+//
+// It is built by hand rather than via json.Marshal for byte parity with the
+// other ports: those keep the resolved options in resolution order and do not
+// HTML-escape the SVG, whereas json.Marshal would sort the map keys
+// alphabetically and escape <, > and & in the embedded markup.
+func (a *Avatar) JSON() ([]byte, error) {
+	var b bytes.Buffer
+	b.WriteString(`{"svg":`)
+
+	svg, err := marshalNoEscape(a.svg)
+	if err != nil {
+		return nil, err
+	}
+	b.Write(svg)
+
+	b.WriteString(`,"options":{`)
+	for i, key := range a.order {
+		if i > 0 {
+			b.WriteByte(',')
+		}
+		k, err := marshalNoEscape(key)
+		if err != nil {
+			return nil, err
+		}
+		b.Write(k)
+		b.WriteByte(':')
+		v, err := marshalNoEscape(a.resolvedOptions[key])
+		if err != nil {
+			return nil, err
+		}
+		b.Write(v)
+	}
+	b.WriteString("}}")
+
+	return b.Bytes(), nil
+}
+
+// DataURI returns the SVG encoded as a data:image/svg+xml URI.
+func (a *Avatar) DataURI() string {
+	return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(a.svg)
+}
+
+// marshalNoEscape JSON-encodes v without escaping <, > and & (which json.Marshal
+// does by default), and strips the trailing newline json.Encoder appends.
+func marshalNoEscape(v any) ([]byte, error) {
+	var buf bytes.Buffer
+	enc := json.NewEncoder(&buf)
+	enc.SetEscapeHTML(false)
+	if err := enc.Encode(v); err != nil {
+		return nil, err
+	}
+	return bytes.TrimRight(buf.Bytes(), "\n"), nil
+}
+
+// encodeURIComponent percent-encodes s exactly like JavaScript's
+// encodeURIComponent: every byte is escaped except the unreserved set
+// A-Za-z0-9 and -_.!~*'().
+func encodeURIComponent(s string) string {
+	const upperhex = "0123456789ABCDEF"
+	const unreserved = "-_.!~*'()"
+
+	var b []byte
+	for i := 0; i < len(s); i++ {
+		c := s[i]
+		switch {
+		case c >= 'A' && c <= 'Z', c >= 'a' && c <= 'z', c >= '0' && c <= '9':
+			b = append(b, c)
+		case indexByteString(unreserved, c):
+			b = append(b, c)
+		default:
+			b = append(b, '%', upperhex[c>>4], upperhex[c&0x0f])
+		}
+	}
+	return string(b)
+}
+
+func indexByteString(set string, c byte) bool {
+	for i := 0; i < len(set); i++ {
+		if set[i] == c {
+			return true
+		}
+	}
+	return false
+}
diff --git a/src/go/core/avatars_test.go b/src/go/core/avatars_test.go
new file mode 100644
index 0000000..8006ba9
--- /dev/null
+++ b/src/go/core/avatars_test.go
@@ -0,0 +1,138 @@
+package dicebear
+
+import (
+	"bytes"
+	"encoding/json"
+	"os"
+	"path/filepath"
+	"reflect"
+	"testing"
+)
+
+// Cross-language avatar parity. Renders each shared fixture case and asserts the
+// SVG matches byte-for-byte the output committed under
+// <repo>/tests/fixtures/parity/avatars/, the same fixtures the JS, PHP,
+// Python, Rust and Dart suites render against.
+
+func TestAvatarParity(t *testing.T) {
+	styleNames := []string{"initials", "thumbs", "glass", "shape-grid", "notionists"}
+
+	for _, name := range styleNames {
+		stylePath := fixturePath(t, filepath.Join("styles", name+".json"))
+		styleJSON, err := os.ReadFile(stylePath)
+		if err != nil {
+			t.Fatalf("read style %s: %v", name, err)
+		}
+
+		style, err := NewStyle(styleJSON)
+		if err != nil {
+			t.Fatalf("parse style %s: %v", name, err)
+		}
+
+		var cases []struct {
+			ID              string          `json:"id"`
+			Options         map[string]any  `json:"options"`
+			SVG             string          `json:"svg"`
+			DataURI         string          `json:"dataUri"`
+			ResolvedOptions json.RawMessage `json:"resolvedOptions"`
+		}
+		readFixture(t, filepath.Join("avatars", name+".json"), &cases)
+
+		for _, c := range cases {
+			avatar, err := NewAvatar(style, c.Options)
+			if err != nil {
+				t.Fatalf("render %s/%s: %v", name, c.ID, err)
+				continue
+			}
+
+			if got := avatar.SVG(); got != c.SVG {
+				t.Errorf("%s/%s SVG mismatch at byte %d", name, c.ID, firstDiff(got, c.SVG))
+			}
+
+			// Only select cases carry a dataUri — it pins the percent-encoding
+			// contract (JS encodeURIComponent) without bloating every fixture.
+			if c.DataURI != "" {
+				if got := avatar.DataURI(); got != c.DataURI {
+					t.Errorf("%s/%s data URI mismatch at byte %d", name, c.ID, firstDiff(got, c.DataURI))
+				}
+			}
+
+			// Deep-equal (order-independent), like the JS/PHP/Python/Rust/Dart
+			// suites. Decode with UseNumber so a JSON integer (1) and float
+			// (1.0) compare unequal — this pins whole-number options as JSON
+			// integers, the same guarantee the Rust suite makes.
+			gotJSON, err := json.Marshal(avatar.ResolvedOptions())
+			if err != nil {
+				t.Fatalf("marshal resolved options %s/%s: %v", name, c.ID, err)
+			}
+			got := decodeNumberAware(t, gotJSON)
+			want := decodeNumberAware(t, c.ResolvedOptions)
+			if !reflect.DeepEqual(got, want) {
+				t.Errorf("%s/%s resolved options mismatch\n got: %s\nwant: %s", name, c.ID, gotJSON, c.ResolvedOptions)
+			}
+		}
+	}
+}
+
+// Cross-language descriptor parity: the field map every port derives from a
+// style (types, ranges, sorted variant lists, per-color fields) must deep-equal
+// the JS-generated fixture. The number-aware decode also pins whole numbers as
+// JSON integers, like the resolved-options assertion above.
+func TestDescriptorParity(t *testing.T) {
+	styleNames := []string{"initials", "thumbs", "glass", "shape-grid", "notionists"}
+
+	for _, name := range styleNames {
+		styleJSON, err := os.ReadFile(fixturePath(t, filepath.Join("styles", name+".json")))
+		if err != nil {
+			t.Fatalf("read style %s: %v", name, err)
+		}
+		style, err := NewStyle(styleJSON)
+		if err != nil {
+			t.Fatalf("parse style %s: %v", name, err)
+		}
+
+		gotJSON, err := json.Marshal(NewOptionsDescriptor(style).ToJSON())
+		if err != nil {
+			t.Fatalf("marshal descriptor %s: %v", name, err)
+		}
+
+		wantJSON, err := os.ReadFile(fixturePath(t, filepath.Join("descriptors", name+".json")))
+		if err != nil {
+			t.Fatalf("read descriptor %s: %v", name, err)
+		}
+
+		got := decodeNumberAware(t, gotJSON)
+		want := decodeNumberAware(t, wantJSON)
+		if !reflect.DeepEqual(got, want) {
+			t.Errorf("%s descriptor mismatch\n got: %s\nwant: %s", name, gotJSON, wantJSON)
+		}
+	}
+}
+
+// decodeNumberAware unmarshals JSON into `any` with UseNumber, so numbers stay
+// as json.Number (distinguishing 1 from 1.0) instead of collapsing to float64.
+func decodeNumberAware(t *testing.T, b []byte) any {
+	t.Helper()
+	dec := json.NewDecoder(bytes.NewReader(b))
+	dec.UseNumber()
+	var v any
+	if err := dec.Decode(&v); err != nil {
+		t.Fatalf("decode: %v", err)
+	}
+	return v
+}
+
+// firstDiff returns the index of the first byte where a and b differ, or the
+// length of the shorter string if one is a prefix of the other.
+func firstDiff(a, b string) int {
+	n := len(a)
+	if len(b) < n {
+		n = len(b)
+	}
+	for i := 0; i < n; i++ {
+		if a[i] != b[i] {
+			return i
+		}
+	}
+	return n
+}
diff --git a/src/go/core/color/color.go b/src/go/core/color/color.go
new file mode 100644
index 0000000..3fbff36
--- /dev/null
+++ b/src/go/core/color/color.go
@@ -0,0 +1,183 @@
+// Package color holds the color helpers used by the DiceBear renderer and the
+// option resolver: hex normalization, WCAG relative luminance, contrast sorting,
+// and exclusion filtering. They are exported so consumers can reproduce the
+// engine's color math, mirroring the `Color` utility in the JS core and the
+// `color` module in the Rust core.
+package color
+
+import (
+	"math"
+	"sort"
+	"strconv"
+	"strings"
+)
+
+// ToHex normalizes any hex format to 6- or 8-digit lowercase with a "#" prefix.
+func ToHex(hex string) string {
+	h := strings.ToLower(strings.TrimPrefix(hex, "#"))
+	c := []rune(h)
+
+	switch len(c) {
+	case 3:
+		return "#" + dup(c[0]) + dup(c[1]) + dup(c[2])
+	case 4:
+		return "#" + dup(c[0]) + dup(c[1]) + dup(c[2]) + dup(c[3])
+	default:
+		return "#" + h
+	}
+}
+
+// ToRGBHex is like ToHex, but strips the alpha channel and always returns
+// 6-digit hex.
+func ToRGBHex(hex string) string {
+	h := ToHex(hex)
+
+	// JS slice(0, 7) counts UTF-16 code units and never splits a char; using
+	// runes keeps a multi-byte char (reachable via non-hex input) from being
+	// split mid-byte.
+	r := []rune(h)
+	if len(r) > 7 {
+		return string(r[:7])
+	}
+	return h
+}
+
+// ParseHex parses a hex color into an (r, g, b) triple of 8-bit channel values.
+// Malformed channels fall back to 0.
+func ParseHex(hex string) (uint8, uint8, uint8) {
+	h := []rune(ToHex(hex))[1:]
+	digits := string(h)
+
+	return channel(digits, 0), channel(digits, 2), channel(digits, 4)
+}
+
+// Luminance returns the WCAG 2.1 relative luminance with sRGB linearization.
+//
+// See https://www.w3.org/WAI/GL/wiki/Relative_luminance
+func Luminance(hex string) float64 {
+	r, g, b := ParseHex(hex)
+
+	// The explicit float64 conversions force each product to be rounded before
+	// the additions. Without them the compiler may fuse multiply and add into
+	// FMA instructions (e.g. on arm64), which rounds once instead of twice and
+	// diverges from the other language ports in the last ULP.
+	return float64(0.2126*linearize(r)) + float64(0.7152*linearize(g)) + float64(0.0722*linearize(b))
+}
+
+// SortByContrast returns a new slice sorted by descending contrast against
+// refColor. The sort is stable, matching the JS `b.ratio - a.ratio` sort.
+//
+// See https://www.w3.org/WAI/GL/wiki/Contrast_ratio
+func SortByContrast(candidates []string, refColor string) []string {
+	refLum := Luminance(refColor)
+
+	type entry struct {
+		color string
+		ratio float64
+	}
+
+	withRatio := make([]entry, len(candidates))
+	for i, c := range candidates {
+		lum := Luminance(c)
+		ratio := (math.Max(lum, refLum) + 0.05) / (math.Min(lum, refLum) + 0.05)
+		withRatio[i] = entry{color: c, ratio: ratio}
+	}
+
+	sort.SliceStable(withRatio, func(a, b int) bool {
+		return withRatio[a].ratio > withRatio[b].ratio
+	})
+
+	out := make([]string, len(withRatio))
+	for i, e := range withRatio {
+		out[i] = e.color
+	}
+	return out
+}
+
+// FilterNotEqualTo returns a new slice with excluded colors removed, falling
+// back to the original candidates when filtering would empty the list.
+func FilterNotEqualTo(candidates, excluded []string) []string {
+	normalized := make(map[string]struct{}, len(excluded))
+	for _, c := range excluded {
+		normalized[ToRGBHex(c)] = struct{}{}
+	}
+
+	filtered := make([]string, 0, len(candidates))
+	for _, c := range candidates {
+		if _, ok := normalized[ToRGBHex(c)]; !ok {
+			filtered = append(filtered, c)
+		}
+	}
+
+	if len(filtered) == 0 {
+		out := make([]string, len(candidates))
+		copy(out, candidates)
+		return out
+	}
+
+	return filtered
+}
+
+// dup returns the rune repeated twice as a string.
+func dup(r rune) string {
+	return string([]rune{r, r})
+}
+
+// channel parses two hex digits at start into a channel value, falling back to 0.
+func channel(digits string, start int) uint8 {
+	if start+2 > len(digits) {
+		return 0
+	}
+	v, err := strconv.ParseUint(digits[start:start+2], 16, 8)
+	if err != nil {
+		return 0
+	}
+	return uint8(v)
+}
+
+// linearized holds the linear-light value for every 8-bit sRGB channel value,
+// precomputed from s / 12.92 below the 0.04045 threshold and
+// math.Pow((s+0.055)/1.055, 2.4) above it (s = c / 255).
+//
+// A lookup table because pow is not required to be correctly rounded: results
+// differ between math libraries and JS engines, which would break
+// cross-language byte parity. Values are the JS reference outputs.
+var linearized = [256]float64{
+	0.0, 0.0003035269835488375, 0.000607053967097675, 0.0009105809506465125, 0.00121410793419535, 0.0015176349177441874, 0.001821161901293025, 0.0021246888848418626,
+	0.0024282158683907, 0.0027317428519395373, 0.003035269835488375, 0.003346535763899161, 0.003676507324047436, 0.004024717018496307, 0.004391442037410293, 0.004776953480693729,
+	0.005181516702338386, 0.005605391624202723, 0.006048833022857055, 0.006512090792594474, 0.006995410187265387, 0.007499032043226175, 0.008023192985384994, 0.008568125618069307,
+	0.009134058702220787, 0.009721217320237847, 0.010329823029626938, 0.010960094006488246, 0.011612245179743887, 0.012286488356915872, 0.012983032342173012, 0.013702083047289686,
+	0.014443843596092545, 0.01520851442291271, 0.01599629336550963, 0.016807375752887384, 0.017641954488384078, 0.018500220128379697, 0.019382360956935723, 0.0202885630566524,
+	0.021219010376003558, 0.02217388479338738, 0.02315336617811041, 0.024157632448504756, 0.025186859627361627, 0.026241221894849898, 0.027320891639074897, 0.028426039504420793,
+	0.0295568344378088, 0.030713443732993635, 0.03189603307301153, 0.033104766570885055, 0.03433980680868217, 0.03560131487502034, 0.03688945040110004, 0.0382043715953465,
+	0.03954623527673283, 0.04091519690685319, 0.042311410620809675, 0.043735029256973465, 0.04518620438567554, 0.0466650863368801, 0.048171824226889426, 0.04970656598412723,
+	0.05126945837404324, 0.052860647023180246, 0.05448027644244237, 0.05612849004960009, 0.05780543019106723, 0.0595112381629812, 0.06124605423161761, 0.06301001765316767,
+	0.06480326669290577, 0.06662593864377289, 0.06847816984440017, 0.07036009569659588, 0.07227185068231748, 0.07421356838014963, 0.07618538148130785, 0.07818742180518633,
+	0.08021982031446831, 0.0822827071298148, 0.08437621154414882, 0.08650046203654976, 0.08865558628577294, 0.09084171118340767, 0.09305896284668747, 0.0953074666309647,
+	0.09758734714186246, 0.09989872824711389, 0.1022417330881013, 0.10461648409110419, 0.10702310297826761, 0.10946171077829933, 0.1119324278369056, 0.11443537382697373,
+	0.11697066775851084, 0.11953842798834562, 0.12213877222960187, 0.12477181756095049, 0.12743768043564743, 0.1301364766903643, 0.13286832155381798, 0.13563332965520566,
+	0.13843161503245183, 0.14126329114027164, 0.14412847085805777, 0.14702726649759498, 0.14995978981060856, 0.15292615199615017, 0.1559264637078274, 0.1589608350608804,
+	0.16202937563911096, 0.1651321945016676, 0.16826940018969075, 0.1714411007328226, 0.17464740365558504, 0.17788841598362914, 0.18116424424986022, 0.184474994500441,
+	0.18782077230067787, 0.1912016827407914, 0.19461783044157582, 0.19806931955994886, 0.20155625379439707, 0.20507873639031693, 0.20863687014525575, 0.21223075741405523,
+	0.21586050011389923, 0.21952619972926923, 0.2232279573168085, 0.22696587351009836, 0.23074004852434915, 0.23455058216100522, 0.238397573812271, 0.24228112246555486,
+	0.24620132670783548, 0.25015828472995344, 0.25415209433082675, 0.2581828529215958, 0.26225065752969623, 0.26635560480286247, 0.2704977910130658, 0.27467731206038465,
+	0.2788942634768104, 0.2831487404299921, 0.2874408377269175, 0.29177064981753587, 0.2961382707983211, 0.3005437944157765, 0.3049873140698863, 0.30946892281750854,
+	0.31398871337571754, 0.31854677812509186, 0.32314320911295075, 0.3277780980565422, 0.33245153634617935, 0.33716361504833037, 0.341914424908661, 0.3467040563550296,
+	0.35153259950043936, 0.3564001441459435, 0.3613067797835095, 0.3662525955988395, 0.3712376804741491, 0.37626212299090644, 0.3813260114325301, 0.386429433787049,
+	0.39157247774972326, 0.39675523072562685, 0.40197777983219574, 0.4072402119017367, 0.41254261348390375, 0.4178850708481375, 0.4232676699860717, 0.4286904966139067,
+	0.4341536361747489, 0.4396571738409188, 0.44520119451622786, 0.45078578283822346, 0.45641102318040466, 0.4620769996544071, 0.467783796112159, 0.47353149614800955,
+	0.4793201831008268, 0.4851499400560704, 0.4910208498478356, 0.4969329950608704, 0.5028864580325687, 0.5088813208549338, 0.5149176653765214, 0.5209955732043543,
+	0.5271151257058131, 0.5332764040105052, 0.5394794890121071, 0.5457244613701866, 0.5520114015120001, 0.5583403896342679, 0.5647115057049292, 0.5711248294648731,
+	0.5775804404296506, 0.5840784178911641, 0.5906188409193369, 0.5972017883637634, 0.6038273388553378, 0.6104955708078648, 0.6172065624196511, 0.6239603916750761,
+	0.6307571363461468, 0.6375968739940326, 0.6444796819705821, 0.6514056374198242, 0.6583748172794486, 0.665387298282272, 0.6724431569576875, 0.6795424696330938,
+	0.6866853124353134, 0.6938717612919899, 0.7011018919329731, 0.7083757798916868, 0.7156935005064807, 0.7230551289219693, 0.7304607400903537, 0.7379104087727308,
+	0.7454042095403874, 0.7529422167760779, 0.7605245046752924, 0.7681511472475071, 0.7758222183174236, 0.7835377915261935, 0.7912979403326302, 0.799102738014409,
+	0.8069522576692516, 0.8148465722161012, 0.8227857543962835, 0.8307698767746546, 0.83879901174074, 0.846873231509858, 0.8549926081242338, 0.8631572134541023,
+	0.8713671191987973, 0.8796223968878317, 0.8879231178819663, 0.8962693533742664, 0.9046611743911496, 0.9130986517934192, 0.9215818562772946, 0.9301108583754237,
+	0.938685728457888, 0.9473065367331999, 0.9559733532492861, 0.9646862478944651, 0.9734452903984125, 0.9822505503331171, 0.9911020971138298, 1,
+}
+
+// linearize converts an 8-bit sRGB channel value into linear-light space.
+func linearize(c uint8) float64 {
+	return linearized[c]
+}
diff --git a/src/go/core/color/color_test.go b/src/go/core/color/color_test.go
new file mode 100644
index 0000000..445cb1e
--- /dev/null
+++ b/src/go/core/color/color_test.go
@@ -0,0 +1,61 @@
+package color
+
+import (
+	"math"
+	"reflect"
+	"testing"
+)
+
+func TestNormalizesHex(t *testing.T) {
+	cases := []struct{ in, want string }{
+		{"#ABC", "#aabbcc"},
+		{"abcd", "#aabbccdd"},
+		{"#A1B2C3", "#a1b2c3"},
+	}
+	for _, c := range cases {
+		if got := ToHex(c.in); got != c.want {
+			t.Errorf("ToHex(%q) = %q, want %q", c.in, got, c.want)
+		}
+	}
+	if got := ToRGBHex("#aabbccdd"); got != "#aabbcc" {
+		t.Errorf("ToRGBHex(#aabbccdd) = %q, want #aabbcc", got)
+	}
+}
+
+func TestParsesChannels(t *testing.T) {
+	if r, g, b := ParseHex("#ff8000"); r != 255 || g != 128 || b != 0 {
+		t.Errorf("ParseHex(#ff8000) = %d,%d,%d", r, g, b)
+	}
+	if r, g, b := ParseHex("#fff"); r != 255 || g != 255 || b != 255 {
+		t.Errorf("ParseHex(#fff) = %d,%d,%d", r, g, b)
+	}
+}
+
+func TestLuminanceEndpoints(t *testing.T) {
+	if got := Luminance("#000000"); got != 0.0 {
+		t.Errorf("Luminance(#000000) = %v, want 0", got)
+	}
+	if got := Luminance("#ffffff"); math.Abs(got-1.0) > 1e-9 {
+		t.Errorf("Luminance(#ffffff) = %v, want ~1", got)
+	}
+}
+
+func TestSortsByContrastDescending(t *testing.T) {
+	got := SortByContrast([]string{"#808080", "#ffffff", "#000000"}, "#000000")
+	want := []string{"#ffffff", "#808080", "#000000"}
+	if !reflect.DeepEqual(got, want) {
+		t.Errorf("SortByContrast = %v, want %v", got, want)
+	}
+}
+
+func TestFiltersExcludedAndFallsBack(t *testing.T) {
+	candidates := []string{"#ff0000", "#00ff00"}
+
+	if got := FilterNotEqualTo(candidates, []string{"#ff0000"}); !reflect.DeepEqual(got, []string{"#00ff00"}) {
+		t.Errorf("FilterNotEqualTo = %v, want [#00ff00]", got)
+	}
+	// Excluding everything falls back to the original candidates.
+	if got := FilterNotEqualTo(candidates, []string{"#ff0000", "#00ff00"}); !reflect.DeepEqual(got, candidates) {
+		t.Errorf("FilterNotEqualTo (all excluded) = %v, want %v", got, candidates)
+	}
+}
diff --git a/src/go/core/doc.go b/src/go/core/doc.go
new file mode 100644
index 0000000..837cbce
--- /dev/null
+++ b/src/go/core/doc.go
@@ -0,0 +1,36 @@
+// Package dicebear is the Go implementation of the DiceBear avatar library. It
+// generates deterministic SVG avatars from a style definition and a seed string.
+//
+// DiceBear is available for multiple languages (JavaScript, PHP, Python, Rust,
+// Go and Dart). All implementations share the same key-based PRNG and
+// rendering pipeline, producing byte-identical SVG output for the same seed,
+// style, and options — verified against the cross-language parity fixtures
+// under tests/fixtures/parity in the monorepo.
+//
+// This package is a thin public façade: [Avatar], [Style], [OptionsDescriptor]
+// and the typed errors ([ValidationError], [CircularColorReferenceError]). The
+// engine — PRNG, resolver, renderer, options reader, style model, validation —
+// lives under internal/ so it can be refactored freely without affecting the
+// public API. The color helpers are the one other public surface, in the
+// sub-package github.com/dicebear/dicebear-go/v10/color.
+//
+// Style definitions and option sets are the same JSON the npm, Composer, PyPI,
+// crates.io and pub.dev packages consume; the pure-data style definitions ship
+// as github.com/dicebear/styles/v10.
+//
+//	style, err := dicebear.NewStyle([]byte(styles.Adventurer))
+//	if err != nil {
+//	    // handle error
+//	}
+//
+//	avatar, err := dicebear.NewAvatar(style, map[string]any{
+//	    "seed": "John Doe",
+//	    "size": 128,
+//	})
+//	if err != nil {
+//	    // handle error
+//	}
+//
+//	svg := avatar.SVG()           // SVG string
+//	uri := avatar.DataURI()       // data:image/svg+xml;charset=utf-8,...
+package dicebear
diff --git a/src/go/core/error.go b/src/go/core/error.go
new file mode 100644
index 0000000..addf045
--- /dev/null
+++ b/src/go/core/error.go
@@ -0,0 +1,13 @@
+package dicebear
+
+import "github.com/dicebear/dicebear-go/v10/internal/errs"
+
+// ValidationError is returned when a style definition or an options object
+// fails schema (or, for style definitions, alias) validation. It is an alias of
+// the internal error type, so type assertions and errors.As work across the
+// package boundary.
+type ValidationError = errs.ValidationError
+
+// CircularColorReferenceError is returned when a color in the style definition
+// references itself, directly or indirectly.
+type CircularColorReferenceError = errs.CircularColorReferenceError
diff --git a/src/go/core/go.mod b/src/go/core/go.mod
new file mode 100644
index 0000000..12276ea
--- /dev/null
+++ b/src/go/core/go.mod
@@ -0,0 +1,10 @@
+module github.com/dicebear/dicebear-go/v10
+
+go 1.23
+
+require (
+	github.com/dicebear/schema v1.2.0
+	github.com/santhosh-tekuri/jsonschema/v6 v6.0.2
+)
+
+require golang.org/x/text v0.14.0
diff --git a/src/go/core/go.sum b/src/go/core/go.sum
new file mode 100644
index 0000000..3d2b08f
--- /dev/null
+++ b/src/go/core/go.sum
@@ -0,0 +1,8 @@
+github.com/dicebear/schema v1.2.0 h1:Vu5h9bP7pq69hjlW8NbW/XSL6neMWOZmtlucPmC/mdM=
+github.com/dicebear/schema v1.2.0/go.mod h1:MPcjp3gkb9i9qJZ1CttUo/brppkIN4f+7CFFlW6KWU4=
+github.com/dlclark/regexp2 v1.11.0 h1:G/nrcoOa7ZXlpoa/91N3X7mM3r8eIlMBBJZvsz/mxKI=
+github.com/dlclark/regexp2 v1.11.0/go.mod h1:DHkYz0B9wPfa6wondMfaivmHpzrQ3v9q8cnmRbL6yW8=
+github.com/santhosh-tekuri/jsonschema/v6 v6.0.2 h1:KRzFb2m7YtdldCEkzs6KqmJw4nqEVZGK7IN2kJkjTuQ=
+github.com/santhosh-tekuri/jsonschema/v6 v6.0.2/go.mod h1:JXeL+ps8p7/KNMjDQk3TCwPpBy0wYklyWTfbkIzdIFU=
+golang.org/x/text v0.14.0 h1:ScX5w1eTa3QqT8oi6+ziP7dTV1S2+ALU0bI+0zXKWiQ=
+golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
diff --git a/src/go/core/internal/errs/errs.go b/src/go/core/internal/errs/errs.go
new file mode 100644
index 0000000..b89dcd8
--- /dev/null
+++ b/src/go/core/internal/errs/errs.go
@@ -0,0 +1,34 @@
+// Package errs holds the error types that surface through the public API. It is
+// a leaf package so every other internal package can construct these errors
+// without an import cycle; the root package re-exports them via type aliases.
+package errs
+
+import (
+	"fmt"
+	"strings"
+)
+
+// ValidationError is returned when a style definition or an options object
+// fails schema (or, for style definitions, alias) validation. Details carries
+// the individual failures; the Subject distinguishes the two schemas.
+type ValidationError struct {
+	// Subject is either "style definition" or "options".
+	Subject string
+	// Details holds one entry per failed constraint.
+	Details []string
+}
+
+func (e *ValidationError) Error() string {
+	return fmt.Sprintf("invalid %s: %s", e.Subject, strings.Join(e.Details, "; "))
+}
+
+// CircularColorReferenceError is returned when a color in the style definition
+// references itself, directly or indirectly (e.g. a.contrastTo = b and
+// b.contrastTo = a). Chain reproduces the resolution path that closed the cycle.
+type CircularColorReferenceError struct {
+	Chain []string
+}
+
+func (e *CircularColorReferenceError) Error() string {
+	return "Circular color reference: " + strings.Join(e.Chain, " → ")
+}
diff --git a/src/go/core/internal/initials/initials.go b/src/go/core/internal/initials/initials.go
new file mode 100644
index 0000000..ef9ee64
--- /dev/null
+++ b/src/go/core/internal/initials/initials.go
@@ -0,0 +1,81 @@
+// Package initials derives display initials from a seed string.
+//
+// Words are split by Unicode letter/mark classes (\p{L}, \p{M}) so the result
+// matches the JS, PHP, Python, Rust and Dart ports for accented and non-Latin
+// input. See https://www.regular-expressions.info/unicode.html
+package initials
+
+import (
+	"regexp"
+	"strings"
+
+	"golang.org/x/text/cases"
+	"golang.org/x/text/language"
+)
+
+// upper applies full Unicode case mapping (ß→SS, fi→FI, …), matching JS
+// toUpperCase and Rust to_uppercase. Go's strings.ToUpper only does simple 1:1
+// mapping, which would diverge for special-casing letters. A fresh Caser is
+// built per call because cases.Caser is not safe for concurrent use.
+func upper(s string) string {
+	return cases.Upper(language.Und).String(s)
+}
+
+var (
+	// Apostrophes and accents that should not break a word (e.g. l'eau, d´or).
+	reQuotes = regexp.MustCompile("[`´'ʼ]")
+	// A word: a letter followed by any letters or combining marks.
+	reWord = regexp.MustCompile(`\p{L}[\p{L}\p{M}]*`)
+	// The first one or two letter+marks units of a word.
+	reTwo = regexp.MustCompile(`^(?:\p{L}\p{M}*){1,2}`)
+	// The first single letter+marks unit of a word.
+	reOne = regexp.MustCompile(`^(?:\p{L}\p{M}*)`)
+)
+
+// FromSeed returns one or two uppercase initials for seed, discarding an "@…"
+// suffix so email addresses yield a single initial.
+func FromSeed(seed string) string {
+	return fromSeedWith(seed, true)
+}
+
+// fromSeedWith is FromSeed with control over whether an "@…" suffix is stripped
+// before deriving initials.
+func fromSeedWith(seed string, discardAtSymbol bool) string {
+	input := seed
+
+	if discardAtSymbol {
+		// Strip the whole @ suffix (including any line terminators), mirroring
+		// the dotall `@.*` strip in every port. Only the first @ matters since
+		// `.*` reaches the end.
+		if i := strings.IndexByte(input, '@'); i >= 0 {
+			input = input[:i]
+		}
+	}
+
+	input = reQuotes.ReplaceAllString(input, "")
+
+	words := reWord.FindAllString(input, -1)
+
+	if len(words) == 0 {
+		if discardAtSymbol {
+			return fromSeedWith(seed, false)
+		}
+		return ""
+	}
+
+	if len(words) == 1 {
+		if m := reTwo.FindString(words[0]); m != "" {
+			return upper(m)
+		}
+		return ""
+	}
+
+	first := reOne.FindString(words[0])
+	last := reOne.FindString(words[len(words)-1])
+
+	if first == "" || last == "" {
+		return ""
+	}
+
+	return upper(first + last)
+}
diff --git a/src/go/core/internal/num/num.go b/src/go/core/internal/num/num.go
new file mode 100644
index 0000000..f42b9af
--- /dev/null
+++ b/src/go/core/internal/num/num.go
@@ -0,0 +1,76 @@
+// Package num holds the numeric helpers shared by the PRNG and the renderer:
+// SVG number formatting and the JavaScript-compatible half-up rounding the rest
+// of the engine depends on for cross-language parity.
+package num
+
+import (
+	"math"
+	"strconv"
+	"strings"
+)
+
+// Format formats a number for SVG output, rounded to at most 5 decimal places.
+//
+// Rounding to a fixed precision keeps the output bounded and identical across
+// the JS, PHP, Python, Rust, Go and Dart ports: every value becomes a multiple
+// of 1e-5, which has no exponential form, so the result is built from integer
+// arithmetic with no locale- or language-specific float stringifying.
+func Format(value float64) string {
+	if math.IsNaN(value) {
+		return "NaN"
+	}
+	if math.IsInf(value, 1) {
+		return "Infinity"
+	}
+	if math.IsInf(value, -1) {
+		return "-Infinity"
+	}
+
+	scaled := int64(RoundHalfUp(value * 100000.0))
+	sign := ""
+	if scaled < 0 {
+		sign = "-"
+		scaled = -scaled
+	}
+
+	integerPart := scaled / 100000
+	fraction := strings.TrimRight(pad5(scaled%100000), "0")
+
+	if fraction == "" {
+		return sign + strconv.FormatInt(integerPart, 10)
+	}
+
+	return sign + strconv.FormatInt(integerPart, 10) + "." + fraction
+}
+
+// RoundHalfUp rounds half toward +∞, matching JavaScript's Math.round. Go's
+// math.Round rounds half away from zero, and the naive math.Floor(x + 0.5)
+// over-rounds the largest double below 0.5; comparing the fractional part
+// against 0.5 reproduces Math.round exactly.
+//
+// go:noinline is load-bearing for parity: the Go spec lets the compiler fuse a
+// multiply in the caller (e.g. value*100000.0) with the subtraction below into
+// a single FMA, computing the product at extended precision. That makes an
+// exact half such as 1.999995*100000 == 199999.5 never materialize, diverging
+// from JS/Rust which round per operation. Forbidding inlining forces the
+// argument to be rounded to float64 at the call boundary.
+//
+//go:noinline
+func RoundHalfUp(value float64) float64 {
+	floor := math.Floor(value)
+
+	if value-floor < 0.5 {
+		return floor
+	}
+
+	return floor + 1.0
+}
+
+// pad5 left-pads a non-negative integer with zeros to five digits.
+func pad5(n int64) string {
+	s := strconv.FormatInt(n, 10)
+	if len(s) < 5 {
+		s = strings.Repeat("0", 5-len(s)) + s
+	}
+	return s
+}
diff --git a/src/go/core/internal/prng/fnv1a.go b/src/go/core/internal/prng/fnv1a.go
new file mode 100644
index 0000000..c300ee4
--- /dev/null
+++ b/src/go/core/internal/prng/fnv1a.go
@@ -0,0 +1,33 @@
+package prng
+
+import (
+	"fmt"
+	"unicode/utf16"
+)
+
+// FNV-1a 32-bit hash.
+//
+// Offset basis: 0x811c9dc5, prime: 0x01000193.
+//
+// See https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function
+
+// Hash returns the unsigned 32-bit FNV-1a hash of input.
+//
+// The input is hashed by its UTF-16 code units (matching JS charCodeAt), so the
+// result is identical across the language ports even for non-ASCII or non-BMP
+// seeds. uint32 arithmetic wraps on overflow, reproducing JS Math.imul / >>> 0.
+func Hash(input string) uint32 {
+	hash := uint32(0x811c9dc5)
+
+	for _, code := range utf16.Encode([]rune(input)) {
+		hash ^= uint32(code)
+		hash *= 0x01000193
+	}
+
+	return hash
+}
+
+// Hex returns the FNV-1a hash of input as an 8-character lowercase hex string.
+func Hex(input string) string {
+	return fmt.Sprintf("%08x", Hash(input))
+}
diff --git a/src/go/core/internal/prng/mulberry32.go b/src/go/core/internal/prng/mulberry32.go
new file mode 100644
index 0000000..a93f1a2
--- /dev/null
+++ b/src/go/core/internal/prng/mulberry32.go
@@ -0,0 +1,48 @@
+package prng
+
+// uint32MaxPlus1 is 2^32, the divisor that maps a uint32 into [0, 1).
+const uint32MaxPlus1 = 4294967296.0
+
+// Mulberry32 is a stateful PRNG matching the C reference by Tommy Ettinger.
+//
+// C original:
+//
+//	uint32_t z = (x += 0x6D2B79F5UL);
+//	z = (z ^ (z >> 15)) * (z | 1UL);
+//	z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+//	return z ^ (z >> 14);
+//
+// All arithmetic is unsigned 32-bit; Go's wrapping uint32 ops and logical >>
+// reproduce the JS Math.imul / >>> / | 0 behaviour exactly.
+//
+// See https://gist.github.com/tommyettinger/46a874533244883189143505d203312c
+type Mulberry32 struct {
+	state uint32
+}
+
+func NewMulberry32(seed uint32) *Mulberry32 {
+	return &Mulberry32{state: seed}
+}
+
+// Next advances the state and returns the next unsigned 32-bit value.
+func (m *Mulberry32) Next() uint32 {
+	z := m.state + 0x6d2b79f5
+	m.state = z
+
+	t := (z ^ (z >> 15)) * (z | 1)
+	t ^= t + (t^(t>>7))*(t|61)
+
+	return t ^ (t >> 14)
+}
+
+// NextFloat advances the state and returns the next value in [0, 1).
+func (m *Mulberry32) NextFloat() float64 {
+	return float64(m.Next()) / uint32MaxPlus1
+}
+
+// SignedState returns the current internal state as a signed 32-bit value,
+// matching the JS reference where the state is stored via | 0. Exercised by the
+// parity tests.
+func (m *Mulberry32) SignedState() int32 {
+	return int32(m.state)
+}
diff --git a/src/go/core/internal/prng/prng.go b/src/go/core/internal/prng/prng.go
new file mode 100644
index 0000000..ac0c652
--- /dev/null
+++ b/src/go/core/internal/prng/prng.go
@@ -0,0 +1,232 @@
+// Package prng is the key-based pseudorandom number generator and its
+// primitives (FNV-1a, Mulberry32). Each method takes a key that, combined with
+// the seed, produces a deterministic value: the same seed + key always yields
+// the same result, regardless of call order.
+package prng
+
+import (
+	"math"
+	"sort"
+	"strconv"
+	"unicode/utf16"
+
+	"github.com/dicebear/dicebear-go/v10/internal/num"
+)
+
+// Range is a closed numeric range. Min == Max is a fixed value. Step quantizes
+// the range to multiples of Step starting at Min; a nil or non-positive step
+// means continuous. It mirrors the Range type the JS, PHP, Python, Rust and
+// Dart ports share.
+type Range struct {
+	Min  float64  `json:"min"`
+	Max  float64  `json:"max"`
+	Step *float64 `json:"step"`
+}
+
+// Prng is a key-based pseudorandom number generator.
+type Prng struct {
+	seed string
+}
+
+func New(seed string) *Prng {
+	return &Prng{seed: seed}
+}
+
+// GetValue returns a single float in [0, 1) derived from "seed:key".
+func (p *Prng) GetValue(key string) float64 {
+	return NewMulberry32(Hash(p.seed + ":" + key)).NextFloat()
+}
+
+// Pick picks a single item from items deterministically. ok is false for an
+// empty slice. Duplicate values (by toStr) are collapsed before picking, so
+// input order and duplication do not affect the result.
+func Pick[T any](p *Prng, key string, items []T, toStr func(T) string) (T, bool) {
+	var zero T
+
+	if len(items) == 0 {
+		return zero, false
+	}
+	if len(items) == 1 {
+		return items[0], true
+	}
+
+	unique := uniqueBy(items, toStr)
+	if len(unique) == 1 {
+		return unique[0], true
+	}
+
+	sort.SliceStable(unique, func(i, j int) bool {
+		return cmpUTF16(toStr(unique[i]), toStr(unique[j])) < 0
+	})
+
+	index := int(math.Floor(p.GetValue(key) * float64(len(unique))))
+	return unique[index], true
+}
+
+// WeightedPick picks a key from weights proportional to its weight. When all
+// weights are zero, it falls back to an unweighted pick. ok is false for an
+// empty map.
+func (p *Prng) WeightedPick(key string, weights map[string]float64) (string, bool) {
+	if len(weights) == 0 {
+		return "", false
+	}
+	if len(weights) == 1 {
+		for k := range weights {
+			return k, true
+		}
+	}
+
+	keys := make([]string, 0, len(weights))
+	for k := range weights {
+		keys = append(keys, k)
+	}
+	sort.SliceStable(keys, func(i, j int) bool {
+		return cmpUTF16(keys[i], keys[j]) < 0
+	})
+
+	// Sum in sorted-key order to match the JS reduce-over-sorted parity: float
+	// addition is non-associative, so insertion order would diverge.
+	totalWeight := 0.0
+	for _, k := range keys {
+		totalWeight += weights[k]
+	}
+
+	if totalWeight == 0.0 {
+		return Pick(p, key, keys, identity)
+	}
+
+	threshold := p.GetValue(key) * totalWeight
+	cumulative := 0.0
+
+	for _, k := range keys {
+		cumulative += weights[k]
+		if threshold < cumulative {
+			return k, true
+		}
+	}
+
+	return keys[len(keys)-1], true
+}
+
+// Bool returns true with the given probability (0–100).
+func (p *Prng) Bool(key string, likelihood float64) bool {
+	return p.GetValue(key)*100.0 < likelihood
+}
+
+// Float returns a deterministic float in range, rounded to four decimal places.
+// With Step > 0 the result is drawn uniformly from the quantized buckets; a
+// non-positive or absent step means continuous. Min/Max are sorted internally.
+func (p *Prng) Float(key string, r *Range) float64 {
+	min := math.Min(r.Min, r.Max)
+	max := math.Max(r.Min, r.Max)
+	step := 0.0
+	if r.Step != nil {
+		step = *r.Step
+	}
+
+	var value float64
+	if step > 0 {
+		buckets := math.Floor((max-min)/step) + 1
+		i := math.Floor(p.GetValue(key) * buckets)
+		value = min + i*step
+	} else {
+		value = min + p.GetValue(key)*(max-min)
+	}
+
+	return num.RoundHalfUp(value*10000.0) / 10000.0
+}
+
+// Integer returns a deterministic integer in range. Range.Step is ignored —
+// integers already step by 1. Min/Max are sorted internally.
+func (p *Prng) Integer(key string, r *Range) int {
+	min := math.Min(r.Min, r.Max)
+	max := math.Max(r.Min, r.Max)
+
+	return int(math.Floor(p.GetValue(key)*(max-min+1)) + min)
+}
+
+// Shuffle is a Fisher-Yates shuffle with chained Mulberry32 state. Duplicate
+// values are collapsed before shuffling.
+func (p *Prng) Shuffle(key string, items []string) []string {
+	if len(items) <= 1 {
+		return append([]string(nil), items...)
+	}
+
+	unique := uniqueBy(items, identity)
+	sort.SliceStable(unique, func(i, j int) bool {
+		return cmpUTF16(unique[i], unique[j]) < 0
+	})
+	result := append([]string(nil), unique...)
+
+	m := NewMulberry32(Hash(p.seed + ":" + key))
+
+	for i := len(result) - 1; i > 0; i-- {
+		j := int(math.Floor(m.NextFloat() * float64(i+1)))
+		result[i], result[j] = result[j], result[i]
+	}
+
+	return result
+}
+
+// NumString stringifies a number the way JS String() does for the values that
+// reach Pick here (component weights are integers): a whole number has no
+// decimal point. Exported so callers can pass it as the Pick key function.
+func NumString(f float64) string {
+	// 'f' (not int64(f)) renders whole numbers as a full decimal without an
+	// exponent and without overflowing int64 for values in [2^63, 1e21) — JS
+	// String(1e20) is "100000000000000000000", not "9223372036854775807".
+	if !math.IsInf(f, 0) && f == math.Trunc(f) && math.Abs(f) < 1e21 {
+		return strconv.FormatFloat(f, 'f', -1, 64)
+	}
+	return strconv.FormatFloat(f, 'g', -1, 64)
+}
+
+// cmpUTF16 compares two strings by their UTF-16 code units, matching the JS
+// reference's compareByCodePoint (JS string `<` compares code units). It agrees
+// with Go's byte ordering for all BMP text and differs only for
+// supplementary-plane characters, where UTF-16 and code-point order disagree.
+func cmpUTF16(a, b string) int {
+	ua := utf16.Encode([]rune(a))
+	ub := utf16.Encode([]rune(b))
+
+	n := len(ua)
+	if len(ub) < n {
+		n = len(ub)
+	}
+	for i := 0; i < n; i++ {
+		if ua[i] != ub[i] {
+			if ua[i] < ub[i] {
+				return -1
+			}
+			return 1
+		}
+	}
+
+	switch {
+	case len(ua) < len(ub):
+		return -1
+	case len(ua) > len(ub):
+		return 1
+	default:
+		return 0
+	}
+}
+
+// uniqueBy deduplicates by string representation, keeping the first occurrence.
+func uniqueBy[T any](items []T, toStr func(T) string) []T {
+	seen := make(map[string]struct{}, len(items))
+	out := make([]T, 0, len(items))
+
+	for _, it := range items {
+		k := toStr(it)
+		if _, ok := seen[k]; !ok {
+			seen[k] = struct{}{}
+			out = append(out, it)
+		}
+	}
+
+	return out
+}
+
+// identity is the toStr for string slices.
+func identity(s string) string { return s }
diff --git a/src/go/core/internal/render/license.go b/src/go/core/internal/render/license.go
new file mode 100644
index 0000000..a979b9b
--- /dev/null
+++ b/src/go/core/internal/render/license.go
@@ -0,0 +1,119 @@
+package render
+
+import (
+	"strings"
+
+	"github.com/dicebear/dicebear-go/v10/internal/style"
+)
+
+// Builds attribution strings and embedded RDF/Dublin Core metadata from a
+// style's meta block. Mirrors the JS, PHP, Python, Rust and Dart ports,
+// including the nullish creator fallback and the empty-string-as-absent
+// treatment.
+
+// nonEmptyPtr returns (value, true) only when p is non-nil and non-empty,
+// mirroring the JS falsy checks (`!sourceName` is true for both a missing field
+// and "").
+func nonEmptyPtr(p *string) (string, bool) {
+	if p != nil && *p != "" {
+		return *p, true
+	}
+	return "", false
+}
+
+// licenseText returns a single-line attribution string, or "" when no
+// attribution data is available.
+func licenseText(m *style.Meta) string {
+	if m == nil {
+		return ""
+	}
+
+	sourceName, hasSource := nonEmptyPtr(m.Source.Name)
+	sourceURL, hasSourceURL := nonEmptyPtr(m.Source.URL)
+	creatorRaw := m.Creator.Name
+	creatorName, hasCreator := nonEmptyPtr(creatorRaw)
+	licenseName, hasLicense := nonEmptyPtr(m.License.Name)
+	licenseURL, hasLicenseURL := nonEmptyPtr(m.License.URL)
+
+	if !hasSource && !hasCreator && !hasLicense {
+		return ""
+	}
+
+	title := "Design"
+	if hasSource {
+		title = "“" + sourceName + "”"
+	}
+	if hasSourceURL {
+		title += " (" + sourceURL + ")"
+	}
+
+	// JS uses creatorName ?? 'Unknown' (nullish): an empty creator name stays
+	// empty; only a missing one becomes "Unknown".
+	creatorDisplay := "Unknown"
+	if creatorRaw != nil {
+		creatorDisplay = *creatorRaw
+	}
+	creator := "“" + creatorDisplay + "”"
+
+	var b strings.Builder
+
+	// Skip the "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+	licenseIsMIT := hasLicense && licenseName == "MIT"
+	creatorIsDiceBear := hasCreator && creatorName == "DiceBear"
+	if !licenseIsMIT && !creatorIsDiceBear && hasSource {
+		b.WriteString("Remix of ")
+	}
+
+	b.WriteString(title + " by " + creator)
+
+	if hasLicense {
+		b.WriteString(", licensed under “" + licenseName + "”")
+		if hasLicenseURL {
+			b.WriteString(" (" + licenseURL + ")")
+		}
+	}
+
+	return b.String()
+}
+
+// licenseXML builds an embedded <metadata> block with Dublin Core terms, or ""
+// when no metadata fields are populated.
+func licenseXML(m *style.Meta) string {
+	rights := licenseText(m)
+
+	if m == nil {
+		return ""
+	}
+
+	title, hasTitle := nonEmptyPtr(m.Source.Name)
+	creatorName, hasCreator := nonEmptyPtr(m.Creator.Name)
+	sourceURL, hasSourceURL := nonEmptyPtr(m.Source.URL)
+	licenseURL, hasLicenseURL := nonEmptyPtr(m.License.URL)
+
+	if !hasTitle && !hasCreator && !hasSourceURL && !hasLicenseURL && rights == "" {
+		return ""
+	}
+
+	var fields strings.Builder
+	if hasTitle {
+		fields.WriteString("<dc:title>" + escapeXML(title) + "</dc:title>")
+	}
+	if hasCreator {
+		fields.WriteString("<dc:creator>" + escapeXML(creatorName) + "</dc:creator>")
+	}
+	if hasSourceURL {
+		fields.WriteString(`<dc:source xsi:type="dcterms:URI">` + escapeXML(sourceURL) + "</dc:source>")
+	}
+	if hasLicenseURL {
+		fields.WriteString(`<dcterms:license xsi:type="dcterms:URI">` + escapeXML(licenseURL) + "</dcterms:license>")
+	}
+	if rights != "" {
+		fields.WriteString("<dc:rights>" + escapeXML(rights) + "</dc:rights>")
+	}
+
+	return `<metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"` +
+		` xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"` +
+		` xmlns:dc="http://purl.org/dc/elements/1.1/"` +
+		` xmlns:dcterms="http://purl.org/dc/terms/">` +
+		`<rdf:RDF><rdf:Description>` + fields.String() + `</rdf:Description></rdf:RDF></metadata>`
+}
diff --git a/src/go/core/internal/render/options.go b/src/go/core/internal/render/options.go
new file mode 100644
index 0000000..69105e6
--- /dev/null
+++ b/src/go/core/internal/render/options.go
@@ -0,0 +1,208 @@
+package render
+
+import "github.com/dicebear/dicebear-go/v10/internal/prng"
+
+// options reads and normalizes the raw user-supplied options. Each accessor
+// returns the user's input in a normalized form (always a slice for options
+// that accept a scalar or a slice, or the zero/absent form when unset), so the
+// resolver never has to normalize. The data map is the options object after a
+// JSON round-trip, so every number is a float64 and every array a []any.
+type options struct {
+	data map[string]any
+}
+
+func newOptions(data map[string]any) *options {
+	if data == nil {
+		data = map[string]any{}
+	}
+	return &options{data: data}
+}
+
+func (o *options) get(key string) (any, bool) {
+	v, ok := o.data[key]
+	if !ok || v == nil {
+		return nil, false
+	}
+	return v, true
+}
+
+func (o *options) seed() (string, bool) {
+	if v, ok := o.get("seed"); ok {
+		if s, ok := v.(string); ok {
+			return s, true
+		}
+	}
+	return "", false
+}
+
+func (o *options) size() *float64 {
+	if v, ok := o.get("size"); ok {
+		if n, ok := v.(float64); ok {
+			return &n
+		}
+	}
+	return nil
+}
+
+func (o *options) idRandomization() *bool {
+	if v, ok := o.get("idRandomization"); ok {
+		if b, ok := v.(bool); ok {
+			return &b
+		}
+	}
+	return nil
+}
+
+func (o *options) title() (string, bool) {
+	if v, ok := o.get("title"); ok {
+		if s, ok := v.(string); ok {
+			return s, true
+		}
+	}
+	return "", false
+}
+
+func (o *options) flip() []string        { v, _ := o.get("flip"); return asStringArray(v) }
+func (o *options) fontFamily() []string  { v, _ := o.get("fontFamily"); return asStringArray(v) }
+func (o *options) fontWeight() []float64 { v, _ := o.get("fontWeight"); return asNumberArray(v) }
+
+func (o *options) scale() *prng.Range        { v, _ := o.get("scale"); return toRange(v) }
+func (o *options) borderRadius() *prng.Range { v, _ := o.get("borderRadius"); return toRange(v) }
+func (o *options) rotate() *prng.Range       { v, _ := o.get("rotate"); return toRange(v) }
+func (o *options) translateX() *prng.Range   { v, _ := o.get("translateX"); return toRange(v) }
+func (o *options) translateY() *prng.Range   { v, _ := o.get("translateY"); return toRange(v) }
+
+// componentVariant returns the ${name}Variant constraint as a weighted map, or
+// (nil, false) when unset. A bare string or string list is normalized to weight
+// 1 each.
+func (o *options) componentVariant(name string) (map[string]float64, bool) {
+	raw, ok := o.get(name + "Variant")
+	if !ok {
+		return nil, false
+	}
+
+	switch val := raw.(type) {
+	case string:
+		return map[string]float64{val: 1}, true
+	case []any:
+		out := map[string]float64{}
+		for _, item := range val {
+			if s, ok := item.(string); ok {
+				out[s] = 1
+			}
+		}
+		return out, true
+	case map[string]any:
+		out := map[string]float64{}
+		for k, v := range val {
+			if w, ok := v.(float64); ok {
+				out[k] = w
+			}
+		}
+		return out, true
+	default:
+		return nil, false
+	}
+}
+
+func (o *options) componentProbability(name string) *float64 {
+	if v, ok := o.get(name + "Probability"); ok {
+		if n, ok := v.(float64); ok {
+			return &n
+		}
+	}
+	return nil
+}
+
+// color returns (nil, false) when ${name}Color is unset, so the resolver can
+// fall back to the style definition's values.
+func (o *options) color(name string) ([]string, bool) {
+	raw, ok := o.get(name + "Color")
+	if !ok {
+		return nil, false
+	}
+	return asStringArray(raw), true
+}
+
+func (o *options) colorFill(name string) []string {
+	v, _ := o.get(name + "ColorFill")
+	return asStringArray(v)
+}
+
+func (o *options) colorAngle(name string) *prng.Range {
+	v, _ := o.get(name + "ColorAngle")
+	return toRange(v)
+}
+
+func (o *options) colorFillStops(name string) *prng.Range {
+	v, _ := o.get(name + "ColorFillStops")
+	return toRange(v)
+}
+
+// asStringArray normalizes a scalar/array/absent string value into a slice.
+func asStringArray(value any) []string {
+	switch v := value.(type) {
+	case []any:
+		out := make([]string, 0, len(v))
+		for _, item := range v {
+			if s, ok := item.(string); ok {
+				out = append(out, s)
+			}
+		}
+		return out
+	case string:
+		return []string{v}
+	default:
+		return nil
+	}
+}
+
+// asNumberArray normalizes a scalar/array/absent numeric value into a slice.
+func asNumberArray(value any) []float64 {
+	switch v := value.(type) {
+	case []any:
+		out := make([]float64, 0, len(v))
+		for _, item := range v {
+			if n, ok := item.(float64); ok {
+				out = append(out, n)
+			}
+		}
+		return out
+	case float64:
+		return []float64{v}
+	default:
+		return nil
+	}
+}
+
+// toRange normalizes a range option (bare number, [n], [min, max], or absent)
+// into a *prng.Range. A bare number becomes a fixed min == max; an empty array
+// is treated as unset. Matches the JS, PHP, Python, Rust and Dart ports.
+func toRange(value any) *prng.Range {
+	switch v := value.(type) {
+	case float64:
+		return &prng.Range{Min: v, Max: v}
+	case []any:
+		var nums []float64
+		for _, item := range v {
+			if n, ok := item.(float64); ok {
+				nums = append(nums, n)
+			}
+		}
+		if len(nums) == 0 {
+			return nil
+		}
+		min, max := nums[0], nums[0]
+		for _, n := range nums {
+			if n < min {
+				min = n
+			}
+			if n > max {
+				max = n
+			}
+		}
+		return &prng.Range{Min: min, Max: max}
+	default:
+		return nil
+	}
+}
diff --git a/src/go/core/internal/render/render.go b/src/go/core/internal/render/render.go
new file mode 100644
index 0000000..ad8bd1e
--- /dev/null
+++ b/src/go/core/internal/render/render.go
@@ -0,0 +1,54 @@
+// Package render resolves options against a style and turns the element tree
+// into the final SVG. It bundles the option resolver, the renderer, and the
+// metadata/escaping helpers; Generate is the single entry point the public
+// Avatar uses.
+package render
+
+import (
+	"encoding/json"
+
+	"github.com/dicebear/dicebear-go/v10/internal/style"
+	"github.com/dicebear/dicebear-go/v10/internal/validate"
+)
+
+// Result is the outcome of rendering an avatar: the SVG, the resolved-options
+// snapshot, and the order its keys were resolved in (for the JSON envelope).
+type Result struct {
+	SVG     string
+	Options map[string]any
+	Order   []string
+}
+
+// Generate validates options, resolves them against the style, and renders the
+// SVG. A nil options map is treated as empty. Returns an error on invalid
+// options or a circular color reference.
+//
+// Options are normalized through a JSON round-trip, so passing a Go int such as
+// map[string]any{"size": 128} behaves the same as the JSON 128.
+func Generate(s *style.Style, opts map[string]any) (*Result, error) {
+	if opts == nil {
+		opts = map[string]any{}
+	}
+
+	optionsJSON, err := json.Marshal(opts)
+	if err != nil {
+		return nil, err
+	}
+
+	if err := validate.Options(optionsJSON); err != nil {
+		return nil, err
+	}
+
+	var normalized map[string]any
+	if err := json.Unmarshal(optionsJSON, &normalized); err != nil {
+		return nil, err
+	}
+
+	res := newResolver(s, newOptions(normalized))
+	svg, err := newRenderer(s, res).render()
+	if err != nil {
+		return nil, err
+	}
+
+	return &Result{SVG: svg, Options: res.resolved(), Order: res.resolvedOrder()}, nil
+}
diff --git a/src/go/core/internal/render/renderer.go b/src/go/core/internal/render/renderer.go
new file mode 100644
index 0000000..0f9cca3
--- /dev/null
+++ b/src/go/core/internal/render/renderer.go
@@ -0,0 +1,565 @@
+package render
+
+import (
+	"fmt"
+	"math/rand/v2"
+	"regexp"
+	"strings"
+
+	"github.com/dicebear/dicebear-go/v10/internal/initials"
+	"github.com/dicebear/dicebear-go/v10/internal/num"
+	"github.com/dicebear/dicebear-go/v10/internal/prng"
+	"github.com/dicebear/dicebear-go/v10/internal/style"
+)
+
+// renderer walks a style's element tree and turns it into the final SVG markup.
+//
+// The renderer is single-use: it accumulates <defs> entries and per-render
+// caches across method calls, so a fresh instance is required per avatar. A
+// circular color reference encountered during resolution surfaces as an error
+// from render.
+type renderer struct {
+	style          *style.Style
+	resolver       *resolver
+	defs           *orderedDefs
+	cachedSeedHash *string
+	cachedInitials *string
+}
+
+func newRenderer(s *style.Style, res *resolver) *renderer {
+	return &renderer{style: s, resolver: res, defs: newOrderedDefs()}
+}
+
+// render builds the complete SVG document for the avatar.
+func (r *renderer) render() (string, error) {
+	cv := r.style.Canvas()
+
+	background, err := r.renderBackground(cv)
+	if err != nil {
+		return "", err
+	}
+	body, err := r.renderElements(cv.Elements)
+	if err != nil {
+		return "", err
+	}
+
+	// Order matters: scale and flip around center, then rotate, translate, and
+	// finally clip with border radius (outermost wrapper).
+	body = r.applyScale(body, cv)
+	body = r.applyFlip(body, cv)
+	body = r.applyRotate(body, cv)
+	body = r.applyTranslate(body, cv)
+	body = r.applyBorderRadius(background+body, cv)
+
+	metadata := licenseXML(r.style.Meta())
+
+	defs := ""
+	if r.defs.len() > 0 {
+		defs = "<defs>" + r.defs.values() + "</defs>"
+	}
+
+	// Resolve size before title and the root attributes so the resolver memo
+	// records the keys in the same order as the other ports — the JSON envelope
+	// emits the resolved options in first-recorded order.
+	size := r.resolver.size()
+
+	var escapedTitle *string
+	if t, ok := r.resolver.title(); ok {
+		e := escapeXML(t)
+		escapedTitle = &e
+	}
+
+	attrs := []string{
+		`xmlns="http://www.w3.org/2000/svg"`,
+		`viewBox="0 0 ` + num.Format(cv.Width) + " " + num.Format(cv.Height) + `"`,
+	}
+
+	rootAttributes, err := r.renderAttributes(r.style.RootAttributes())
+	if err != nil {
+		return "", err
+	}
+	if rootAttributes != "" {
+		attrs = append(attrs, strings.TrimPrefix(rootAttributes, " "))
+	}
+
+	if escapedTitle != nil {
+		attrs = append(attrs, `role="img"`, `aria-label="`+*escapedTitle+`"`)
+	} else {
+		attrs = append(attrs, `aria-hidden="true"`)
+	}
+
+	if size != nil {
+		sv := num.Format(*size)
+		attrs = append(attrs, `width="`+sv+`"`, `height="`+sv+`"`)
+	}
+
+	titleElement := ""
+	if escapedTitle != nil {
+		titleElement = "<title>" + *escapedTitle + "</title>"
+	}
+
+	svg := "<svg " + strings.Join(attrs, " ") + ">" + "<!-- Generated by DiceBear (https://dicebear.com) -->" + metadata + defs + titleElement + body + "</svg>"
+
+	if r.resolver.idRandomization() {
+		svg = randomizeIDs(svg)
+	}
+
+	return svg, nil
+}
+
+func (r *renderer) applyFlip(body string, cv *style.Canvas) string {
+	flip := r.resolver.flip()
+	if flip == "none" {
+		return body
+	}
+
+	w := num.Format(cv.Width)
+	h := num.Format(cv.Height)
+
+	var transform string
+	switch flip {
+	case "horizontal":
+		transform = "translate(" + w + ", 0) scale(-1, 1)"
+	case "vertical":
+		transform = "translate(0, " + h + ") scale(1, -1)"
+	case "both":
+		transform = "translate(" + w + ", " + h + ") scale(-1, -1)"
+	default:
+		return body
+	}
+
+	return `<g transform="` + transform + `">` + body + "</g>"
+}
+
+func (r *renderer) applyScale(body string, cv *style.Canvas) string {
+	scale := r.resolver.scale()
+	if scale == 1 {
+		return body
+	}
+
+	cx := cv.Width / 2
+	cy := cv.Height / 2
+
+	return `<g transform="translate(` + num.Format(cx) + ", " + num.Format(cy) +
+		") scale(" + num.Format(scale) + ") translate(" + num.Format(-cx) + ", " +
+		num.Format(-cy) + `)">` + body + "</g>"
+}
+
+func (r *renderer) applyBorderRadius(body string, cv *style.Canvas) string {
+	radius := r.resolver.borderRadius()
+	id := "clip-" + r.hashSeed()
+	rx := num.Format(radius / 100 * cv.Width)
+	ry := num.Format(radius / 100 * cv.Height)
+
+	r.defs.set(id, `<clipPath id="`+id+`"><rect width="`+num.Format(cv.Width)+
+		`" height="`+num.Format(cv.Height)+`" rx="`+rx+`" ry="`+ry+`"/></clipPath>`)
+
+	return `<g clip-path="url(#` + id + `)">` + body + "</g>"
+}
+
+func (r *renderer) applyRotate(body string, cv *style.Canvas) string {
+	rotate := r.resolver.rotate()
+	if rotate == 0 {
+		return body
+	}
+
+	cx := cv.Width / 2
+	cy := cv.Height / 2
+
+	return `<g transform="rotate(` + num.Format(rotate) + ", " + num.Format(cx) + ", " +
+		num.Format(cy) + `)">` + body + "</g>"
+}
+
+func (r *renderer) applyTranslate(body string, cv *style.Canvas) string {
+	tx := r.resolver.translateX()
+	ty := r.resolver.translateY()
+	if tx == 0 && ty == 0 {
+		return body
+	}
+
+	x := num.Format(tx / 100 * cv.Width)
+	y := num.Format(ty / 100 * cv.Height)
+
+	return `<g transform="translate(` + x + ", " + y + `)">` + body + "</g>"
+}
+
+func (r *renderer) renderBackground(cv *style.Canvas) (string, error) {
+	colors, err := r.resolver.color("background")
+	if err != nil {
+		return "", err
+	}
+	if len(colors) == 0 {
+		return "", nil
+	}
+
+	ref, err := r.resolveColorReference("background")
+	if err != nil {
+		return "", err
+	}
+
+	return `<rect width="` + num.Format(cv.Width) + `" height="` + num.Format(cv.Height) +
+		`" fill="` + escapeXML(ref) + `"/>`, nil
+}
+
+func (r *renderer) renderElements(elements []style.Element) (string, error) {
+	var b strings.Builder
+	for i := range elements {
+		s, err := r.renderElement(&elements[i])
+		if err != nil {
+			return "", err
+		}
+		b.WriteString(s)
+	}
+	return b.String(), nil
+}
+
+func (r *renderer) renderElement(el *style.Element) (string, error) {
+	switch el.Type {
+	case "element":
+		return r.renderSvgElement(el)
+	case "text":
+		return r.renderTextElement(el), nil
+	case "component":
+		return r.renderComponentElement(el)
+	default:
+		return "", nil
+	}
+}
+
+func (r *renderer) renderSvgElement(el *style.Element) (string, error) {
+	if el.Name == nil || *el.Name == "" {
+		return "", nil
+	}
+	name := *el.Name
+
+	// The special `defs` name diverts children into the shared <defs> block.
+	if name == "defs" {
+		for i := range el.Children {
+			child := &el.Children[i]
+			rendered, err := r.renderElement(child)
+			if err != nil {
+				return "", err
+			}
+			if rendered == "" {
+				continue
+			}
+
+			key := fmt.Sprintf("_%d", r.defs.len())
+			if id, ok := child.Attributes.Get("id"); ok && !id.IsRef() {
+				key = id.Str()
+			}
+			r.defs.set(key, rendered)
+		}
+		return "", nil
+	}
+
+	attrs, err := r.renderAttributes(&el.Attributes)
+	if err != nil {
+		return "", err
+	}
+	children, err := r.renderElements(el.Children)
+	if err != nil {
+		return "", err
+	}
+
+	if children == "" {
+		return "<" + name + attrs + "/>", nil
+	}
+	return "<" + name + attrs + ">" + children + "</" + name + ">", nil
+}
+
+func (r *renderer) renderTextElement(el *style.Element) string {
+	if el.Value == nil {
+		return ""
+	}
+	return escapeXML(r.resolveValue(*el.Value))
+}
+
+func (r *renderer) renderComponentElement(el *style.Element) (string, error) {
+	if el.Name == nil {
+		return "", nil
+	}
+	componentName := *el.Name
+
+	variantName, ok := r.resolver.variant(componentName)
+	if !ok {
+		return "", nil
+	}
+
+	comp, ok := r.style.Components()[componentName]
+	if !ok {
+		return "", nil
+	}
+
+	variant, ok := comp.Variants()[variantName]
+	if !ok {
+		return "", nil
+	}
+
+	id := comp.SourceName() + "-" + variantName + "-" + r.hashSeed()
+
+	if !r.defs.has(id) {
+		body, err := r.renderElements(variant.Elements)
+		if err != nil {
+			return "", err
+		}
+		r.defs.set(id, `<g id="`+id+`">`+body+"</g>")
+	}
+
+	transforms := r.buildTransforms(comp)
+
+	var merged *style.AttrList
+	if len(transforms) == 0 {
+		if !el.Attributes.IsEmpty() {
+			merged = &el.Attributes
+		}
+	} else {
+		userTransform := ""
+		if v, ok := el.Attributes.Get("transform"); ok && !v.IsRef() && v.Str() != "" {
+			userTransform = v.Str()
+		}
+
+		var allParts []string
+		if userTransform != "" {
+			allParts = append([]string{userTransform}, transforms...)
+		} else {
+			allParts = transforms
+		}
+
+		m := el.Attributes.WithTransform(strings.Join(allParts, " "))
+		merged = &m
+	}
+
+	attrs, err := r.renderAttributes(merged)
+	if err != nil {
+		return "", err
+	}
+
+	return "<use" + attrs + ` href="#` + id + `"/>`, nil
+}
+
+// buildTransforms returns the per-component transform fragments (translate,
+// rotate, scale), ordered so that — once joined — scale is the innermost
+// transform.
+func (r *renderer) buildTransforms(comp *style.Component) []string {
+	rotate, translateX, translateY, scale := r.resolver.componentTransform(comp.Name())
+
+	if translateX == 0 && translateY == 0 && rotate == 0 && scale == 1 {
+		return nil
+	}
+
+	var transforms []string
+	cx := comp.Width() / 2
+	cy := comp.Height() / 2
+	cxValue := num.Format(cx)
+	cyValue := num.Format(cy)
+
+	if translateX != 0 || translateY != 0 {
+		x := num.Format(translateX / 100 * comp.Width())
+		y := num.Format(translateY / 100 * comp.Height())
+		transforms = append(transforms, "translate("+x+", "+y+")")
+	}
+
+	if rotate != 0 {
+		transforms = append(transforms, "rotate("+num.Format(rotate)+", "+cxValue+", "+cyValue+")")
+	}
+
+	if scale != 1 {
+		transforms = append(transforms, "translate("+cxValue+", "+cyValue+") scale("+
+			num.Format(scale)+") translate("+num.Format(-cx)+", "+num.Format(-cy)+")")
+	}
+
+	return transforms
+}
+
+func (r *renderer) renderAttributes(attributes *style.AttrList) (string, error) {
+	if attributes.IsEmpty() {
+		return "", nil
+	}
+
+	entries := attributes.Entries()
+	parts := make([]string, 0, len(entries))
+	for _, entry := range entries {
+		resolved, err := r.resolveAttributeValue(entry.Value)
+		if err != nil {
+			return "", err
+		}
+		parts = append(parts, entry.Key+`="`+escapeXML(resolved)+`"`)
+	}
+
+	if len(parts) == 0 {
+		return "", nil
+	}
+	return " " + strings.Join(parts, " "), nil
+}
+
+func (r *renderer) resolveAttributeValue(value style.DynValue) (string, error) {
+	if !value.IsRef() {
+		return value.Str(), nil
+	}
+	if value.RefKind() == "color" {
+		return r.resolveColorReference(value.RefName())
+	}
+	return r.resolveVariable(value.RefName()), nil
+}
+
+// resolveColorReference resolves a named color into a hex string (solid /
+// single color) or a url(#…) gradient reference, registering the gradient in
+// <defs>.
+func (r *renderer) resolveColorReference(name string) (string, error) {
+	colors, err := r.resolver.color(name)
+	if err != nil {
+		return "", err
+	}
+	fill := r.resolver.colorFill(name)
+
+	if fill == "solid" || len(colors) <= 1 {
+		if len(colors) > 0 {
+			return colors[0], nil
+		}
+		return "none", nil
+	}
+
+	return r.buildGradientDef(name, colors, fill), nil
+}
+
+func (r *renderer) buildGradientDef(name string, colors []string, fill string) string {
+	rotation := r.resolver.colorAngle(name)
+	id := name + "-color-" + r.hashSeed()
+
+	tag := "radialGradient"
+	if fill == "linear" {
+		tag = "linearGradient"
+	}
+
+	rotateAttr := ""
+	if rotation != 0 {
+		rotateAttr = ` gradientTransform="rotate(` + num.Format(rotation) + `, 0.5, 0.5)"`
+	}
+
+	last := float64(len(colors)) - 1
+	var stops strings.Builder
+	for i, c := range colors {
+		offset := num.Format((float64(i) / last) * 100)
+		stops.WriteString(`<stop offset="` + offset + `%" stop-color="` + escapeXML(c) + `"/>`)
+	}
+
+	r.defs.set(id, "<"+tag+` id="`+id+`"`+rotateAttr+">"+stops.String()+"</"+tag+">")
+
+	return "url(#" + id + ")"
+}
+
+func (r *renderer) resolveValue(value style.DynValue) string {
+	if !value.IsRef() {
+		return value.Str()
+	}
+	if value.RefKind() == "variable" {
+		return r.resolveVariable(value.RefName())
+	}
+	return ""
+}
+
+func (r *renderer) resolveVariable(name string) string {
+	switch name {
+	case "initial":
+		runes := []rune(r.initials())
+		if len(runes) > 0 {
+			return string(runes[0])
+		}
+		return ""
+	case "initials":
+		return r.initials()
+	case "fontWeight":
+		return num.Format(r.resolver.fontWeight())
+	case "fontFamily":
+		return r.resolver.fontFamily()
+	default:
+		return ""
+	}
+}
+
+func (r *renderer) initials() string {
+	if r.cachedInitials == nil {
+		v := initials.FromSeed(r.resolver.seed())
+		r.cachedInitials = &v
+	}
+	return *r.cachedInitials
+}
+
+func (r *renderer) hashSeed() string {
+	if r.cachedSeedHash == nil {
+		v := prng.Hex(r.resolver.seed())
+		r.cachedSeedHash = &v
+	}
+	return *r.cachedSeedHash
+}
+
+// orderedDefs is an insertion-ordered string map for <defs> entries. Updating an
+// existing key keeps its original position, matching the JS Map semantics.
+type orderedDefs struct {
+	keys []string
+	m    map[string]string
+}
+
+func newOrderedDefs() *orderedDefs {
+	return &orderedDefs{m: map[string]string{}}
+}
+
+func (d *orderedDefs) has(key string) bool {
+	_, ok := d.m[key]
+	return ok
+}
+
+func (d *orderedDefs) set(key, value string) {
+	if _, ok := d.m[key]; !ok {
+		d.keys = append(d.keys, key)
+	}
+	d.m[key] = value
+}
+
+func (d *orderedDefs) len() int {
+	return len(d.keys)
+}
+
+func (d *orderedDefs) values() string {
+	var b strings.Builder
+	for _, k := range d.keys {
+		b.WriteString(d.m[k])
+	}
+	return b.String()
+}
+
+// randomizeIDs suffixes every id declaration and reference with a random hex
+// string so that multiple instances of the same avatar do not collide in a
+// shared document. Process randomness is intentional — a PRNG-derived suffix
+// would produce the same ID for the same seed.
+func randomizeIDs(svg string) string {
+	// % 0xffffff yields 0..0xfffffe, matching JS Math.floor(random()*0xffffff)
+	// (exclusive upper bound) rather than a masked 0..0xffffff.
+	suffix := fmt.Sprintf("%06x", rand.Uint32()%0xffffff)
+
+	seen := map[string]struct{}{}
+	var ids []string
+	for _, m := range reIDDecl.FindAllStringSubmatch(svg, -1) {
+		id := m[1]
+		if _, ok := seen[id]; !ok {
+			seen[id] = struct{}{}
+			ids = append(ids, id)
+		}
+	}
+
+	if len(ids) == 0 {
+		return svg
+	}
+
+	escaped := make([]string, len(ids))
+	for i, id := range ids {
+		escaped[i] = regexp.QuoteMeta(id)
+	}
+	pattern := `(id="|url\(#|href="#)(` + strings.Join(escaped, "|") + `)("|\))`
+	re := regexp.MustCompile(pattern)
+
+	return re.ReplaceAllString(svg, "${1}${2}-"+suffix+"${3}")
+}
+
+var reIDDecl = regexp.MustCompile(`\bid="([^"]+)"`)
diff --git a/src/go/core/internal/render/resolver.go b/src/go/core/internal/render/resolver.go
new file mode 100644
index 0000000..a21e3d0
--- /dev/null
+++ b/src/go/core/internal/render/resolver.go
@@ -0,0 +1,366 @@
+package render
+
+import (
+	"github.com/dicebear/dicebear-go/v10/color"
+	"github.com/dicebear/dicebear-go/v10/internal/errs"
+	"github.com/dicebear/dicebear-go/v10/internal/prng"
+	"github.com/dicebear/dicebear-go/v10/internal/style"
+)
+
+// resolver derives every deterministic value for an avatar from the style, the
+// user options, and a seeded PRNG, exposing them as memoized named accessors.
+//
+// Every value the resolver picks is recorded in a snapshot (resolved), which
+// the public Avatar.JSON returns. The raw seed is deliberately excluded. The
+// PRNG is key-based and order-independent, so the snapshot doubles as the memo
+// and the only mutable state besides the colorResolving stack that detects
+// circular color references.
+type resolver struct {
+	style          *style.Style
+	options        *options
+	rng            *prng.Prng
+	colorResolving []string
+	result         map[string]any
+	order          []string
+}
+
+func newResolver(s *style.Style, opts *options) *resolver {
+	seed, _ := opts.seed()
+	return &resolver{
+		style:   s,
+		options: opts,
+		rng:     prng.New(seed),
+		result:  map[string]any{},
+	}
+}
+
+func strIdentity(s string) string { return s }
+
+// record inserts a snapshot value if the key has not been recorded yet (the
+// first write wins, mirroring the JS #memo). Insertion order is tracked so the
+// JSON envelope can emit keys in resolution order, like the JS/Rust ports.
+func (r *resolver) record(key string, value any) {
+	if _, ok := r.result[key]; !ok {
+		r.result[key] = value
+		r.order = append(r.order, key)
+	}
+}
+
+// seed is deliberately not recorded — it is the one input kept out of the
+// resolved snapshot, so a serialized avatar never leaks it.
+func (r *resolver) seed() string {
+	s, _ := r.options.seed()
+	return s
+}
+
+func (r *resolver) size() *float64 {
+	v := r.options.size()
+	if v != nil {
+		r.record("size", *v)
+	} else {
+		r.record("size", nil)
+	}
+	return v
+}
+
+func (r *resolver) idRandomization() bool {
+	v := false
+	if p := r.options.idRandomization(); p != nil {
+		v = *p
+	}
+	r.record("idRandomization", v)
+	return v
+}
+
+func (r *resolver) title() (string, bool) {
+	s, ok := r.options.title()
+	if ok {
+		r.record("title", s)
+	} else {
+		r.record("title", nil)
+	}
+	return s, ok
+}
+
+func (r *resolver) flip() string {
+	v, ok := prng.Pick(r.rng, "flip", r.options.flip(), strIdentity)
+	if !ok {
+		v = "none"
+	}
+	r.record("flip", v)
+	return v
+}
+
+func (r *resolver) fontFamily() string {
+	v, ok := prng.Pick(r.rng, "fontFamily", r.options.fontFamily(), strIdentity)
+	if !ok {
+		v = "system-ui"
+	}
+	r.record("fontFamily", v)
+	return v
+}
+
+func (r *resolver) fontWeight() float64 {
+	v, ok := prng.Pick(r.rng, "fontWeight", r.options.fontWeight(), prng.NumString)
+	if !ok {
+		v = 400
+	}
+	r.record("fontWeight", v)
+	return v
+}
+
+func (r *resolver) scale() float64 { return r.floatOpt("scale", r.options.scale(), 1) }
+func (r *resolver) borderRadius() float64 {
+	return r.floatOpt("borderRadius", r.options.borderRadius(), 0)
+}
+func (r *resolver) rotate() float64     { return r.floatOpt("rotate", r.options.rotate(), 0) }
+func (r *resolver) translateX() float64 { return r.floatOpt("translateX", r.options.translateX(), 0) }
+func (r *resolver) translateY() float64 { return r.floatOpt("translateY", r.options.translateY(), 0) }
+
+// variant selects a variant for the given component, or ("", false) when the
+// component is unknown or rolled invisible.
+func (r *resolver) variant(name string) (string, bool) {
+	v, ok := r.resolveVariant(name)
+	if ok {
+		r.record(name+"Variant", v)
+	} else {
+		r.record(name+"Variant", nil)
+	}
+	return v, ok
+}
+
+func (r *resolver) resolveVariant(name string) (string, bool) {
+	comp, ok := r.style.Components()[name]
+	if !ok {
+		return "", false
+	}
+	if !r.isVisible(name, comp) {
+		return "", false
+	}
+
+	weights := map[string]float64{}
+
+	if raw, ok := r.options.componentVariant(comp.SourceName()); ok {
+		for v, w := range raw {
+			if _, exists := comp.Variants()[v]; exists {
+				weights[v] = w
+			}
+		}
+	} else {
+		for v, variant := range comp.Variants() {
+			weights[v] = variant.WeightOr1()
+		}
+	}
+
+	return r.rng.WeightedPick(name+"Variant", weights)
+}
+
+func (r *resolver) color(name string) ([]string, error) {
+	key := name + "Color"
+
+	// Memoize like the JS #memo: a color already resolved this pass is returned
+	// from the snapshot instead of being recomputed. Without it, a graph where
+	// each color references the next via both contrastTo and notEqualTo
+	// re-resolves exponentially (a schema-valid DoS).
+	if cached, ok := r.cachedColor(key); ok {
+		return cached, nil
+	}
+
+	value, err := r.resolveColor(name)
+	if err != nil {
+		return nil, err
+	}
+	r.record(key, value)
+	return value, nil
+}
+
+func (r *resolver) cachedColor(key string) ([]string, bool) {
+	v, ok := r.result[key]
+	if !ok {
+		return nil, false
+	}
+	if arr, ok := v.([]string); ok {
+		return arr, true
+	}
+	return nil, true
+}
+
+func (r *resolver) colorFill(name string) string {
+	v, ok := prng.Pick(r.rng, name+"ColorFill", r.options.colorFill(name), strIdentity)
+	if !ok {
+		v = "solid"
+	}
+	r.record(name+"ColorFill", v)
+	return v
+}
+
+func (r *resolver) colorAngle(name string) float64 {
+	return r.floatOpt(name+"ColorAngle", r.options.colorAngle(name), 0)
+}
+
+// componentTransform returns (rotate, translateX, translateY, scale) for a
+// component, each recorded as ${name}Rotate / ${name}TranslateX / … in the
+// snapshot.
+func (r *resolver) componentTransform(name string) (rotate, translateX, translateY, scale float64) {
+	comp := r.style.Components()[name]
+
+	var rRange, sRange, txRange, tyRange *prng.Range
+	if comp != nil {
+		rRange = comp.Rotate()
+		sRange = comp.Scale()
+		txRange = comp.TranslateX()
+		tyRange = comp.TranslateY()
+	}
+
+	rotate = r.floatOpt(name+"Rotate", rRange, 0)
+	translateX = r.floatOpt(name+"TranslateX", txRange, 0)
+	translateY = r.floatOpt(name+"TranslateY", tyRange, 0)
+	scale = r.floatOpt(name+"Scale", sRange, 1)
+	return
+}
+
+// resolved returns an informational snapshot of every value the resolver
+// picked. Unset (nil) entries are filtered out; the raw seed is excluded.
+func (r *resolver) resolved() map[string]any {
+	out := make(map[string]any, len(r.result))
+	for k, v := range r.result {
+		if v != nil {
+			out[k] = v
+		}
+	}
+	return out
+}
+
+// resolvedOrder returns the snapshot keys with non-nil values in the order they
+// were first recorded, matching the JS/Rust resolution order for the JSON
+// envelope.
+func (r *resolver) resolvedOrder() []string {
+	out := make([]string, 0, len(r.order))
+	for _, k := range r.order {
+		if r.result[k] != nil {
+			out = append(out, k)
+		}
+	}
+	return out
+}
+
+func (r *resolver) probability(comp *style.Component) float64 {
+	if p := r.options.componentProbability(comp.SourceName()); p != nil {
+		return *p
+	}
+	return comp.Probability()
+}
+
+func (r *resolver) isVisible(name string, comp *style.Component) bool {
+	return r.rng.Bool(name+"Probability", r.probability(comp))
+}
+
+func (r *resolver) resolveColor(name string) ([]string, error) {
+	styleColor, hasStyleColor := r.style.Colors()[name]
+
+	var source []string
+	if userColors, ok := r.options.color(name); ok {
+		source = userColors
+	} else if hasStyleColor {
+		source = styleColor.Values
+	}
+
+	candidates := make([]string, len(source))
+	for i, c := range source {
+		candidates[i] = color.ToHex(c)
+	}
+
+	fill := r.colorFill(name)
+	stops := 1
+	if fill != "solid" {
+		stops = r.colorFillStops(name)
+	}
+
+	if !hasStyleColor {
+		shuffled := r.rng.Shuffle(name+"Color", candidates)
+		return takeN(shuffled, stops), nil
+	}
+
+	// Detect circular references (e.g. a.contrastTo = b, b.contrastTo = a).
+	for _, n := range r.colorResolving {
+		if n == name {
+			chain := append(append([]string{}, r.colorResolving...), name)
+			return nil, &errs.CircularColorReferenceError{Chain: chain}
+		}
+	}
+
+	r.colorResolving = append(r.colorResolving, name)
+	err := r.applyColorConstraints(styleColor, &candidates)
+	r.colorResolving = r.colorResolving[:len(r.colorResolving)-1]
+	if err != nil {
+		return nil, err
+	}
+
+	// Skip the shuffle when sorted by contrast, to preserve that ordering.
+	ordered := candidates
+	if styleColor.ContrastTo == "" {
+		ordered = r.rng.Shuffle(name+"Color", candidates)
+	}
+
+	return takeN(ordered, stops), nil
+}
+
+func (r *resolver) applyColorConstraints(styleColor style.ColorDef, candidates *[]string) error {
+	if styleColor.ContrastTo != "" {
+		refColors, err := r.color(styleColor.ContrastTo)
+		if err != nil {
+			return err
+		}
+		if len(refColors) > 0 {
+			*candidates = color.SortByContrast(*candidates, refColors[0])
+		}
+	}
+
+	if len(styleColor.NotEqualTo) > 0 {
+		var excluded []string
+		for _, ref := range styleColor.NotEqualTo {
+			cols, err := r.color(ref)
+			if err != nil {
+				return err
+			}
+			excluded = append(excluded, cols...)
+		}
+		*candidates = color.FilterNotEqualTo(*candidates, excluded)
+	}
+
+	return nil
+}
+
+func (r *resolver) colorFillStops(name string) int {
+	if rng := r.options.colorFillStops(name); rng != nil {
+		n := r.rng.Integer(name+"ColorFillStops", rng)
+		if n < 0 {
+			n = 0
+		}
+		return n
+	}
+	return 2
+}
+
+func (r *resolver) floatOpt(key string, rng *prng.Range, fallback float64) float64 {
+	value := fallback
+	if rng != nil {
+		value = r.rng.Float(key, rng)
+	}
+	r.record(key, value)
+	return value
+}
+
+// takeN returns a copy of the first n elements of s (or all of them if n is
+// larger), mirroring the JS slice(0, stops).
+func takeN(s []string, n int) []string {
+	if n > len(s) {
+		n = len(s)
+	}
+	if n < 0 {
+		n = 0
+	}
+	out := make([]string, n)
+	copy(out, s[:n])
+	return out
+}
diff --git a/src/go/core/internal/render/xml.go b/src/go/core/internal/render/xml.go
new file mode 100644
index 0000000..bf8a755
--- /dev/null
+++ b/src/go/core/internal/render/xml.go
@@ -0,0 +1,29 @@
+package render
+
+import "strings"
+
+// escapeXML returns value with the five XML predefined entities escaped. The
+// substitution is done per rune so there is no double-escaping of '&'.
+func escapeXML(value string) string {
+	var b strings.Builder
+	b.Grow(len(value))
+
+	for _, ch := range value {
+		switch ch {
+		case '&':
+			b.WriteString("&amp;")
+		case '\'':
+			b.WriteString("&apos;")
+		case '"':
+			b.WriteString("&quot;")
+		case '<':
+			b.WriteString("&lt;")
+		case '>':
+			b.WriteString("&gt;")
+		default:
+			b.WriteRune(ch)
+		}
+	}
+
+	return b.String()
+}
diff --git a/src/go/core/internal/style/canvas.go b/src/go/core/internal/style/canvas.go
new file mode 100644
index 0000000..37fa284
--- /dev/null
+++ b/src/go/core/internal/style/canvas.go
@@ -0,0 +1,9 @@
+package style
+
+// Canvas is a read-only view over a style definition's canvas block: the
+// drawing-area dimensions and the top-level element list.
+type Canvas struct {
+	Width    float64   `json:"width"`
+	Height   float64   `json:"height"`
+	Elements []Element `json:"elements"`
+}
diff --git a/src/go/core/internal/style/color.go b/src/go/core/internal/style/color.go
new file mode 100644
index 0000000..61e972a
--- /dev/null
+++ b/src/go/core/internal/style/color.go
@@ -0,0 +1,10 @@
+package style
+
+// ColorDef is a read-only view over an entry in a style definition's colors
+// block: the candidate values plus the contrast/exclusion constraints. The
+// color math itself lives in the public color package.
+type ColorDef struct {
+	Values     []string `json:"values"`
+	NotEqualTo []string `json:"notEqualTo"`
+	ContrastTo string   `json:"contrastTo"`
+}
diff --git a/src/go/core/internal/style/component.go b/src/go/core/internal/style/component.go
new file mode 100644
index 0000000..4d3ba70
--- /dev/null
+++ b/src/go/core/internal/style/component.go
@@ -0,0 +1,110 @@
+package style
+
+import (
+	"encoding/json"
+
+	"github.com/dicebear/dicebear-go/v10/internal/prng"
+)
+
+// Component is a read-only view over an entry in a style definition's
+// components block. An entry is either a base component with its own dimensions
+// and variants or an alias declared via extends; aliases share the source's
+// data and delegate every accessor to it.
+type Component struct {
+	name       string
+	sourceName string
+	data       *componentData
+}
+
+// componentData is the intrinsic data of a base component, shared by its
+// aliases.
+type componentData struct {
+	Width       float64                     `json:"width"`
+	Height      float64                     `json:"height"`
+	Probability *float64                    `json:"probability"`
+	Rotate      *prng.Range                 `json:"rotate"`
+	Scale       *prng.Range                 `json:"scale"`
+	Translate   *componentTranslate         `json:"translate"`
+	Variants    map[string]ComponentVariant `json:"variants"`
+}
+
+func (c *Component) Name() string       { return c.name }
+func (c *Component) SourceName() string { return c.sourceName }
+func (c *Component) IsAlias() bool      { return c.name != c.sourceName }
+
+func (c *Component) Width() float64  { return c.data.Width }
+func (c *Component) Height() float64 { return c.data.Height }
+
+// Probability returns the render probability (0–100), defaulting to 100.
+func (c *Component) Probability() float64 {
+	if c.data.Probability != nil {
+		return *c.data.Probability
+	}
+	return 100
+}
+
+func (c *Component) Rotate() *prng.Range { return c.data.Rotate }
+func (c *Component) Scale() *prng.Range  { return c.data.Scale }
+
+func (c *Component) TranslateX() *prng.Range {
+	if c.data.Translate != nil {
+		return c.data.Translate.X
+	}
+	return nil
+}
+
+func (c *Component) TranslateY() *prng.Range {
+	if c.data.Translate != nil {
+		return c.data.Translate.Y
+	}
+	return nil
+}
+
+func (c *Component) Variants() map[string]ComponentVariant { return c.data.Variants }
+
+// decodeComponents splits the raw components block into base components and
+// aliases (name → source name), leaving alias validity for validateAliases.
+func decodeComponents(raw map[string]json.RawMessage) (map[string]*componentData, map[string]string, error) {
+	bases := map[string]*componentData{}
+	aliases := map[string]string{}
+
+	for name, message := range raw {
+		var probe struct {
+			Extends *string `json:"extends"`
+		}
+		if err := json.Unmarshal(message, &probe); err != nil {
+			return nil, nil, err
+		}
+
+		if probe.Extends != nil {
+			aliases[name] = *probe.Extends
+			continue
+		}
+
+		var data componentData
+		if err := json.Unmarshal(message, &data); err != nil {
+			return nil, nil, err
+		}
+		bases[name] = &data
+	}
+
+	return bases, aliases, nil
+}
+
+// flattenComponents resolves the base/alias split into a single map. Each alias
+// shares its source's data; an alias whose source is missing is skipped (the
+// missing source is reported by validateAliases).
+func flattenComponents(bases map[string]*componentData, aliases map[string]string) map[string]*Component {
+	components := make(map[string]*Component, len(bases)+len(aliases))
+
+	for name, data := range bases {
+		components[name] = &Component{name: name, sourceName: name, data: data}
+	}
+	for name, extends := range aliases {
+		if data, ok := bases[extends]; ok {
+			components[name] = &Component{name: name, sourceName: extends, data: data}
+		}
+	}
+
+	return components
+}
diff --git a/src/go/core/internal/style/component_translate.go b/src/go/core/internal/style/component_translate.go
new file mode 100644
index 0000000..958dffb
--- /dev/null
+++ b/src/go/core/internal/style/component_translate.go
@@ -0,0 +1,10 @@
+package style
+
+import "github.com/dicebear/dicebear-go/v10/internal/prng"
+
+// componentTranslate is a read-only view over a component's translate block,
+// providing the X and Y offset ranges.
+type componentTranslate struct {
+	X *prng.Range `json:"x"`
+	Y *prng.Range `json:"y"`
+}
diff --git a/src/go/core/internal/style/component_variant.go b/src/go/core/internal/style/component_variant.go
new file mode 100644
index 0000000..2018613
--- /dev/null
+++ b/src/go/core/internal/style/component_variant.go
@@ -0,0 +1,16 @@
+package style
+
+// ComponentVariant is a read-only view over an entry in a component's variants
+// block.
+type ComponentVariant struct {
+	Elements []Element `json:"elements"`
+	Weight   *float64  `json:"weight"`
+}
+
+// WeightOr1 returns the weighted-pick weight, defaulting to 1.
+func (cv ComponentVariant) WeightOr1() float64 {
+	if cv.Weight != nil {
+		return *cv.Weight
+	}
+	return 1
+}
diff --git a/src/go/core/internal/style/element.go b/src/go/core/internal/style/element.go
new file mode 100644
index 0000000..5577aa5
--- /dev/null
+++ b/src/go/core/internal/style/element.go
@@ -0,0 +1,153 @@
+package style
+
+import (
+	"bytes"
+	"encoding/json"
+	"errors"
+)
+
+// Element is a read-only view over a single render-tree node from a style
+// definition. The same node type covers SVG elements, text, and component
+// references — Type discriminates between them.
+type Element struct {
+	Type       string    `json:"type"`
+	Name       *string   `json:"name"`
+	Value      *DynValue `json:"value"`
+	Attributes AttrList  `json:"attributes"`
+	Children   []Element `json:"children"`
+}
+
+// DynValue is an attribute or element value: a literal string, or a typed
+// reference ({ "type": "color" | "variable", "name": "…" }).
+type DynValue struct {
+	str     string
+	isRef   bool
+	refKind string
+	refName string
+}
+
+func (v DynValue) Str() string     { return v.str }
+func (v DynValue) IsRef() bool     { return v.isRef }
+func (v DynValue) RefKind() string { return v.refKind }
+func (v DynValue) RefName() string { return v.refName }
+
+func (v *DynValue) UnmarshalJSON(b []byte) error {
+	trimmed := bytes.TrimSpace(b)
+	if len(trimmed) > 0 && trimmed[0] == '"' {
+		var s string
+		if err := json.Unmarshal(trimmed, &s); err != nil {
+			return err
+		}
+		v.str = s
+		v.isRef = false
+		return nil
+	}
+
+	var ref struct {
+		Type string `json:"type"`
+		Name string `json:"name"`
+	}
+	if err := json.Unmarshal(trimmed, &ref); err != nil {
+		return err
+	}
+	v.isRef = true
+	v.refKind = ref.Type
+	v.refName = ref.Name
+	return nil
+}
+
+// Attr is one ordered key/value pair of an attribute map.
+type Attr struct {
+	Key   string
+	Value DynValue
+}
+
+// AttrList is an attribute map that preserves source order, because SVG
+// attributes must render in the order they were declared — a plain Go map would
+// lose that order (the JS/Rust ports rely on Map / IndexMap for the same
+// reason).
+type AttrList struct {
+	entries []Attr
+}
+
+func (a *AttrList) UnmarshalJSON(b []byte) error {
+	dec := json.NewDecoder(bytes.NewReader(b))
+
+	tok, err := dec.Token()
+	if err != nil {
+		return err
+	}
+	if tok == nil {
+		return nil // null attributes
+	}
+	if delim, ok := tok.(json.Delim); !ok || delim != '{' {
+		return errors.New("attributes: expected an object")
+	}
+
+	for dec.More() {
+		keyTok, err := dec.Token()
+		if err != nil {
+			return err
+		}
+		key, _ := keyTok.(string)
+
+		var val DynValue
+		if err := dec.Decode(&val); err != nil {
+			return err
+		}
+
+		// Last-wins on a duplicate key, keeping the first position — matching
+		// the JS object / Rust IndexMap semantics, so a definition with a
+		// repeated attribute renders a single attribute, not two.
+		updated := false
+		for i := range a.entries {
+			if a.entries[i].Key == key {
+				a.entries[i].Value = val
+				updated = true
+				break
+			}
+		}
+		if !updated {
+			a.entries = append(a.entries, Attr{Key: key, Value: val})
+		}
+	}
+
+	_, err = dec.Token() // consume '}'
+	return err
+}
+
+// Entries returns the attribute pairs in source order.
+func (a AttrList) Entries() []Attr { return a.entries }
+
+// IsEmpty reports whether the list has no attributes.
+func (a *AttrList) IsEmpty() bool {
+	return a == nil || len(a.entries) == 0
+}
+
+// Get returns the value for key and whether it was present.
+func (a *AttrList) Get(key string) (DynValue, bool) {
+	if a == nil {
+		return DynValue{}, false
+	}
+	for _, e := range a.entries {
+		if e.Key == key {
+			return e.Value, true
+		}
+	}
+	return DynValue{}, false
+}
+
+// WithTransform returns a copy of the attribute list with the transform
+// attribute set, updating it in place if it already exists (keeping its
+// position) or appending it — matching the JS object spread.
+func (a AttrList) WithTransform(value string) AttrList {
+	out := AttrList{entries: append([]Attr(nil), a.entries...)}
+	for i := range out.entries {
+		if out.entries[i].Key == "transform" {
+			out.entries[i].Value = DynValue{str: value}
+			return out
+		}
+	}
+	out.entries = append(out.entries, Attr{Key: "transform", Value: DynValue{str: value}})
+	return out
+}
diff --git a/src/go/core/internal/style/meta.go b/src/go/core/internal/style/meta.go
new file mode 100644
index 0000000..6e3dcbc
--- /dev/null
+++ b/src/go/core/internal/style/meta.go
@@ -0,0 +1,9 @@
+package style
+
+// Meta is a view over a style definition's meta block, exposing the license,
+// creator, and source descriptors.
+type Meta struct {
+	License MetaLicense `json:"license"`
+	Creator MetaCreator `json:"creator"`
+	Source  MetaSource  `json:"source"`
+}
diff --git a/src/go/core/internal/style/meta_creator.go b/src/go/core/internal/style/meta_creator.go
new file mode 100644
index 0000000..3fb02dc
--- /dev/null
+++ b/src/go/core/internal/style/meta_creator.go
@@ -0,0 +1,7 @@
+package style
+
+// MetaCreator is a view over the meta.creator block of a style definition.
+type MetaCreator struct {
+	Name *string `json:"name"`
+	URL  *string `json:"url"`
+}
diff --git a/src/go/core/internal/style/meta_license.go b/src/go/core/internal/style/meta_license.go
new file mode 100644
index 0000000..1bfb1c5
--- /dev/null
+++ b/src/go/core/internal/style/meta_license.go
@@ -0,0 +1,12 @@
+package style
+
+// MetaLicense is a view over the meta.license block of a style definition.
+//
+// The fields are *string so the license builder can distinguish an absent field
+// from one explicitly set to the empty string, matching the JS nullish
+// (`?? 'Unknown'`) and Rust Option logic.
+type MetaLicense struct {
+	Name *string `json:"name"`
+	URL  *string `json:"url"`
+	Text *string `json:"text"`
+}
diff --git a/src/go/core/internal/style/meta_source.go b/src/go/core/internal/style/meta_source.go
new file mode 100644
index 0000000..28e00c9
--- /dev/null
+++ b/src/go/core/internal/style/meta_source.go
@@ -0,0 +1,7 @@
+package style
+
+// MetaSource is a view over the meta.source block of a style definition.
+type MetaSource struct {
+	Name *string `json:"name"`
+	URL  *string `json:"url"`
+}
diff --git a/src/go/core/internal/style/options_descriptor.go b/src/go/core/internal/style/options_descriptor.go
new file mode 100644
index 0000000..e0cfacf
--- /dev/null
+++ b/src/go/core/internal/style/options_descriptor.go
@@ -0,0 +1,76 @@
+package style
+
+import "sort"
+
+// OptionsDescriptor builds a descriptor of every option a given style accepts.
+// Tooling such as the editor uses the result to render form controls and
+// validation hints without having to introspect the style itself.
+type OptionsDescriptor struct {
+	style *Style
+}
+
+func NewOptionsDescriptor(s *Style) *OptionsDescriptor {
+	return &OptionsDescriptor{style: s}
+}
+
+// ToJSON walks the style's components and colors and assembles the field map.
+func (d *OptionsDescriptor) ToJSON() map[string]any {
+	result := map[string]any{
+		"seed":            map[string]any{"type": "string"},
+		"size":            map[string]any{"type": "number", "min": 1, "max": 4096},
+		"idRandomization": map[string]any{"type": "boolean"},
+		"title":           map[string]any{"type": "string"},
+		"flip":            map[string]any{"type": "enum", "values": []string{"none", "horizontal", "vertical", "both"}, "list": true},
+		"fontFamily":      map[string]any{"type": "string", "list": true},
+		"fontWeight":      map[string]any{"type": "number", "min": 1, "max": 1000, "list": true},
+		"scale":           map[string]any{"type": "range", "min": 0, "max": 10},
+		"borderRadius":    map[string]any{"type": "range", "min": 0, "max": 50},
+		"rotate":          rotateRangeField(),
+		"translateX":      translateRangeField(),
+		"translateY":      translateRangeField(),
+	}
+
+	for name, comp := range d.style.components {
+		if comp.IsAlias() {
+			continue
+		}
+
+		variants := make([]string, 0, len(comp.Variants()))
+		for v := range comp.Variants() {
+			variants = append(variants, v)
+		}
+		sort.Strings(variants)
+
+		result[name+"Variant"] = map[string]any{"type": "enum", "values": variants, "list": true, "weighted": true}
+		result[name+"Probability"] = map[string]any{"type": "number", "min": 0, "max": 100}
+	}
+
+	colorNames := make([]string, 0, len(d.style.colors)+1)
+	for name := range d.style.colors {
+		colorNames = append(colorNames, name)
+	}
+	sort.Strings(colorNames)
+	colorNames = append(colorNames, "background")
+
+	for _, name := range colorNames {
+		field := map[string]any{"type": "color", "list": true}
+		if cd, ok := d.style.colors[name]; ok && cd.ContrastTo != "" {
+			field["contrastTo"] = cd.ContrastTo
+		}
+
+		result[name+"Color"] = field
+		result[name+"ColorFill"] = map[string]any{"type": "enum", "values": []string{"solid", "linear", "radial"}, "list": true}
+		result[name+"ColorFillStops"] = map[string]any{"type": "range", "min": 2}
+		result[name+"ColorAngle"] = rotateRangeField()
+	}
+
+	return result
+}
+
+func rotateRangeField() map[string]any {
+	return map[string]any{"type": "range", "min": -360, "max": 360}
+}
+
+func translateRangeField() map[string]any {
+	return map[string]any{"type": "range", "min": -1000, "max": 1000}
+}
diff --git a/src/go/core/internal/style/style.go b/src/go/core/internal/style/style.go
new file mode 100644
index 0000000..c0be3dc
--- /dev/null
+++ b/src/go/core/internal/style/style.go
@@ -0,0 +1,133 @@
+// Package style is the validated, decomposed model of a style definition: the
+// element tree, components (with aliases flattened), colors, and metadata, plus
+// the OptionsDescriptor that enumerates a style's accepted options.
+package style
+
+import (
+	"encoding/json"
+	"fmt"
+	"sort"
+
+	"github.com/dicebear/dicebear-go/v10/internal/errs"
+	"github.com/dicebear/dicebear-go/v10/internal/validate"
+)
+
+// definition is the raw, deserialized style definition.
+type definition struct {
+	ID         string                     `json:"$id"`
+	Schema     string                     `json:"$schema"`
+	Comment    string                     `json:"$comment"`
+	Meta       *Meta                      `json:"meta"`
+	Attributes AttrList                   `json:"attributes"`
+	Canvas     Canvas                     `json:"canvas"`
+	Components map[string]json.RawMessage `json:"components"`
+	Colors     map[string]ColorDef        `json:"colors"`
+}
+
+// Style is a validated, decomposed wrapper around a style definition. New runs
+// the JSON Schema validator and the alias cross-reference check, then flattens
+// component aliases so the resolver and renderer can treat every entry
+// uniformly.
+type Style struct {
+	id         string
+	schema     string
+	comment    string
+	meta       *Meta
+	attributes AttrList
+	canvas     Canvas
+	components map[string]*Component
+	colors     map[string]ColorDef
+}
+
+// New parses and validates a style definition from its JSON bytes.
+func New(definitionJSON []byte) (*Style, error) {
+	if err := validate.Definition(definitionJSON); err != nil {
+		return nil, err
+	}
+
+	var def definition
+	if err := json.Unmarshal(definitionJSON, &def); err != nil {
+		return nil, err
+	}
+
+	bases, aliases, err := decodeComponents(def.Components)
+	if err != nil {
+		return nil, err
+	}
+
+	if err := validateAliases(bases, aliases); err != nil {
+		return nil, err
+	}
+
+	return &Style{
+		id:         def.ID,
+		schema:     def.Schema,
+		comment:    def.Comment,
+		meta:       def.Meta,
+		attributes: def.Attributes,
+		canvas:     def.Canvas,
+		components: flattenComponents(bases, aliases),
+		colors:     def.Colors,
+	}, nil
+}
+
+// ID returns the definition's $id, or "" when not set.
+func (s *Style) ID() string { return s.id }
+
+// Schema returns the definition's $schema URI, or "" when not set.
+func (s *Style) Schema() string { return s.schema }
+
+// Comment returns the definition's $comment, or "" when not set.
+func (s *Style) Comment() string { return s.comment }
+
+// Canvas returns the canvas view.
+func (s *Style) Canvas() *Canvas { return &s.canvas }
+
+// RootAttributes returns the root SVG attributes.
+func (s *Style) RootAttributes() *AttrList { return &s.attributes }
+
+// Meta returns the metadata view, or nil when absent.
+func (s *Style) Meta() *Meta { return s.meta }
+
+// Components returns the flattened name → component map.
+func (s *Style) Components() map[string]*Component { return s.components }
+
+// Colors returns the name → color-definition map.
+func (s *Style) Colors() map[string]ColorDef { return s.colors }
+
+// validateAliases verifies that every extends references an existing, non-alias
+// component — a cross-key constraint the JSON Schema cannot express.
+func validateAliases(bases map[string]*componentData, aliases map[string]string) error {
+	names := make([]string, 0, len(aliases))
+	for name := range aliases {
+		names = append(names, name)
+	}
+	sort.Strings(names) // deterministic error order
+
+	var details []string
+	for _, name := range names {
+		target := aliases[name]
+
+		if _, isBase := bases[target]; isBase {
+			continue
+		}
+
+		if _, isAlias := aliases[target]; isAlias {
+			details = append(details, fmt.Sprintf(
+				"/components/%s/extends references alias \"%s\" — alias chains are not allowed",
+				name, target,
+			))
+			continue
+		}
+
+		details = append(details, fmt.Sprintf(
+			"/components/%s/extends references unknown component \"%s\"",
+			name, target,
+		))
+	}
+
+	if len(details) > 0 {
+		return &errs.ValidationError{Subject: "style definition", Details: details}
+	}
+	return nil
+}
diff --git a/src/go/core/internal/validate/validate.go b/src/go/core/internal/validate/validate.go
new file mode 100644
index 0000000..8c50b9d
--- /dev/null
+++ b/src/go/core/internal/validate/validate.go
@@ -0,0 +1,70 @@
+// Package validate checks style definitions and options against the shared
+// draft-07 JSON schemas (the pure-data github.com/dicebear/schema module). The
+// compiled validators are built once, lazily, and reused.
+package validate
+
+import (
+	"bytes"
+	"sync"
+
+	"github.com/dicebear/schema"
+	"github.com/santhosh-tekuri/jsonschema/v6"
+
+	"github.com/dicebear/dicebear-go/v10/internal/errs"
+)
+
+// The schemas are registered under their published CDN URIs: a relative name
+// would be resolved against the process working directory, leaking the
+// consumer's filesystem paths into validation error messages. Keep the
+// version in sync with the github.com/dicebear/schema dependency in go.mod.
+const schemaBaseURL = "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/"
+
+var definitionValidator = sync.OnceValue(func() *jsonschema.Schema {
+	return compileSchema(schemaBaseURL+"definition.min.json", schema.Definition)
+})
+
+var optionsValidator = sync.OnceValue(func() *jsonschema.Schema {
+	return compileSchema(schemaBaseURL+"options.min.json", schema.Options)
+})
+
+func compileSchema(name, raw string) *jsonschema.Schema {
+	doc, err := jsonschema.UnmarshalJSON(bytes.NewReader([]byte(raw)))
+	if err != nil {
+		panic("embedded schema is invalid JSON: " + err.Error())
+	}
+
+	c := jsonschema.NewCompiler()
+	if err := c.AddResource(name, doc); err != nil {
+		panic("embedded schema could not be registered: " + err.Error())
+	}
+
+	sch, err := c.Compile(name)
+	if err != nil {
+		panic("embedded schema does not compile: " + err.Error())
+	}
+
+	return sch
+}
+
+// Definition validates a style definition against definition.json.
+func Definition(instanceJSON []byte) error {
+	return check(definitionValidator(), instanceJSON, "style definition")
+}
+
+// Options validates an options object against options.json.
+func Options(instanceJSON []byte) error {
+	return check(optionsValidator(), instanceJSON, "options")
+}
+
+func check(sch *jsonschema.Schema, instanceJSON []byte, subject string) error {
+	inst, err := jsonschema.UnmarshalJSON(bytes.NewReader(instanceJSON))
+	if err != nil {
+		return &errs.ValidationError{Subject: subject, Details: []string{err.Error()}}
+	}
+
+	if err := sch.Validate(inst); err != nil {
+		return &errs.ValidationError{Subject: subject, Details: []string{err.Error()}}
+	}
+
+	return nil
+}
diff --git a/src/go/core/options_descriptor.go b/src/go/core/options_descriptor.go
new file mode 100644
index 0000000..30abc9c
--- /dev/null
+++ b/src/go/core/options_descriptor.go
@@ -0,0 +1,12 @@
+package dicebear
+
+import "github.com/dicebear/dicebear-go/v10/internal/style"
+
+// OptionsDescriptor describes every option a given style accepts. Tooling such
+// as the editor uses it to render form controls and validation hints.
+type OptionsDescriptor = style.OptionsDescriptor
+
+// NewOptionsDescriptor returns a descriptor for the given style.
+func NewOptionsDescriptor(s *Style) *OptionsDescriptor {
+	return style.NewOptionsDescriptor(s)
+}
diff --git a/src/go/core/parity_test.go b/src/go/core/parity_test.go
new file mode 100644
index 0000000..66f5dd7
--- /dev/null
+++ b/src/go/core/parity_test.go
@@ -0,0 +1,372 @@
+package dicebear
+
+import (
+	"encoding/json"
+	"errors"
+	"os"
+	"path/filepath"
+	"testing"
+
+	"github.com/dicebear/dicebear-go/v10/color"
+	"github.com/dicebear/dicebear-go/v10/internal/initials"
+	"github.com/dicebear/dicebear-go/v10/internal/num"
+	"github.com/dicebear/dicebear-go/v10/internal/prng"
+)
+
+// Cross-language parity: assert the primitives produce exactly the values in the
+// shared fixtures under <repo>/tests/fixtures/parity/, the same the JS, PHP,
+// Python, Rust and Dart suites run against. The tests skip gracefully when the
+// fixtures are absent (e.g. in the split dicebear-go repo).
+
+func fixturePath(t *testing.T, name string) string {
+	t.Helper()
+	p := filepath.Join("..", "..", "..", "tests", "fixtures", "parity", name)
+	if _, err := os.Stat(p); err != nil {
+		t.Skipf("parity fixtures not available (%s)", p)
+	}
+	return p
+}
+
+func readFixture(t *testing.T, name string, v any) {
+	t.Helper()
+	b, err := os.ReadFile(fixturePath(t, name))
+	if err != nil {
+		t.Fatalf("read %s: %v", name, err)
+	}
+	if err := json.Unmarshal(b, v); err != nil {
+		t.Fatalf("parse %s: %v", name, err)
+	}
+}
+
+func strID(s string) string { return s }
+
+func TestFnv1aParity(t *testing.T) {
+	var cases []struct {
+		Input string `json:"input"`
+		Hash  uint32 `json:"hash"`
+		Hex   string `json:"hex"`
+	}
+	readFixture(t, "fnv1a.json", &cases)
+
+	for _, c := range cases {
+		if got := prng.Hash(c.Input); got != c.Hash {
+			t.Errorf("Hash(%q) = %d, want %d", c.Input, got, c.Hash)
+		}
+		if got := prng.Hex(c.Input); got != c.Hex {
+			t.Errorf("Hex(%q) = %s, want %s", c.Input, got, c.Hex)
+		}
+	}
+}
+
+func TestMulberry32Parity(t *testing.T) {
+	var cases []struct {
+		Seed     uint32 `json:"seed"`
+		Sequence []struct {
+			Float float64 `json:"float"`
+			State int32   `json:"state"`
+		} `json:"sequence"`
+	}
+	readFixture(t, "mulberry32.json", &cases)
+
+	for _, c := range cases {
+		m := prng.NewMulberry32(c.Seed)
+		for i, step := range c.Sequence {
+			f := m.NextFloat()
+			s := m.SignedState()
+			if f != step.Float {
+				t.Errorf("seed %d step %d: float = %v, want %v", c.Seed, i, f, step.Float)
+			}
+			if s != step.State {
+				t.Errorf("seed %d step %d: state = %d, want %d", c.Seed, i, s, step.State)
+			}
+		}
+	}
+}
+
+type rangeFixture struct {
+	Min  float64  `json:"min"`
+	Max  float64  `json:"max"`
+	Step *float64 `json:"step"`
+}
+
+func (r rangeFixture) toRange() *prng.Range {
+	return &prng.Range{Min: r.Min, Max: r.Max, Step: r.Step}
+}
+
+func TestPrngParity(t *testing.T) {
+	var f struct {
+		GetValue []struct {
+			Seed, Key string
+			Result    float64
+		} `json:"getValue"`
+		Pick []struct {
+			Seed, Key string
+			Items     []string
+			Result    *string
+		} `json:"pick"`
+		WeightedPick []struct {
+			Seed, Key string
+			Weights   map[string]float64
+			Result    *string
+		} `json:"weightedPick"`
+		Bool []struct {
+			Seed, Key  string
+			Likelihood float64
+			Result     bool
+		} `json:"bool"`
+		Float []struct {
+			Seed, Key string
+			Range     rangeFixture
+			Result    float64
+		} `json:"float"`
+		Integer []struct {
+			Seed, Key string
+			Range     rangeFixture
+			Result    int
+		} `json:"integer"`
+		Shuffle []struct {
+			Seed, Key string
+			Items     []string
+			Result    []string
+		} `json:"shuffle"`
+	}
+	readFixture(t, "prng.json", &f)
+
+	for _, c := range f.GetValue {
+		if got := prng.New(c.Seed).GetValue(c.Key); got != c.Result {
+			t.Errorf("GetValue(%q, %q) = %v, want %v", c.Seed, c.Key, got, c.Result)
+		}
+	}
+
+	for _, c := range f.Pick {
+		got, ok := prng.Pick(prng.New(c.Seed), c.Key, c.Items, strID)
+		if !matchOptional(got, ok, c.Result) {
+			t.Errorf("Pick(%q, %q, %v) = (%q, %v), want %v", c.Seed, c.Key, c.Items, got, ok, c.Result)
+		}
+	}
+
+	for _, c := range f.WeightedPick {
+		got, ok := prng.New(c.Seed).WeightedPick(c.Key, c.Weights)
+		if !matchOptional(got, ok, c.Result) {
+			t.Errorf("WeightedPick(%q, %q, %v) = (%q, %v), want %v", c.Seed, c.Key, c.Weights, got, ok, c.Result)
+		}
+	}
+
+	for _, c := range f.Bool {
+		if got := prng.New(c.Seed).Bool(c.Key, c.Likelihood); got != c.Result {
+			t.Errorf("Bool(%q, %q, %v) = %v, want %v", c.Seed, c.Key, c.Likelihood, got, c.Result)
+		}
+	}
+
+	for _, c := range f.Float {
+		if got := prng.New(c.Seed).Float(c.Key, c.Range.toRange()); got != c.Result {
+			t.Errorf("Float(%q, %q) = %v, want %v", c.Seed, c.Key, got, c.Result)
+		}
+	}
+
+	for _, c := range f.Integer {
+		if got := prng.New(c.Seed).Integer(c.Key, c.Range.toRange()); got != c.Result {
+			t.Errorf("Integer(%q, %q) = %d, want %d", c.Seed, c.Key, got, c.Result)
+		}
+	}
+
+	for _, c := range f.Shuffle {
+		got := prng.New(c.Seed).Shuffle(c.Key, c.Items)
+		if !equalStrings(got, c.Result) {
+			t.Errorf("Shuffle(%q, %q, %v) = %v, want %v", c.Seed, c.Key, c.Items, got, c.Result)
+		}
+	}
+}
+
+func TestNumberParity(t *testing.T) {
+	var cases []struct {
+		Input  float64 `json:"input"`
+		Output string  `json:"output"`
+	}
+	readFixture(t, "numbers.json", &cases)
+
+	for _, c := range cases {
+		if got := num.Format(c.Input); got != c.Output {
+			t.Errorf("num.Format(%v) = %q, want %q", c.Input, got, c.Output)
+		}
+	}
+}
+
+func TestInitialsParity(t *testing.T) {
+	var cases []struct {
+		Seed   string `json:"seed"`
+		Result string `json:"result"`
+	}
+	readFixture(t, "initials.json", &cases)
+
+	for _, c := range cases {
+		if got := initials.FromSeed(c.Seed); got != c.Result {
+			t.Errorf("initials.FromSeed(%q) = %q, want %q", c.Seed, got, c.Result)
+		}
+	}
+}
+
+func TestColorParity(t *testing.T) {
+	var f struct {
+		ToHex []struct {
+			Input  string `json:"input"`
+			Result string `json:"result"`
+		} `json:"toHex"`
+		ToRGBHex []struct {
+			Input  string `json:"input"`
+			Result string `json:"result"`
+		} `json:"toRgbHex"`
+		ParseHex []struct {
+			Input  string  `json:"input"`
+			Result []uint8 `json:"result"`
+		} `json:"parseHex"`
+		Luminance []struct {
+			Input  string  `json:"input"`
+			Result float64 `json:"result"`
+		} `json:"luminance"`
+		SortByContrast []struct {
+			Candidates []string `json:"candidates"`
+			RefColor   string   `json:"refColor"`
+			Result     []string `json:"result"`
+		} `json:"sortByContrast"`
+		FilterNotEqualTo []struct {
+			Candidates []string `json:"candidates"`
+			Excluded   []string `json:"excluded"`
+			Result     []string `json:"result"`
+		} `json:"filterNotEqualTo"`
+	}
+	readFixture(t, "colors.json", &f)
+
+	for _, c := range f.ToHex {
+		if got := color.ToHex(c.Input); got != c.Result {
+			t.Errorf("ToHex(%q) = %q, want %q", c.Input, got, c.Result)
+		}
+	}
+
+	for _, c := range f.ToRGBHex {
+		if got := color.ToRGBHex(c.Input); got != c.Result {
+			t.Errorf("ToRGBHex(%q) = %q, want %q", c.Input, got, c.Result)
+		}
+	}
+
+	for _, c := range f.ParseHex {
+		r, g, b := color.ParseHex(c.Input)
+		if r != c.Result[0] || g != c.Result[1] || b != c.Result[2] {
+			t.Errorf("ParseHex(%q) = (%d, %d, %d), want %v", c.Input, r, g, b, c.Result)
+		}
+	}
+
+	for _, c := range f.Luminance {
+		if got := color.Luminance(c.Input); got != c.Result {
+			t.Errorf("Luminance(%q) = %v, want %v", c.Input, got, c.Result)
+		}
+	}
+
+	for _, c := range f.SortByContrast {
+		if got := color.SortByContrast(c.Candidates, c.RefColor); !equalStrings(got, c.Result) {
+			t.Errorf("SortByContrast(%v, %q) = %v, want %v", c.Candidates, c.RefColor, got, c.Result)
+		}
+	}
+
+	for _, c := range f.FilterNotEqualTo {
+		if got := color.FilterNotEqualTo(c.Candidates, c.Excluded); !equalStrings(got, c.Result) {
+			t.Errorf("FilterNotEqualTo(%v, %v) = %v, want %v", c.Candidates, c.Excluded, got, c.Result)
+		}
+	}
+}
+
+// Cross-language validation parity: every port must accept and reject the same
+// inputs (error messages are language-specific and not compared). The circular
+// color reference cases additionally pin the reported chain.
+func TestValidationParity(t *testing.T) {
+	var f struct {
+		Styles []struct {
+			ID         string          `json:"id"`
+			Definition json.RawMessage `json:"definition"`
+			Valid      bool            `json:"valid"`
+		} `json:"styles"`
+		Options []struct {
+			ID      string         `json:"id"`
+			Options map[string]any `json:"options"`
+			Valid   bool           `json:"valid"`
+		} `json:"options"`
+		CircularColors []struct {
+			ID      string          `json:"id"`
+			Style   json.RawMessage `json:"style"`
+			Options map[string]any  `json:"options"`
+			Chain   []string        `json:"chain"`
+		} `json:"circularColors"`
+	}
+	readFixture(t, "validation.json", &f)
+
+	var minimal *Style
+	for _, c := range f.Styles {
+		s, err := NewStyle(c.Definition)
+		if c.Valid != (err == nil) {
+			t.Errorf("style %s: err = %v, want valid = %v", c.ID, err, c.Valid)
+			continue
+		}
+		if !c.Valid {
+			var ve *ValidationError
+			if !errors.As(err, &ve) {
+				t.Errorf("style %s: error %T is not a *ValidationError", c.ID, err)
+			}
+		}
+		if c.ID == "minimal" {
+			minimal = s
+		}
+	}
+	if minimal == nil {
+		t.Fatal("minimal style fixture missing or invalid")
+	}
+
+	for _, c := range f.Options {
+		_, err := NewAvatar(minimal, c.Options)
+		if c.Valid != (err == nil) {
+			t.Errorf("options %s: err = %v, want valid = %v", c.ID, err, c.Valid)
+			continue
+		}
+		if !c.Valid {
+			var ve *ValidationError
+			if !errors.As(err, &ve) {
+				t.Errorf("options %s: error %T is not a *ValidationError", c.ID, err)
+			}
+		}
+	}
+
+	for _, c := range f.CircularColors {
+		style, err := NewStyle(c.Style)
+		if err != nil {
+			t.Errorf("circular %s: style must parse: %v", c.ID, err)
+			continue
+		}
+		_, err = NewAvatar(style, c.Options)
+		var ce *CircularColorReferenceError
+		if !errors.As(err, &ce) {
+			t.Errorf("circular %s: err = %v, want *CircularColorReferenceError", c.ID, err)
+			continue
+		}
+		if !equalStrings(ce.Chain, c.Chain) {
+			t.Errorf("circular %s: chain = %v, want %v", c.ID, ce.Chain, c.Chain)
+		}
+	}
+}
+
+func matchOptional(got string, ok bool, want *string) bool {
+	if want == nil {
+		return !ok
+	}
+	return ok && got == *want
+}
+
+func equalStrings(a, b []string) bool {
+	if len(a) != len(b) {
+		return false
+	}
+	for i := range a {
+		if a[i] != b[i] {
+			return false
+		}
+	}
+	return true
+}
diff --git a/src/go/core/style.go b/src/go/core/style.go
new file mode 100644
index 0000000..014c007
--- /dev/null
+++ b/src/go/core/style.go
@@ -0,0 +1,12 @@
+package dicebear
+
+import "github.com/dicebear/dicebear-go/v10/internal/style"
+
+// Style is a validated, decomposed wrapper around a style definition. Build it
+// once with [NewStyle], then reuse it across many avatars.
+type Style = style.Style
+
+// NewStyle parses and validates a style definition from its JSON bytes.
+func NewStyle(definitionJSON []byte) (*Style, error) {
+	return style.New(definitionJSON)
+}
diff --git a/src/js/cli/.gitignore b/src/js/cli/.gitignore
new file mode 100644
index 0000000..2f5f2da
--- /dev/null
+++ b/src/js/cli/.gitignore
@@ -0,0 +1,10 @@
+# Cache and log files
+.DS_Store
+yarn-error.log
+package-lock.json
+
+# Dependencies
+node_modules
+
+# Build files
+lib
diff --git a/src/js/cli/LICENSE b/src/js/cli/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/js/cli/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/js/cli/README.md b/src/js/cli/README.md
new file mode 100644
index 0000000..4e406f9
--- /dev/null
+++ b/src/js/cli/README.md
@@ -0,0 +1,41 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear CLI</h1>
+
+Command-line interface for the DiceBear avatar library. Generates avatars from
+any built-in or custom style and saves them as SVG, PNG, JPEG, WebP or AVIF.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/cli/)
+
+## Installation
+
+```sh
+npm install --global dicebear
+```
+
+Requires Node.js 22+.
+
+## Usage
+
+```sh
+# Generate one SVG avatar in the current directory
+dicebear lorelei .
+
+# Generate 10 PNG avatars in ./avatars
+dicebear lorelei ./avatars --count 10 --format png
+```
+
+Pass style options as flags (e.g. `--seed "John Doe"`). Run `dicebear --help` to
+list every style and its options.
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/js/cli/bin/index.js b/src/js/cli/bin/index.js
new file mode 100755
index 0000000..905d43c
--- /dev/null
+++ b/src/js/cli/bin/index.js
@@ -0,0 +1,3 @@
+#!/usr/bin/env -S node --no-warnings
+
+import '../lib/index.js';
diff --git a/src/js/cli/package.json b/src/js/cli/package.json
new file mode 100644
index 0000000..9d31b42
--- /dev/null
+++ b/src/js/cli/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "dicebear",
+  "version": "10.3.0",
+  "private": false,
+  "description": "CLI for DiceBear — unique avatars from dozens of styles.",
+  "homepage": "https://github.com/dicebear/dicebear",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dicebear/dicebear.git"
+  },
+  "license": "MIT",
+  "author": "Florian Körner <contact@florian-koerner.com>",
+  "type": "module",
+  "exports": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "bin": "./bin/index.js",
+  "files": [
+    "LICENSE",
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "prebuild": "del-cli lib",
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "node --test"
+  },
+  "dependencies": {
+    "@dicebear/converter": "10.3.0",
+    "@dicebear/core": "10.3.0",
+    "@dicebear/styles": "^10.1.0",
+    "ajv": "^8.17.1",
+    "chalk": "^5.4.1",
+    "chalk-template": "^1.1.2",
+    "cli-progress": "^3.12.0",
+    "fs-extra": "^11.3.3",
+    "p-queue": "^8.1.0",
+    "update-notifier": "^7.3.1",
+    "yargs": "^18.0.0"
+  },
+  "devDependencies": {
+    "@tsconfig/recommended": "^1.0.13",
+    "@types/cli-progress": "^3.11.6",
+    "@types/fs-extra": "^11.0.4",
+    "@types/update-notifier": "^6.0.8",
+    "@types/yargs": "^17.0.35",
+    "del-cli": "^7.0.0",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  }
+}
diff --git a/src/js/cli/src/index.ts b/src/js/cli/src/index.ts
new file mode 100644
index 0000000..49f4a6e
--- /dev/null
+++ b/src/js/cli/src/index.ts
@@ -0,0 +1,63 @@
+import updateNotifier from 'update-notifier';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+import chalk from 'chalk';
+
+import { getPackageJson } from './utils/getPackageJson.js';
+import { resolveDefinitionPath } from './utils/resolveDefinitionPath.js';
+import { addStyleCommand } from './utils/addStyleCommand.js';
+import { loadStyles } from './utils/loadStyles.js';
+import { loadDefinition } from './utils/loadDefinition.js';
+import { handleStyleCommand } from './utils/handleStyleCommand.js';
+import { getStyleCommandOptions } from './utils/getStyleCommandOptions.js';
+
+(async () => {
+  const pkg = await getPackageJson();
+  updateNotifier({ pkg }).notify();
+
+  const cli = yargs(hideBin(process.argv));
+  const styles = loadStyles();
+
+  for (const [name, style] of styles) {
+    addStyleCommand(cli, name, style);
+  }
+
+  cli.command({
+    command: '* <definition> [outputPath]',
+    describe: false,
+    builder: (yargs) => {
+      const filePath = resolveDefinitionPath(hideBin(process.argv));
+
+      let options = {};
+
+      if (filePath) {
+        try {
+          const { style } = loadDefinition(filePath);
+          options = getStyleCommandOptions(style);
+        } catch (error) {
+          const message =
+            error instanceof Error ? error.message : String(error);
+
+          console.error(chalk.red(`\nError: ${message}`));
+          process.exit(1);
+        }
+      }
+
+      return yargs.default('outputPath', '.').options(options);
+    },
+    handler: async (argv) => {
+      try {
+        const { style, name } = loadDefinition(argv.definition as string);
+
+        await handleStyleCommand(argv, name, style);
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+      }
+    },
+  });
+
+  cli.demandCommand().help().version(pkg.version).locale('en').parse();
+})();
diff --git a/src/js/cli/src/utils/addStyleCommand.ts b/src/js/cli/src/utils/addStyleCommand.ts
new file mode 100644
index 0000000..0f21a2d
--- /dev/null
+++ b/src/js/cli/src/utils/addStyleCommand.ts
@@ -0,0 +1,36 @@
+import type { Style } from '@dicebear/core';
+import yargs from 'yargs';
+import chalk from 'chalk';
+
+import { getStyleCommandOptions } from './getStyleCommandOptions.js';
+import { handleStyleCommand } from './handleStyleCommand.js';
+
+/**
+ * Registers a `<name> [outputPath]` subcommand on the given yargs instance,
+ * wired up to render avatars for the given style.
+ */
+export function addStyleCommand(
+  cli: yargs.Argv<Record<string, unknown>>,
+  name: string,
+  style: Style,
+) {
+  const options = getStyleCommandOptions(style);
+
+  return cli.command({
+    command: `${name} [outputPath]`,
+    describe: `Generate "${name}" avatar(s)`,
+    builder: (yargs) => {
+      return yargs.default('outputPath', '.').options(options);
+    },
+    handler: async (argv) => {
+      try {
+        await handleStyleCommand(argv, name, style);
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+      }
+    },
+  });
+}
diff --git a/src/js/cli/src/utils/createRandomSeed.ts b/src/js/cli/src/utils/createRandomSeed.ts
new file mode 100644
index 0000000..3fcf0b9
--- /dev/null
+++ b/src/js/cli/src/utils/createRandomSeed.ts
@@ -0,0 +1,8 @@
+/**
+ * Returns a short, base-36-encoded random string suitable as an ad-hoc avatar
+ * seed. Uses `Math.random()` — not cryptographically secure, but sufficient
+ * for generating distinct sample avatars from the CLI.
+ */
+export function createRandomSeed() {
+  return Math.random().toString(36).substring(2);
+}
diff --git a/src/js/cli/src/utils/extractStyleOptions.ts b/src/js/cli/src/utils/extractStyleOptions.ts
new file mode 100644
index 0000000..32594c8
--- /dev/null
+++ b/src/js/cli/src/utils/extractStyleOptions.ts
@@ -0,0 +1,81 @@
+import { Style, OptionsDescriptor } from '@dicebear/core';
+
+/**
+ * Parses `['variant01:2', 'variant03:1']` (yargs array form) into a
+ * `{ variant01: 2, variant03: 1 }` weight map. Entries without a colon
+ * default to weight `1`.
+ */
+function parseWeightedValue(value: string[]): Record<string, number> {
+  const result: Record<string, number> = {};
+
+  for (const pair of value) {
+    const [key, weight] = pair.split(':');
+
+    if (key) {
+      result[key.trim()] = weight !== undefined ? Number(weight) : 1;
+    }
+  }
+
+  return result;
+}
+
+/**
+ * Parses a comma-separated string like `"10,50"` into a `[min, max]` tuple
+ * for range options, or a single numeric string like `"50"` into a number.
+ * Passes the value through unchanged when it matches neither form.
+ */
+function parseRangeValue(value: unknown): unknown {
+  if (typeof value !== 'string' || value.trim() === '') {
+    return value;
+  }
+
+  const parts = value.split(',').map((part) => Number(part.trim()));
+
+  if (!parts.every((n) => !isNaN(n))) {
+    return value;
+  }
+
+  if (parts.length === 1) {
+    return parts[0];
+  }
+
+  if (parts.length === 2) {
+    return parts;
+  }
+
+  return value;
+}
+
+/**
+ * Extracts only the style-relevant options from the yargs argv object,
+ * filtering out CLI-specific keys (`_`, `$0`, `outputPath`, `count`,
+ * `format`, etc.) and converting weighted/range values into the shapes the
+ * core resolver expects.
+ */
+export function extractStyleOptions(
+  argv: Record<string, unknown>,
+  style: Style,
+): Record<string, unknown> {
+  const descriptor = new OptionsDescriptor(style).toJSON();
+  const result: Record<string, unknown> = {};
+
+  for (const [key, field] of Object.entries(descriptor)) {
+    if (!(key in argv) || argv[key] === undefined) {
+      continue;
+    }
+
+    let value: unknown = argv[key];
+
+    if (field.type === 'enum' && field.weighted && Array.isArray(value)) {
+      value = parseWeightedValue(value);
+    }
+
+    if (field.type === 'range') {
+      value = parseRangeValue(value);
+    }
+
+    result[key] = value as Record<string, unknown>[string];
+  }
+
+  return result;
+}
diff --git a/src/js/cli/src/utils/getPackageJson.ts b/src/js/cli/src/utils/getPackageJson.ts
new file mode 100644
index 0000000..3e90ba0
--- /dev/null
+++ b/src/js/cli/src/utils/getPackageJson.ts
@@ -0,0 +1,12 @@
+import fs from 'fs-extra';
+import type { Package } from 'update-notifier';
+
+/**
+ * Reads the CLI's own `package.json` from disk. Used by `update-notifier` to
+ * compare the running version against the latest published one.
+ */
+export function getPackageJson(): Promise<Package> {
+  const packageJson = new URL('../../package.json', import.meta.url).pathname;
+
+  return fs.readJson(packageJson);
+}
diff --git a/src/js/cli/src/utils/getStyleCommandOptions.ts b/src/js/cli/src/utils/getStyleCommandOptions.ts
new file mode 100644
index 0000000..7f644e5
--- /dev/null
+++ b/src/js/cli/src/utils/getStyleCommandOptions.ts
@@ -0,0 +1,78 @@
+import { Style, OptionsDescriptor } from '@dicebear/core';
+import type { Options } from 'yargs';
+
+/**
+ * Builds the yargs options map for a single style command. Combines the
+ * shared CLI flags (`count`, `format`, `exif`, `json`) with one entry per
+ * field returned by the style's {@link OptionsDescriptor}.
+ */
+export function getStyleCommandOptions(style: Style): Record<string, Options> {
+  const descriptor = new OptionsDescriptor(style).toJSON();
+  const result: Record<string, Options> = {
+    count: {
+      description: 'Defines how many avatars to create.',
+      type: 'number',
+      default: 1,
+    },
+    format: {
+      type: 'string',
+      choices: ['svg', 'png', 'jpg', 'jpeg', 'webp', 'avif', 'json'],
+      default: 'svg',
+    },
+    exif: {
+      description: 'Include Exif Metadata',
+      type: 'boolean',
+      default: false,
+    },
+    json: {
+      description: 'Save JSON file in addition to image file',
+      type: 'boolean',
+      default: false,
+    },
+  };
+
+  for (const [key, field] of Object.entries(descriptor)) {
+    const option: Options = {};
+
+    switch (field.type) {
+      case 'string':
+        option.type = 'string';
+        if (field.list) {
+          option.array = true;
+        }
+        break;
+      case 'number':
+        option.type = 'number';
+        if (field.list) {
+          option.array = true;
+        }
+        break;
+      case 'range':
+        option.type = 'string';
+        break;
+      case 'boolean':
+        option.type = 'boolean';
+        break;
+      case 'enum':
+        option.type = 'string';
+        if (field.list) {
+          option.array = true;
+        }
+        if (!field.weighted) {
+          option.choices = field.values as string[];
+        }
+
+        break;
+      case 'color':
+        option.type = 'string';
+        if (field.list) {
+          option.array = true;
+        }
+        break;
+    }
+
+    result[key] = option;
+  }
+
+  return result;
+}
diff --git a/src/js/cli/src/utils/handleStyleCommand.ts b/src/js/cli/src/utils/handleStyleCommand.ts
new file mode 100644
index 0000000..b494f7c
--- /dev/null
+++ b/src/js/cli/src/utils/handleStyleCommand.ts
@@ -0,0 +1,144 @@
+import { Style, Avatar } from '@dicebear/core';
+import { toJpeg, toPng, toWebp, toAvif } from '@dicebear/converter';
+import type { ArgumentsCamelCase } from 'yargs';
+import cliProgress from 'cli-progress';
+import PQueue from 'p-queue';
+import os from 'node:os';
+import * as path from 'node:path';
+import fs from 'fs-extra';
+import { exiftool } from 'exiftool-vendored';
+
+import { extractStyleOptions } from './extractStyleOptions.js';
+import { outputStyleLicenseBanner } from './outputStyleLicenseBanner.js';
+import { createRandomSeed } from './createRandomSeed.js';
+import { writeFile } from './writeFile.js';
+
+/**
+ * Handles a single style subcommand: renders the requested number of avatars
+ * in the chosen format, writes them to the output directory, and reports
+ * progress on a CLI progress bar.
+ */
+export async function handleStyleCommand(
+  argv: ArgumentsCamelCase<Record<string, unknown>>,
+  name: string,
+  style: Style,
+) {
+  const bar = new cliProgress.SingleBar({}, cliProgress.Presets.shades_classic);
+
+  const format = (argv.format as string) ?? 'svg';
+  const count = (argv.count as number) ?? 1;
+  const includeExif = (argv.exif as boolean) ?? false;
+  const json = (argv.json as boolean) ?? false;
+
+  outputStyleLicenseBanner(name, style);
+
+  bar.start(count, 0);
+
+  const queue = new PQueue({ concurrency: os.cpus().length || 1 });
+  const errors: Error[] = [];
+
+  queue.on('next', () => {
+    bar.update(count - queue.size - queue.pending);
+  });
+
+  const outputPath = path.resolve(process.cwd(), argv.outputPath as string);
+
+  await fs.ensureDir(outputPath);
+
+  for (let i = 0; i < count; i++) {
+    queue.add(async () => {
+      try {
+        const fileName = path.resolve(
+          process.cwd(),
+          outputPath,
+          `${name}-${i}.${format}`,
+        );
+
+        const seed =
+          count <= 1
+            ? ((argv.seed as string) ?? createRandomSeed())
+            : createRandomSeed();
+
+        const avatar = new Avatar(style, {
+          ...extractStyleOptions(argv, style),
+          seed,
+        });
+
+        switch (format) {
+          case 'svg':
+            await writeFile(fileName, avatar.toString());
+            break;
+
+          case 'png':
+            await writeFile(
+              fileName,
+              await toPng(avatar.toString(), {
+                includeExif,
+                size: argv.size as number,
+              }).toArrayBuffer(),
+            );
+            break;
+
+          case 'jpg':
+          case 'jpeg':
+            await writeFile(
+              fileName,
+              await toJpeg(avatar.toString(), {
+                includeExif,
+                size: argv.size as number,
+              }).toArrayBuffer(),
+            );
+            break;
+
+          case 'webp':
+            await writeFile(
+              fileName,
+              await toWebp(avatar.toString(), {
+                includeExif,
+                size: argv.size as number,
+              }).toArrayBuffer(),
+            );
+            break;
+
+          case 'avif':
+            await writeFile(
+              fileName,
+              await toAvif(avatar.toString(), {
+                includeExif,
+                size: argv.size as number,
+              }).toArrayBuffer(),
+            );
+            break;
+
+          case 'json':
+            await writeFile(fileName, JSON.stringify(avatar.toJSON(), null, 2));
+            break;
+        }
+
+        if (json && 'json' !== format) {
+          const jsonFileName = path.resolve(
+            process.cwd(),
+            outputPath,
+            `${name}-${i}.json`,
+          );
+
+          await fs.writeJSON(jsonFileName, avatar.toJSON(), { spaces: 2 });
+        }
+
+        bar.increment();
+      } catch (error) {
+        errors.push(error instanceof Error ? error : new Error(String(error)));
+      }
+    });
+  }
+
+  await queue.onIdle();
+
+  bar.stop();
+
+  exiftool.end();
+
+  if (errors.length > 0) {
+    throw errors[0];
+  }
+}
diff --git a/src/js/cli/src/utils/loadDefinition.ts b/src/js/cli/src/utils/loadDefinition.ts
new file mode 100644
index 0000000..e8efcb9
--- /dev/null
+++ b/src/js/cli/src/utils/loadDefinition.ts
@@ -0,0 +1,20 @@
+import { Style } from '@dicebear/core';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+
+/**
+ * Reads a style definition JSON file from disk, validates it via {@link Style},
+ * and returns the wrapped style together with a name derived from the file
+ * basename.
+ */
+export function loadDefinition(filePath: string): {
+  style: Style;
+  name: string;
+} {
+  const definitionPath = path.resolve(process.cwd(), filePath);
+  const definition = JSON.parse(fs.readFileSync(definitionPath, 'utf-8'));
+  const style = new Style(definition);
+  const name = path.basename(definitionPath, path.extname(definitionPath));
+
+  return { style, name };
+}
diff --git a/src/js/cli/src/utils/loadStyles.ts b/src/js/cli/src/utils/loadStyles.ts
new file mode 100644
index 0000000..05f916e
--- /dev/null
+++ b/src/js/cli/src/utils/loadStyles.ts
@@ -0,0 +1,32 @@
+import { Style } from '@dicebear/core';
+import { createRequire } from 'node:module';
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+
+const require = createRequire(import.meta.url);
+
+/**
+ * Loads every minified definition shipped by `@dicebear/styles`, wraps
+ * each in a {@link Style}, and returns them keyed by style name.
+ */
+export function loadStyles(): Map<string, Style> {
+  const definitionsDir = path.dirname(
+    require.resolve('@dicebear/styles/initials.json'),
+  );
+  const styles = new Map<string, Style>();
+
+  for (const file of fs.readdirSync(definitionsDir)) {
+    if (!file.endsWith('.min.json')) {
+      continue;
+    }
+
+    const name = file.replace('.min.json', '');
+    const definition = JSON.parse(
+      fs.readFileSync(path.join(definitionsDir, file), 'utf-8'),
+    );
+
+    styles.set(name, new Style(definition));
+  }
+
+  return styles;
+}
diff --git a/src/js/cli/src/utils/outputStyleLicenseBanner.ts b/src/js/cli/src/utils/outputStyleLicenseBanner.ts
new file mode 100644
index 0000000..1ff69d5
--- /dev/null
+++ b/src/js/cli/src/utils/outputStyleLicenseBanner.ts
@@ -0,0 +1,43 @@
+import type { Style } from '@dicebear/core';
+import chalk from 'chalk';
+import chalkTemplate from 'chalk-template';
+
+/**
+ * Prints a colorized attribution banner with the style's source, creator,
+ * and license info to stdout. Skipped sections are omitted silently.
+ */
+export function outputStyleLicenseBanner(name: string, style: Style) {
+  const meta = style.meta();
+  const sourceName = meta.source().name();
+  const creatorName = meta.creator().name();
+  const sourceUrl = meta.source().url();
+  const licenseName = meta.license().name();
+  const licenseUrl = meta.license().url();
+
+  const banner = ['-'.repeat(64)];
+
+  if (sourceName && creatorName) {
+    banner.push(chalkTemplate`{bold ${sourceName}} by {bold ${creatorName}}`);
+  } else if (sourceName) {
+    banner.push(chalkTemplate`{bold ${sourceName}}`);
+  } else if (creatorName) {
+    banner.push(chalkTemplate`{bold ${name}} by {bold ${creatorName}}`);
+  }
+
+  banner.push('');
+
+  if (sourceUrl) {
+    banner.push(`Source: ${sourceUrl}`);
+  }
+
+  if (licenseName) {
+    banner.push(
+      `License: ${licenseName}${licenseUrl ? ` - ${licenseUrl}` : ''}`,
+    );
+  }
+
+  banner.push('-'.repeat(64));
+  banner.push('');
+
+  console.log(chalk.blueBright(banner.join('\n')));
+}
diff --git a/src/js/cli/src/utils/resolveDefinitionPath.ts b/src/js/cli/src/utils/resolveDefinitionPath.ts
new file mode 100644
index 0000000..bf2235d
--- /dev/null
+++ b/src/js/cli/src/utils/resolveDefinitionPath.ts
@@ -0,0 +1,21 @@
+import { Parser } from 'yargs/helpers';
+
+/**
+ * Extracts the definition file path (the first positional argument) from the
+ * raw CLI arguments.
+ *
+ * Flags and the values they consume are ignored, so invocations like
+ * `--count 2 my-style.json`, `my-style.json --count 2`, or `--version`
+ * resolve correctly instead of mistaking a flag (or a flag's value) for the
+ * definition path. Pass the result of `hideBin(process.argv)`.
+ */
+export function resolveDefinitionPath(args: string[]): string | undefined {
+  // yargs' built-in `--help`/`--version` and the CLI's generic `--exif`/`--json`
+  // flags are boolean. Declaring them keeps the parser from greedily consuming
+  // the following definition path as their value (e.g. `--json my-style.json`).
+  const positional = Parser(args, {
+    boolean: ['help', 'version', 'exif', 'json'],
+  })._[0];
+
+  return positional === undefined ? undefined : String(positional);
+}
diff --git a/src/js/cli/src/utils/writeFile.ts b/src/js/cli/src/utils/writeFile.ts
new file mode 100644
index 0000000..35a8d35
--- /dev/null
+++ b/src/js/cli/src/utils/writeFile.ts
@@ -0,0 +1,23 @@
+import fs from 'fs-extra';
+import path from 'node:path';
+
+/**
+ * Writes a string or binary buffer to disk, refusing to overwrite an
+ * existing file. Creates intermediate directories as needed.
+ */
+export async function writeFile(
+  filePath: string,
+  content: string | ArrayBufferLike,
+) {
+  if (fs.existsSync(filePath)) {
+    throw new Error(`File already exists at ${filePath}`);
+  }
+
+  fs.ensureDir(path.dirname(filePath));
+
+  if (typeof content === 'string') {
+    await fs.writeFile(filePath, content);
+  } else {
+    await fs.writeFile(filePath, new Uint8Array(content));
+  }
+}
diff --git a/src/js/cli/tests/cli.test.js b/src/js/cli/tests/cli.test.js
new file mode 100644
index 0000000..7720dac
--- /dev/null
+++ b/src/js/cli/tests/cli.test.js
@@ -0,0 +1,127 @@
+import { describe, it, before, after } from 'node:test';
+import assert from 'node:assert/strict';
+import { spawnSync } from 'node:child_process';
+import { createRequire } from 'node:module';
+import * as fs from 'node:fs';
+import * as os from 'node:os';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const require = createRequire(import.meta.url);
+
+const binPath = fileURLToPath(new URL('../bin/index.js', import.meta.url));
+const pkg = require('../package.json');
+
+/** Runs the built CLI with the given arguments and captures the result. */
+function runCli(args) {
+  return spawnSync('node', [binPath, ...args], {
+    encoding: 'utf-8',
+    // Keep update-notifier from emitting noise / hitting the network.
+    env: { ...process.env, NO_UPDATE_NOTIFIER: '1' },
+  });
+}
+
+describe('dicebear CLI', () => {
+  let workdir;
+  let definition;
+
+  before(() => {
+    workdir = fs.mkdtempSync(path.join(os.tmpdir(), 'dicebear-cli-test-'));
+
+    // Use a real, shipped style definition as a custom definition file.
+    const source = require.resolve('@dicebear/styles/identicon.json');
+    definition = path.join(workdir, 'my-style.json');
+    fs.copyFileSync(source, definition);
+  });
+
+  after(() => {
+    fs.rmSync(workdir, { recursive: true, force: true });
+  });
+
+  it('prints the version for --version', () => {
+    const result = runCli(['--version']);
+
+    assert.equal(result.status, 0);
+    assert.equal(result.stdout.trim(), pkg.version);
+  });
+
+  it('prints help for --help without reading a file', () => {
+    const result = runCli(['--help']);
+
+    assert.equal(result.status, 0);
+    assert.match(result.stdout, /Commands:/);
+    assert.doesNotMatch(result.stderr, /ENOENT/);
+  });
+
+  it('lists built-in style commands in --help', () => {
+    const result = runCli(['--help']);
+
+    assert.match(result.stdout, /initials \[outputPath\]/);
+  });
+
+  it('generates avatars from a built-in style command', () => {
+    const out = path.join(workdir, 'out-initials');
+    const result = runCli(['initials', out, '--count', '2', '--seed', 'test']);
+
+    assert.equal(result.status, 0, result.stderr);
+
+    const files = fs.readdirSync(out).sort();
+    assert.deepEqual(files, ['initials-0.svg', 'initials-1.svg']);
+  });
+
+  it('applies style-specific options on a built-in style command', () => {
+    // `initials` exposes a `backgroundColor` option; the command must accept
+    // it and emit a valid SVG.
+    const out = path.join(workdir, 'out-initials-opts');
+    const result = runCli([
+      'initials',
+      out,
+      '--seed',
+      'abc',
+      '--backgroundColor',
+      'b6e3f4',
+    ]);
+
+    assert.equal(result.status, 0, result.stderr);
+
+    const svg = fs.readFileSync(path.join(out, 'initials-0.svg'), 'utf-8');
+    assert.match(svg, /^<svg/);
+  });
+
+  it('generates avatars from a definition file', () => {
+    const out = path.join(workdir, 'out-definition');
+    const result = runCli([definition, out, '--count', '2', '--seed', 'test']);
+
+    assert.equal(result.status, 0, result.stderr);
+
+    const files = fs.readdirSync(out).sort();
+    assert.deepEqual(files, ['my-style-0.svg', 'my-style-1.svg']);
+  });
+
+  it('generates avatars when flags precede the definition path', () => {
+    // Regression: `--count 2 <file>` used to treat the value "2" as the
+    // definition path. The definition must still be resolved correctly.
+    const out = path.join(workdir, 'out-flags-first');
+    const result = runCli(['--count', '2', '--seed', 'abc', definition, out]);
+
+    assert.equal(result.status, 0, result.stderr);
+    assert.equal(fs.readdirSync(out).length, 2);
+  });
+
+  it('generates avatars when a boolean flag precedes the definition path', () => {
+    // Regression: `--json <file>` used to let the parser swallow the path as
+    // the value of the boolean flag, loading the wrong file.
+    const out = path.join(workdir, 'out-bool-first');
+    const result = runCli(['--json', definition, out, '--count', '1']);
+
+    assert.equal(result.status, 0, result.stderr);
+    assert.ok(fs.existsSync(path.join(out, 'my-style-0.svg')));
+  });
+
+  it('exits with an error for a missing definition file', () => {
+    const result = runCli([path.join(workdir, 'does-not-exist.json')]);
+
+    assert.equal(result.status, 1);
+    assert.match(result.stderr, /Error:/);
+  });
+});
diff --git a/src/js/cli/tests/resolveDefinitionPath.test.js b/src/js/cli/tests/resolveDefinitionPath.test.js
new file mode 100644
index 0000000..55b2887
--- /dev/null
+++ b/src/js/cli/tests/resolveDefinitionPath.test.js
@@ -0,0 +1,76 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { resolveDefinitionPath } from '../lib/utils/resolveDefinitionPath.js';
+
+describe('resolveDefinitionPath', () => {
+  it('returns the path when it is the first argument', () => {
+    assert.equal(resolveDefinitionPath(['my-style.json']), 'my-style.json');
+  });
+
+  it('returns the path when followed by an output path and flags', () => {
+    assert.equal(
+      resolveDefinitionPath(['my-style.json', 'out', '--count', '2']),
+      'my-style.json',
+    );
+  });
+
+  it('ignores flags and their values that precede the path', () => {
+    assert.equal(
+      resolveDefinitionPath(['--count', '2', '--seed', 'abc', 'my-style.json']),
+      'my-style.json',
+    );
+  });
+
+  it('does not mistake a flag value for the path', () => {
+    // Regression: `--count 2 file` used to resolve to "2" (the value of
+    // --count) instead of the definition file.
+    assert.notEqual(resolveDefinitionPath(['--count', '2', 'file.json']), '2');
+  });
+
+  it('ignores a boolean flag that precedes the path', () => {
+    // Regression: a no-config parser treats `--json` as a value flag and
+    // swallows the path, so `--json my-style.json` resolved to the wrong
+    // positional (or undefined) instead of the definition file.
+    assert.equal(
+      resolveDefinitionPath(['--json', 'my-style.json']),
+      'my-style.json',
+    );
+    assert.equal(
+      resolveDefinitionPath(['--exif', 'my-style.json', 'out']),
+      'my-style.json',
+    );
+  });
+
+  it('returns undefined for --version', () => {
+    // Regression: `--version` used to be treated as a file path, causing
+    // `ENOENT ... open '.../--version'`.
+    assert.equal(resolveDefinitionPath(['--version']), undefined);
+  });
+
+  it('returns undefined for --help', () => {
+    assert.equal(resolveDefinitionPath(['--help']), undefined);
+  });
+
+  it('returns undefined when no arguments are given', () => {
+    assert.equal(resolveDefinitionPath([]), undefined);
+  });
+
+  it('returns undefined when only flags are given', () => {
+    assert.equal(
+      resolveDefinitionPath(['--format', 'png', '--size', '128']),
+      undefined,
+    );
+  });
+
+  it('always returns a string for a numeric-looking path', () => {
+    const result = resolveDefinitionPath(['123.json']);
+    assert.equal(typeof result, 'string');
+    assert.equal(result, '123.json');
+  });
+
+  it('coerces a bare numeric positional to a string', () => {
+    const result = resolveDefinitionPath(['42']);
+    assert.equal(typeof result, 'string');
+    assert.equal(result, '42');
+  });
+});
diff --git a/src/js/cli/tsconfig.json b/src/js/cli/tsconfig.json
new file mode 100644
index 0000000..30f95e8
--- /dev/null
+++ b/src/js/cli/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "@tsconfig/recommended/tsconfig.json",
+  "compilerOptions": {
+    "module": "ES2020",
+    "target": "ES2019",
+    "moduleResolution": "node",
+    "declaration": true,
+    "outDir": "./lib"
+  },
+  "include": ["./src/**/*.ts"]
+}
diff --git a/src/js/converter/.gitignore b/src/js/converter/.gitignore
new file mode 100644
index 0000000..1ac4327
--- /dev/null
+++ b/src/js/converter/.gitignore
@@ -0,0 +1,12 @@
+# Cache and log files
+.DS_Store
+yarn-error.log
+
+# Dependencies
+node_modules
+
+# Build files
+lib
+
+# Generated files
+src/options.ts
diff --git a/src/js/converter/LICENSE b/src/js/converter/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/js/converter/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/js/converter/README.md b/src/js/converter/README.md
new file mode 100644
index 0000000..d3b8372
--- /dev/null
+++ b/src/js/converter/README.md
@@ -0,0 +1,48 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Converter</h1>
+
+Converts DiceBear avatars (or any SVG) to raster formats: PNG, JPEG, WebP and
+AVIF. Works in Node.js and modern browsers.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/introduction)
+
+## Installation
+
+```sh
+npm install @dicebear/converter
+```
+
+Requires Node.js 22+ or any modern browser.
+
+## Usage
+
+```js
+import { Avatar } from '@dicebear/core';
+import { toPng } from '@dicebear/converter';
+
+// From a style definition (here from the @dicebear/styles package)
+import definition from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const avatar = new Avatar(definition, { seed: 'John Doe' });
+
+const png = toPng(avatar, { size: 256 });
+
+await png.toDataUri(); // data:image/png;base64,...
+await png.toArrayBuffer(); // ArrayBuffer
+```
+
+`toJpeg`, `toWebp` and `toAvif` work the same way. Each function also accepts a
+raw SVG string instead of an `Avatar`.
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/js/converter/package.json b/src/js/converter/package.json
new file mode 100644
index 0000000..43b755e
--- /dev/null
+++ b/src/js/converter/package.json
@@ -0,0 +1,56 @@
+{
+  "name": "@dicebear/converter",
+  "version": "10.3.0",
+  "description": "SVG Converter for DiceBear",
+  "keywords": [
+    "dicebear"
+  ],
+  "homepage": "https://www.dicebear.com",
+  "bugs": {
+    "url": "https://github.com/dicebear/dicebear/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dicebear/dicebear.git"
+  },
+  "license": "MIT",
+  "author": "Florian Körner <contact@florian-koerner.com>",
+  "type": "module",
+  "main": "./lib/node/index.js",
+  "browser": "./lib/index.js",
+  "exports": {
+    "node": "./lib/node/index.js",
+    "default": "./lib/index.js"
+  },
+  "types": "./lib/index.d.ts",
+  "files": [
+    "fonts",
+    "LICENSE",
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "prebuild": "del-cli lib",
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "node --test"
+  },
+  "dependencies": {
+    "@resvg/resvg-js": "^2.6.2",
+    "exiftool-vendored": "^35.5.0",
+    "fast-xml-parser": "^5.7.1",
+    "sharp": "^0.34.5",
+    "tmp-promise": "^3.0.3"
+  },
+  "devDependencies": {
+    "@tsconfig/recommended": "^1.0.13",
+    "del-cli": "^7.0.0",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/src/js/converter/src/core.ts b/src/js/converter/src/core.ts
new file mode 100644
index 0000000..c05ce60
--- /dev/null
+++ b/src/js/converter/src/core.ts
@@ -0,0 +1,136 @@
+import type {
+  Result,
+  Avatar,
+  ToJpeg,
+  ToPng,
+  ToWebp,
+  ToAvif,
+  Options,
+} from './types.js';
+import { getMimeType } from './utils/mime-type.js';
+import { ensureSize } from './utils/svg.js';
+
+export const toPng: ToPng = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'png', options);
+};
+
+export const toJpeg: ToJpeg = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'jpeg', options);
+};
+
+export const toWebp: ToWebp = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'webp', options);
+};
+
+export const toAvif: ToAvif = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'avif', options);
+};
+
+/**
+ * Browser conversion entry point. Returns a {@link Result} with `toDataUri()`
+ * and `toArrayBuffer()` methods that lazily render the avatar to the chosen
+ * raster format. Warns when `includeExif` is set, since Exif metadata is
+ * only supported by the Node build.
+ */
+function toFormat(
+  avatar: Avatar,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  options: Options = {},
+): Result {
+  if (options.includeExif) {
+    console.warn(
+      'The `exif` option is not supported in the browser version of `@dicebear/converter`. \n' +
+        'Please use the node version of `@dicebear/converter` to generate images with exif data.',
+    );
+  }
+
+  const svg = typeof avatar === 'string' ? avatar : avatar.toString();
+
+  return {
+    toDataUri: () => toDataUri(svg, format, options),
+    toArrayBuffer: () => toArrayBuffer(svg, format, options),
+  };
+}
+
+/**
+ * Returns a `data:` URI for the rendered avatar. The `svg` format is
+ * fast-pathed; other formats go through a `<canvas>` rasterization step.
+ */
+async function toDataUri(
+  svg: string,
+  format: 'svg' | 'png' | 'jpeg' | 'webp' | 'avif',
+  options: Options,
+): Promise<string> {
+  if ('svg' === format) {
+    return `data:${getMimeType(format)};utf8,${encodeURIComponent(svg)}`;
+  }
+
+  const canvas = await toCanvas(svg, format, options);
+
+  return canvas.toDataURL(getMimeType(format));
+}
+
+/**
+ * Returns the rasterized avatar as a raw `ArrayBuffer` by routing the canvas
+ * through `canvas.toBlob`.
+ */
+async function toArrayBuffer(
+  rawSvg: string,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  options: Options,
+): Promise<ArrayBufferLike> {
+  const canvas = await toCanvas(rawSvg, format, options);
+
+  return await new Promise<ArrayBufferLike>((resolve, reject) => {
+    canvas.toBlob((blob) => {
+      if (blob) {
+        resolve(blob.arrayBuffer());
+      } else {
+        reject(new Error('Could not create blob'));
+      }
+    }, getMimeType(format));
+  });
+}
+
+/**
+ * Renders the SVG into a fresh `<canvas>` of the requested size. JPEG output
+ * gets a white background fill so transparent regions don't render black.
+ */
+async function toCanvas(
+  rawSvg: string,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  options: Options,
+): Promise<HTMLCanvasElement> {
+  const { svg, size } = ensureSize(rawSvg, options.size);
+
+  const canvas = document.createElement('canvas');
+  canvas.width = size;
+  canvas.height = size;
+
+  const context = canvas.getContext('2d');
+
+  if (null === context) {
+    throw new Error('Could not get canvas context');
+  }
+
+  if (format === 'jpeg') {
+    context.fillStyle = 'white';
+    context.fillRect(0, 0, size, size);
+  }
+
+  const img = document.createElement('img');
+  img.width = size;
+  img.height = size;
+
+  img.setAttribute('src', await toDataUri(svg, 'svg', options));
+
+  return new Promise((resolve, reject) => {
+    img.onload = () => {
+      context.drawImage(img, 0, 0, size, size);
+
+      resolve(canvas);
+    };
+
+    img.onerror = (e) => reject(e);
+  });
+}
diff --git a/src/js/converter/src/index.ts b/src/js/converter/src/index.ts
new file mode 100644
index 0000000..448c508
--- /dev/null
+++ b/src/js/converter/src/index.ts
@@ -0,0 +1,9 @@
+/*!
+ * DiceBear Converter (@dicebear/converter)
+ *
+ * Code licensed under MIT (https://github.com/dicebear/dicebear/blob/9.x/LICENSE)
+ * Copyright (c) 2024 Florian Körner
+ */
+
+export { toPng, toJpeg, toWebp, toAvif } from './core.js';
+export type * from './types.js';
diff --git a/src/js/converter/src/node/core.ts b/src/js/converter/src/node/core.ts
new file mode 100644
index 0000000..722448b
--- /dev/null
+++ b/src/js/converter/src/node/core.ts
@@ -0,0 +1,174 @@
+import type {
+  Result,
+  Exif,
+  Avatar,
+  Options,
+  ToPng,
+  ToJpeg,
+  ToWebp,
+  ToAvif,
+} from '../types.js';
+import { promises as fs } from 'node:fs';
+import { getMimeType } from '../utils/mime-type.js';
+import { ensureSize, getMetadata } from '../utils/svg.js';
+import * as tmp from 'tmp-promise';
+import { renderAsync } from '@resvg/resvg-js';
+import sharp from 'sharp';
+import { exiftool } from 'exiftool-vendored';
+
+export const toPng: ToPng = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'png', options);
+};
+
+export const toJpeg: ToJpeg = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'jpeg', options);
+};
+
+export const toWebp: ToWebp = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'webp', options);
+};
+
+export const toAvif: ToAvif = (avatar: Avatar, options: Options = {}) => {
+  return toFormat(avatar, 'avif', options);
+};
+
+/**
+ * Node conversion entry point. Returns a {@link Result} with `toDataUri()`
+ * and `toArrayBuffer()` methods that lazily render the avatar via resvg +
+ * sharp, optionally embedding Exif metadata derived from the SVG's
+ * `<metadata>` block.
+ */
+function toFormat(
+  avatar: Avatar,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  options: Options,
+): Result {
+  const svg = typeof avatar === 'string' ? avatar : avatar.toString();
+
+  const exifOption = options.includeExif ?? false;
+  const exif = exifOption ? getExif(svg) : {};
+
+  return {
+    toDataUri: () => toDataUri(svg, format, exif, options),
+    toArrayBuffer: () => toArrayBuffer(svg, format, exif, options),
+  };
+}
+
+/**
+ * Returns a `data:` URI for the rendered avatar. The `svg` format is
+ * fast-pathed; raster formats are base64-encoded.
+ */
+async function toDataUri(
+  svg: string,
+  format: 'svg' | 'png' | 'jpeg' | 'webp' | 'avif',
+  exif: Exif,
+  options: Options,
+): Promise<string> {
+  if (format === 'svg') {
+    return `data:${getMimeType(format)};utf8,${encodeURIComponent(svg)}`;
+  }
+
+  const buffer = await toBuffer(svg, format, exif, options);
+
+  return `data:${getMimeType(format)};base64,${buffer.toString('base64')}`;
+}
+
+/**
+ * Returns the rasterized avatar as a raw `ArrayBuffer` by unwrapping the
+ * underlying Node `Buffer`.
+ */
+async function toArrayBuffer(
+  rawSvg: string,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  exif: Exif,
+  options: Options,
+): Promise<ArrayBufferLike> {
+  return (await toBuffer(rawSvg, format, exif, options)).buffer;
+}
+
+/**
+ * Renders the SVG via resvg-js, optionally re-encodes through sharp for
+ * non-PNG formats, and writes Exif metadata using exiftool when present.
+ */
+async function toBuffer(
+  rawSvg: string,
+  format: 'png' | 'jpeg' | 'webp' | 'avif',
+  exif: Exif,
+  options: Options,
+): Promise<Buffer> {
+  const hasFonts = Array.isArray(options.fonts);
+
+  const { svg, size } = ensureSize(rawSvg, options.size);
+
+  let buffer = (
+    await renderAsync(svg, {
+      fitTo: { mode: 'width', value: size },
+      font: {
+        loadSystemFonts: !hasFonts,
+        fontFiles: hasFonts ? options.fonts : undefined,
+      },
+    })
+  ).asPng();
+
+  if (format !== 'png') {
+    const sharpInstance = sharp(buffer);
+
+    if (format === 'jpeg') {
+      sharpInstance.flatten({ background: '#ffffff' });
+    }
+
+    buffer = await sharpInstance.toFormat(format).toBuffer();
+  }
+
+  if (Object.keys(exif).length > 0) {
+    buffer = await tmp.withFile(async ({ path }) => {
+      await fs.writeFile(path, buffer);
+      await exiftool.write(path, exif, { writeArgs: ['-overwrite_original'] });
+
+      return fs.readFile(path);
+    });
+  }
+
+  return buffer;
+}
+
+/**
+ * Maps the SVG's embedded `<metadata>` block to an Exif tag set covering
+ * IPTC-PhotoMetadata and Google's image license metadata schemas.
+ *
+ * @see https://www.iptc.org/std/photometadata/specification/IPTC-PhotoMetadata
+ * @see https://developers.google.com/search/docs/appearance/structured-data/image-license-metadata
+ */
+function getExif(svg: string): Exif {
+  const metadata = getMetadata(svg);
+
+  const exif: Exif = {};
+
+  if (metadata.title) {
+    exif['IPTC:ObjectName'] = metadata.title;
+    exif['XMP-dc:Title'] = metadata.title;
+  }
+
+  if (metadata.source) {
+    exif['XMP-plus:LicensorURL'] = metadata.source;
+  }
+
+  if (metadata.creator) {
+    exif['IPTC:By-line'] = metadata.creator;
+    exif['XMP-dc:Creator'] = metadata.creator;
+
+    exif['IPTC:Credit'] = metadata.creator;
+    exif['XMP-photoshop:Credit'] = metadata.creator;
+  }
+
+  if (metadata.license) {
+    exif['XMP-xmpRights:WebStatement'] = metadata.license;
+  }
+
+  if (metadata.copyright) {
+    exif['IPTC:CopyrightNotice'] = metadata.copyright;
+    exif['XMP-dc:Rights'] = metadata.copyright;
+  }
+
+  return exif;
+}
diff --git a/src/js/converter/src/node/index.ts b/src/js/converter/src/node/index.ts
new file mode 100644
index 0000000..eba74b1
--- /dev/null
+++ b/src/js/converter/src/node/index.ts
@@ -0,0 +1,9 @@
+/*!
+ * DiceBear Converter (@dicebear/converter)
+ *
+ * Code licensed under MIT (https://github.com/dicebear/dicebear/blob/9.x/LICENSE)
+ * Copyright (c) 2024 Florian Körner
+ */
+
+export { toPng, toJpeg, toWebp, toAvif } from './core.js';
+export type * from '../types.js';
diff --git a/src/js/converter/src/types.ts b/src/js/converter/src/types.ts
new file mode 100644
index 0000000..1aa93df
--- /dev/null
+++ b/src/js/converter/src/types.ts
@@ -0,0 +1,32 @@
+export type ToJpeg = (avatar: Avatar, options?: Options) => Result;
+
+export type ToPng = (avatar: Avatar, options?: Options) => Result;
+
+export type ToWebp = (avatar: Avatar, options?: Options) => Result;
+
+export type ToAvif = (avatar: Avatar, options?: Options) => Result;
+
+export type Avatar = { toString(): string } | string;
+
+export interface Result {
+  toDataUri(): Promise<string>;
+  toArrayBuffer(): Promise<ArrayBufferLike>;
+}
+
+export interface Exif {
+  [key: string]: string;
+}
+
+export interface Options {
+  size?: number;
+  fonts?: string[];
+  includeExif?: boolean;
+}
+
+export interface Metadata {
+  title?: string;
+  source?: string;
+  creator?: string;
+  license?: string;
+  copyright?: string;
+}
diff --git a/src/js/converter/src/utils/mime-type.ts b/src/js/converter/src/utils/mime-type.ts
new file mode 100644
index 0000000..b3aec54
--- /dev/null
+++ b/src/js/converter/src/utils/mime-type.ts
@@ -0,0 +1,18 @@
+/**
+ * Returns the MIME type string for an avatar output format.
+ */
+export function getMimeType(
+  format: 'svg' | 'png' | 'jpeg' | 'webp' | 'avif',
+): string {
+  switch (format) {
+    case 'svg':
+      return 'image/svg+xml';
+    case 'png':
+    case 'jpeg':
+    case 'webp':
+    case 'avif':
+      return `image/${format}`;
+    default:
+      throw new Error(`Unsupported format: ${format}`);
+  }
+}
diff --git a/src/js/converter/src/utils/svg.ts b/src/js/converter/src/utils/svg.ts
new file mode 100644
index 0000000..3337dad
--- /dev/null
+++ b/src/js/converter/src/utils/svg.ts
@@ -0,0 +1,82 @@
+import { XMLParser, XMLBuilder } from 'fast-xml-parser';
+import { Metadata } from '../types';
+
+const MAX_SIZE = 2048;
+const DEFAULT_SIZE = 512;
+const MAX_METADATA_LENGTH = 1024;
+
+const xmlRoundTripOptions = {
+  ignoreAttributes: false,
+  attributeNamePrefix: '@_',
+  preserveOrder: true,
+  commentPropName: '#comment',
+  allowBooleanAttributes: true,
+  processEntities: false,
+};
+
+const xmlRoundTripParser = new XMLParser(xmlRoundTripOptions);
+const xmlRoundTripBuilder = new XMLBuilder(xmlRoundTripOptions);
+
+/**
+ * Clamps a requested size into a sane integer range, falling back to
+ * `DEFAULT_SIZE` for non-finite or non-positive inputs.
+ */
+function sanitizeSize(size: number): number {
+  if (!Number.isFinite(size) || size <= 0) {
+    return DEFAULT_SIZE;
+  }
+
+  return Math.floor(Math.min(size, MAX_SIZE));
+}
+
+/**
+ * Re-emits the SVG with explicit `width`/`height` attributes set to the
+ * sanitized size, so downstream rasterizers know how large to render.
+ */
+export function ensureSize(svg: string, size: number = DEFAULT_SIZE) {
+  size = sanitizeSize(size);
+
+  const parsed = xmlRoundTripParser.parse(svg);
+  const svgNode = parsed.find((node: Record<string, unknown>) => 'svg' in node);
+
+  if (svgNode) {
+    svgNode[':@'] ??= {};
+    svgNode[':@']['@_width'] = String(size);
+    svgNode[':@']['@_height'] = String(size);
+  }
+
+  svg = xmlRoundTripBuilder.build(parsed);
+
+  return { svg, size };
+}
+
+/**
+ * Returns a non-empty string truncated to {@link MAX_METADATA_LENGTH}, or
+ * `undefined` for non-string or empty input.
+ */
+function sanitizeMetadataValue(value: unknown): string | undefined {
+  if (typeof value !== 'string' || value.length === 0) {
+    return undefined;
+  }
+
+  return value.slice(0, MAX_METADATA_LENGTH);
+}
+
+/**
+ * Extracts the embedded RDF/Dublin Core metadata block from an avatar SVG
+ * into a flat {@link Metadata} object. Missing fields become `undefined`.
+ */
+export function getMetadata(svg: string): Metadata {
+  const parser = new XMLParser();
+  const xml = parser.parse(svg);
+
+  const rdfDescription = xml.svg.metadata?.['rdf:RDF']?.['rdf:Description'];
+
+  return {
+    title: sanitizeMetadataValue(rdfDescription?.['dc:title']),
+    source: sanitizeMetadataValue(rdfDescription?.['dc:source']),
+    creator: sanitizeMetadataValue(rdfDescription?.['dc:creator']),
+    license: sanitizeMetadataValue(rdfDescription?.['dcterms:license']),
+    copyright: sanitizeMetadataValue(rdfDescription?.['dc:rights']),
+  };
+}
diff --git a/src/js/converter/tests/fixtures/avatar.svg b/src/js/converter/tests/fixtures/avatar.svg
new file mode 100644
index 0000000..71fd85a
--- /dev/null
+++ b/src/js/converter/tests/fixtures/avatar.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-25 -25 100 100" version="1.1">
+  <metadata xmlns="http://www.w3.org/2000/svg"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/">
+    <rdf:RDF>
+      <rdf:Description>
+        <dc:title>Title</dc:title>
+        <dc:creator>Creator</dc:creator>
+        <dc:source xsi:type="dcterms:URI">https://www.dicebear.com</dc:source>
+        <dcterms:license xsi:type="dcterms:URI">https://www.dicebear.com/licenses</dcterms:license>
+        <dc:rights>Remix of „Title” (https://www.dicebear.com) by „DiceBear”</dc:rights>
+      </rdf:Description>
+    </rdf:RDF>
+  </metadata>
+  <mask id="viewboxMask">
+    <rect width="100" height="100" rx="0" ry="0" x="-25" y="-25" fill="#fff" />
+  </mask>
+  <g mask="url(#viewboxMask)">
+    <rect fill="#ff0000" width="100" height="100" x="-25" y="-25" />
+    <rect width="25" height="25" fill="#00FFFF" />
+    <rect x="25" width="25" height="25" fill="#FFFF00" />
+    <rect y="25" width="25" height="25" fill="#FF00FF" />
+    <rect x="25" y="25" width="25" height="25" fill="black" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/js/converter/tests/jpeg.test.js b/src/js/converter/tests/jpeg.test.js
new file mode 100644
index 0000000..15e3424
--- /dev/null
+++ b/src/js/converter/tests/jpeg.test.js
@@ -0,0 +1,19 @@
+import { toJpeg } from '../lib/node/index.js';
+import * as fs from 'fs';
+import * as path from 'path';
+import { fileURLToPath } from 'url';
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const avatar = fs.readFileSync(path.resolve(__dirname, 'fixtures/avatar.svg'), {
+  encoding: 'utf8',
+});
+
+test(`Convert to jpeg buffer`, async () => {
+  assert.doesNotThrow(() => toJpeg(avatar).toArrayBuffer());
+});
+
+test(`Convert to jpeg data uri`, async () => {
+  assert.doesNotThrow(() => toJpeg(avatar).toDataUri());
+});
diff --git a/src/js/converter/tests/png.test.js b/src/js/converter/tests/png.test.js
new file mode 100644
index 0000000..1a34ed4
--- /dev/null
+++ b/src/js/converter/tests/png.test.js
@@ -0,0 +1,41 @@
+import { toPng } from '../lib/node/index.js';
+import * as fs from 'fs';
+import * as path from 'path';
+import { fileURLToPath } from 'url';
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+import sharp from 'sharp';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const avatar = fs.readFileSync(path.resolve(__dirname, 'fixtures/avatar.svg'), {
+  encoding: 'utf8',
+});
+
+test(`Convert to png buffer`, async () => {
+  assert.doesNotThrow(() => toPng(avatar).toArrayBuffer());
+});
+
+test(`Convert to png data uri`, async () => {
+  assert.doesNotThrow(() => toPng(avatar).toDataUri());
+});
+
+test(`PNG output respects size option`, async () => {
+  const buffer = await toPng(avatar, { size: 128 }).toArrayBuffer();
+  const metadata = await sharp(Buffer.from(buffer)).metadata();
+  assert.equal(metadata.width, 128);
+  assert.equal(metadata.height, 128);
+});
+
+test(`PNG output defaults to 512`, async () => {
+  const buffer = await toPng(avatar).toArrayBuffer();
+  const metadata = await sharp(Buffer.from(buffer)).metadata();
+  assert.equal(metadata.width, 512);
+  assert.equal(metadata.height, 512);
+});
+
+test(`PNG output clamps oversized value to 2048`, async () => {
+  const buffer = await toPng(avatar, { size: 99999 }).toArrayBuffer();
+  const metadata = await sharp(Buffer.from(buffer)).metadata();
+  assert.equal(metadata.width, 2048);
+  assert.equal(metadata.height, 2048);
+});
diff --git a/src/js/converter/tests/utils/svg.test.js b/src/js/converter/tests/utils/svg.test.js
new file mode 100644
index 0000000..8bc0bcd
--- /dev/null
+++ b/src/js/converter/tests/utils/svg.test.js
@@ -0,0 +1,105 @@
+import { promises as fs } from 'node:fs';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { test } from 'node:test';
+import { deepStrictEqual as equal } from 'node:assert/strict';
+import { ensureSize, getMetadata } from '../../lib/utils/svg.js';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+
+test(`"ensureSize" without width and height`, async () => {
+  equal(
+    ensureSize(`<svg foo bar></svg>`, 100).svg,
+    `<svg foo bar width="100" height="100"></svg>`,
+  );
+});
+
+test(`"ensureSize" with width and height`, async () => {
+  equal(
+    ensureSize(`<svg foo width="20" bar height="20"></svg>`, 100).svg,
+    `<svg foo width="100" bar height="100"></svg>`,
+  );
+});
+
+test(`"ensureSize" with width only`, async () => {
+  equal(
+    ensureSize(`<svg foo width="20" bar></svg>`, 100).svg,
+    `<svg foo width="100" bar height="100"></svg>`,
+  );
+});
+
+test(`"ensureSize" with height only`, async () => {
+  equal(
+    ensureSize(`<svg foo bar height="20"></svg>`, 100).svg,
+    `<svg foo bar height="100" width="100"></svg>`,
+  );
+});
+
+test(`"ensureSize" returns correct size`, async () => {
+  equal(ensureSize(`<svg></svg>`, 256).size, 256);
+});
+
+test(`"ensureSize" defaults to 512`, async () => {
+  const result = ensureSize(`<svg></svg>`);
+  equal(result.size, 512);
+  equal(result.svg, `<svg width="512" height="512"></svg>`);
+});
+
+test(`"ensureSize" overwrites huge SVG dimensions`, async () => {
+  equal(
+    ensureSize(`<svg width="999999999" height="999999999"></svg>`, 128).svg,
+    `<svg width="128" height="128"></svg>`,
+  );
+});
+
+test(`"ensureSize" overwrites non-numeric SVG dimensions`, async () => {
+  equal(
+    ensureSize(`<svg width="100%" height="auto"></svg>`, 64).svg,
+    `<svg width="64" height="64"></svg>`,
+  );
+});
+
+test(`"ensureSize" clamps to max 2048`, async () => {
+  const result = ensureSize(`<svg></svg>`, 10000);
+  equal(result.size, 2048);
+  equal(result.svg, `<svg width="2048" height="2048"></svg>`);
+});
+
+test(`"ensureSize" floors fractional size`, async () => {
+  const result = ensureSize(`<svg></svg>`, 99.9);
+  equal(result.size, 99);
+  equal(result.svg, `<svg width="99" height="99"></svg>`);
+});
+
+test(`"ensureSize" falls back to 512 for NaN`, async () => {
+  equal(ensureSize(`<svg></svg>`, NaN).size, 512);
+});
+
+test(`"ensureSize" falls back to 512 for negative`, async () => {
+  equal(ensureSize(`<svg></svg>`, -100).size, 512);
+});
+
+test(`"ensureSize" falls back to 512 for zero`, async () => {
+  equal(ensureSize(`<svg></svg>`, 0).size, 512);
+});
+
+test(`"ensureSize" falls back to 512 for Infinity`, async () => {
+  equal(ensureSize(`<svg></svg>`, Infinity).size, 512);
+});
+
+test(`Metadata parsing`, async () => {
+  const avatar = await fs.readFile(path.resolve(__dirname, '../fixtures/avatar.svg'), {
+    encoding: 'utf8',
+  });
+
+  equal(
+    getMetadata(avatar),
+    {
+      title: 'Title',
+      source: 'https://www.dicebear.com',
+      creator: 'Creator',
+      license: 'https://www.dicebear.com/licenses',
+      copyright: 'Remix of „Title” (https://www.dicebear.com) by „DiceBear”',
+    }
+  )
+});
diff --git a/src/js/converter/tsconfig.json b/src/js/converter/tsconfig.json
new file mode 100644
index 0000000..30f95e8
--- /dev/null
+++ b/src/js/converter/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "@tsconfig/recommended/tsconfig.json",
+  "compilerOptions": {
+    "module": "ES2020",
+    "target": "ES2019",
+    "moduleResolution": "node",
+    "declaration": true,
+    "outDir": "./lib"
+  },
+  "include": ["./src/**/*.ts"]
+}
diff --git a/src/js/core/.gitignore b/src/js/core/.gitignore
new file mode 100644
index 0000000..5e69582
--- /dev/null
+++ b/src/js/core/.gitignore
@@ -0,0 +1,12 @@
+# Cache and log files
+.DS_Store
+
+# Dependencies
+node_modules
+
+# Build files
+lib
+
+# Generated files
+src/Validator/StyleValidator.js
+src/Validator/OptionsValidator.js
diff --git a/src/js/core/LICENSE b/src/js/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/js/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/js/core/README.md b/src/js/core/README.md
new file mode 100644
index 0000000..37e1a35
--- /dev/null
+++ b/src/js/core/README.md
@@ -0,0 +1,61 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (JavaScript)</h1>
+
+JavaScript implementation of the DiceBear avatar library. Generates
+deterministic SVG avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/js-library/)
+
+## Installation
+
+```sh
+npm install @dicebear/core
+```
+
+Requires Node.js 22+ or any modern browser.
+
+## Usage
+
+```js
+import { Avatar } from '@dicebear/core';
+
+// From a style definition (here from the @dicebear/styles package)
+import definition from '@dicebear/styles/lorelei.json' with { type: 'json' };
+
+const avatar = new Avatar(definition, {
+  seed: 'John Doe',
+  size: 128,
+});
+
+avatar.toString(); // SVG string
+avatar.toDataUri(); // data:image/svg+xml;charset=utf-8,...
+```
+
+### Using the Style class
+
+```js
+import { Style, Avatar } from '@dicebear/core';
+
+const style = new Style(definition);
+
+// Create multiple avatars from the same style
+const avatar1 = new Avatar(style, { seed: 'Alice' });
+const avatar2 = new Avatar(style, { seed: 'Bob' });
+```
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/js/core/package.json b/src/js/core/package.json
new file mode 100644
index 0000000..4637bc0
--- /dev/null
+++ b/src/js/core/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "@dicebear/core",
+  "version": "10.3.0",
+  "description": "Unique avatars from dozens of styles — deterministic, customizable, vector-based.",
+  "keywords": [
+    "avatar",
+    "identicon",
+    "avataaars",
+    "bottts",
+    "dicebear"
+  ],
+  "homepage": "https://www.dicebear.com",
+  "bugs": {
+    "url": "https://github.com/dicebear/dicebear/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dicebear/dicebear.git"
+  },
+  "license": "MIT",
+  "author": "Florian Körner <contact@florian-koerner.com>",
+  "type": "module",
+  "main": "./lib/index.js",
+  "exports": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "LICENSE",
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "prebuild": "del-cli lib && node scripts/compile-schema.mjs",
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "prepack": "node scripts/extend-license.mjs",
+    "postpack": "git checkout LICENSE",
+    "test": "node --test"
+  },
+  "devDependencies": {
+    "@dicebear/schema": "^1.1.0",
+    "@tsconfig/recommended": "^1.0.13",
+    "ajv": "^8.17.1",
+    "del-cli": "^7.0.0",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/src/js/core/scripts/compile-schema.mjs b/src/js/core/scripts/compile-schema.mjs
new file mode 100644
index 0000000..ca58c08
--- /dev/null
+++ b/src/js/core/scripts/compile-schema.mjs
@@ -0,0 +1,65 @@
+import Ajv from 'ajv';
+import standaloneCode from 'ajv/dist/standalone/index.js';
+import { createRequire } from 'module';
+import { writeFileSync, mkdirSync } from 'fs';
+
+const require = createRequire(import.meta.url);
+
+function compileValidator({ schemaModule, domain }) {
+  const errorClass = `${domain}ValidationError`;
+  const validatorClass = `${domain}Validator`;
+
+  const schema = require(schemaModule);
+
+  const ajv = new Ajv({ code: { source: true, esm: true } });
+  const validate = ajv.compile(schema);
+  const moduleCode = standaloneCode(ajv, validate);
+
+  const match = moduleCode.match(/export default (\w+)/);
+
+  if (!match) {
+    throw new Error(`Could not find default export in Ajv standalone output for ${schemaModule}`);
+  }
+
+  const fnName = match[1];
+
+  // Strip Ajv's own exports and replace its require() call for the ucs2length
+  // runtime helper with a plain function reference. This eliminates any runtime
+  // dependency on the ajv package — the generated validators are fully standalone.
+  const internalCode = moduleCode
+    .replaceAll(`export const validate = ${fnName};`, '')
+    .replaceAll(`export default ${fnName};`, '')
+    .replaceAll('require("ajv/dist/runtime/ucs2length").default', 'ucs2length');
+
+  const needsUcs2 = internalCode.includes('ucs2length');
+
+  const preamble = [`import { ${errorClass} } from '../Error/${errorClass}.js';`];
+
+  if (needsUcs2) {
+    // Ajv's ucs2length manually detects surrogate pairs via charCodeAt() for
+    // ES5 compatibility. Since ES2015, the string iterator (used by for...of)
+    // handles this natively, making the manual approach unnecessary.
+    preamble.push(`function ucs2length(str) { let n = 0; for (const _ of str) n++; return n; }`);
+  }
+
+  const classCode = `${preamble.join('\n')}
+
+${internalCode}
+
+export class ${validatorClass} {
+  static validate(data) {
+    if (!${fnName}(data)) {
+      throw new ${errorClass}(${fnName}.errors || []);
+    }
+  }
+}
+`;
+
+  writeFileSync(`./src/Validator/${validatorClass}.js`, classCode);
+}
+
+mkdirSync('./src/Validator', { recursive: true });
+
+compileValidator({ schemaModule: '@dicebear/schema/definition.json', domain: 'Style' });
+compileValidator({ schemaModule: '@dicebear/schema/options.json', domain: 'Options' });
+
diff --git a/src/js/core/scripts/extend-license.mjs b/src/js/core/scripts/extend-license.mjs
new file mode 100644
index 0000000..41d0c07
--- /dev/null
+++ b/src/js/core/scripts/extend-license.mjs
@@ -0,0 +1,27 @@
+// Appends Ajv's license notice to the LICENSE file. The generated validators
+// contain code produced by Ajv's standalone compiler, which is MIT licensed.
+// This script is intended to run as a prepack hook so the extended LICENSE
+// is only present in the published npm package, not in the source repository.
+
+import { createRequire } from 'module';
+import { readFileSync, writeFileSync } from 'fs';
+
+const require = createRequire(import.meta.url);
+
+const license = readFileSync('./LICENSE', 'utf-8');
+
+if (!license.includes('code generated by Ajv')) {
+  const ajvLicense = readFileSync(require.resolve('ajv/LICENSE'), 'utf-8');
+
+  writeFileSync(
+    './LICENSE',
+    `${license.trimEnd()}
+
+---
+
+This software includes code generated by Ajv (https://ajv.js.org):
+
+${ajvLicense.trimEnd()}
+`,
+  );
+}
diff --git a/src/js/core/src/Avatar.ts b/src/js/core/src/Avatar.ts
new file mode 100644
index 0000000..e3f06ef
--- /dev/null
+++ b/src/js/core/src/Avatar.ts
@@ -0,0 +1,77 @@
+import { Style } from './Style.js';
+import { Options } from './Options.js';
+import { Resolver } from './Resolver.js';
+import { Renderer } from './Renderer.js';
+import type { StyleOptions } from './StyleOptions.js';
+
+type UnwrapStyle<D> = D extends Style<infer S> ? S : D;
+
+interface AvatarJson<D = unknown> {
+  readonly svg: string;
+  readonly options: StyleOptions<UnwrapStyle<D>>;
+}
+
+// Emitted at most once per process: passing a raw definition is deprecated, but
+// it was the documented usage for a long time, so a per-call warning would be
+// noisy.
+let definitionInputWarned = false;
+
+/**
+ * Top-level entry point for rendering an avatar from a style and options.
+ *
+ * Construction immediately resolves and renders the SVG; the various
+ * accessor methods return different serializations of that result.
+ */
+export class Avatar<D = unknown> {
+  #svg: string;
+  #resolvedOptions: StyleOptions<UnwrapStyle<D>>;
+
+  /**
+   * Pass a {@link Style} instance. Passing a raw style definition is
+   * deprecated and will be removed in v11; wrap it with `new Style(...)` and
+   * reuse the instance across avatars.
+   */
+  constructor(styleInput: D, optionsInput?: StyleOptions<UnwrapStyle<D>>) {
+    if (!(styleInput instanceof Style) && !definitionInputWarned) {
+      definitionInputWarned = true;
+      console.warn(
+        '[DiceBear] Passing a style definition to `new Avatar()` is deprecated ' +
+          'and will be removed in v11. Wrap it in a Style first: ' +
+          '`new Avatar(new Style(definition), options)`.',
+      );
+    }
+
+    const style =
+      styleInput instanceof Style ? styleInput : new Style(styleInput);
+    const options = new Options<UnwrapStyle<D>>(optionsInput);
+    const resolver = new Resolver(style, options);
+
+    this.#svg = new Renderer(style, resolver).render();
+    this.#resolvedOptions = resolver.resolved();
+  }
+
+  /**
+   * Returns the rendered SVG markup.
+   */
+  toString(): string {
+    return this.#svg;
+  }
+
+  /**
+   * Returns the avatar as a JSON-serializable object containing the SVG and
+   * the fully resolved options used to render it.
+   */
+  toJSON(): AvatarJson<D> {
+    return {
+      svg: this.#svg,
+      options: structuredClone(this.#resolvedOptions),
+    };
+  }
+
+  /**
+   * Returns the SVG encoded as a `data:image/svg+xml` URI.
+   */
+  toDataUri(): string {
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(this.#svg)}`;
+  }
+}
diff --git a/src/js/core/src/Error/CircularColorReferenceError.ts b/src/js/core/src/Error/CircularColorReferenceError.ts
new file mode 100644
index 0000000..9cd3dae
--- /dev/null
+++ b/src/js/core/src/Error/CircularColorReferenceError.ts
@@ -0,0 +1,15 @@
+/**
+ * Thrown when a color in the style definition references itself, directly or
+ * indirectly. The {@link chain} field reproduces the resolution path.
+ */
+export class CircularColorReferenceError extends Error {
+  readonly chain: readonly string[];
+
+  constructor(chain: readonly string[]) {
+    const path = chain.join(' → ');
+
+    super(`Circular color reference: ${path}`);
+    this.name = 'CircularColorReferenceError';
+    this.chain = chain;
+  }
+}
diff --git a/src/js/core/src/Error/OptionsValidationError.ts b/src/js/core/src/Error/OptionsValidationError.ts
new file mode 100644
index 0000000..e765b5e
--- /dev/null
+++ b/src/js/core/src/Error/OptionsValidationError.ts
@@ -0,0 +1,12 @@
+import { ValidationError } from './ValidationError.js';
+import type { ValidationErrorDetail } from './ValidationError.js';
+
+/**
+ * Thrown when avatar options fail schema validation.
+ */
+export class OptionsValidationError extends ValidationError {
+  constructor(details: readonly ValidationErrorDetail[]) {
+    super('Invalid options', details);
+    this.name = 'OptionsValidationError';
+  }
+}
diff --git a/src/js/core/src/Error/StyleValidationError.ts b/src/js/core/src/Error/StyleValidationError.ts
new file mode 100644
index 0000000..43ab858
--- /dev/null
+++ b/src/js/core/src/Error/StyleValidationError.ts
@@ -0,0 +1,12 @@
+import { ValidationError } from './ValidationError.js';
+import type { ValidationErrorDetail } from './ValidationError.js';
+
+/**
+ * Thrown when a style definition fails schema validation.
+ */
+export class StyleValidationError extends ValidationError {
+  constructor(details: readonly ValidationErrorDetail[]) {
+    super('Invalid style definition', details);
+    this.name = 'StyleValidationError';
+  }
+}
diff --git a/src/js/core/src/Error/ValidationError.ts b/src/js/core/src/Error/ValidationError.ts
new file mode 100644
index 0000000..b92134a
--- /dev/null
+++ b/src/js/core/src/Error/ValidationError.ts
@@ -0,0 +1,34 @@
+export interface ValidationErrorDetail {
+  readonly message?: string;
+  readonly instancePath?: string;
+}
+
+/**
+ * Base class for schema validation errors. Carries the prefix in `message`
+ * and the per-field failures in {@link details}.
+ */
+export class ValidationError extends Error {
+  readonly details: readonly ValidationErrorDetail[];
+
+  constructor(prefix: string, details: readonly ValidationErrorDetail[]) {
+    const parts: string[] = [];
+
+    for (const detail of details) {
+      const segments: string[] = [];
+
+      if (detail.instancePath) {
+        segments.push(detail.instancePath);
+      }
+
+      if (detail.message) {
+        segments.push(detail.message);
+      }
+
+      parts.push(segments.join(' '));
+    }
+
+    super(`${prefix}: ${parts.join(', ')}`);
+    this.name = 'ValidationError';
+    this.details = details;
+  }
+}
diff --git a/src/js/core/src/Options.ts b/src/js/core/src/Options.ts
new file mode 100644
index 0000000..af9e7d5
--- /dev/null
+++ b/src/js/core/src/Options.ts
@@ -0,0 +1,189 @@
+import { OptionsValidator } from './Validator/OptionsValidator.js';
+import type { Range } from './StyleDefinition.js';
+import type {
+  StyleOptions,
+  StyleOptionsFlipValue,
+  StyleOptionsColorFillValue,
+} from './StyleOptions.js';
+
+/**
+ * Validates the raw user-supplied options and exposes them through typed
+ * accessors. Each accessor returns the user's input in a normalized form
+ * (always an array for options that accept either a scalar or an array, or
+ * `undefined` when the option is not set), so consumers — chiefly
+ * {@link Resolver} — never have to do their own normalization.
+ *
+ * Resolution against the style definition and the PRNG happens in
+ * {@link Resolver}; this class is purely about reading user input.
+ */
+export class Options<D = unknown> {
+  #data: StyleOptions<D>;
+
+  constructor(data: StyleOptions<D> = {} as StyleOptions<D>) {
+    OptionsValidator.validate(data);
+
+    this.#data = structuredClone(data);
+  }
+
+  seed(): string | undefined {
+    return this.#data.seed;
+  }
+
+  size(): number | undefined {
+    return this.#data.size;
+  }
+
+  idRandomization(): boolean | undefined {
+    return this.#data.idRandomization;
+  }
+
+  title(): string | undefined {
+    return this.#data.title;
+  }
+
+  flip(): readonly StyleOptionsFlipValue[] {
+    return this.#asArray(this.#data.flip);
+  }
+
+  fontFamily(): readonly string[] {
+    return this.#asArray(this.#data.fontFamily);
+  }
+
+  fontWeight(): readonly number[] {
+    return this.#asArray(this.#data.fontWeight);
+  }
+
+  scale(): Range | undefined {
+    return this.#toRange(this.#data.scale);
+  }
+
+  borderRadius(): Range | undefined {
+    return this.#toRange(this.#data.borderRadius);
+  }
+
+  rotate(): Range | undefined {
+    return this.#toRange(this.#data.rotate);
+  }
+
+  translateX(): Range | undefined {
+    return this.#toRange(this.#data.translateX);
+  }
+
+  translateY(): Range | undefined {
+    return this.#toRange(this.#data.translateY);
+  }
+
+  /**
+   * Returns the user-set variant constraint for `name` as a weighted map, or
+   * `undefined` when `${name}Variant` is unset. A bare string or string list
+   * is normalized to a map with each entry weighted `1`.
+   */
+  componentVariant(name: string): Readonly<Record<string, number>> | undefined {
+    const raw = this.#dynamic(`${name}Variant`);
+
+    if (raw === undefined) {
+      return undefined;
+    }
+
+    if (typeof raw === 'string') {
+      return { [raw]: 1 };
+    }
+
+    if (Array.isArray(raw)) {
+      return Object.fromEntries((raw as readonly string[]).map((v) => [v, 1]));
+    }
+
+    return raw as Readonly<Record<string, number>>;
+  }
+
+  componentProbability(name: string): number | undefined {
+    return this.#dynamic(`${name}Probability`) as number | undefined;
+  }
+
+  /**
+   * Asymmetric on purpose: returns `undefined` (rather than `[]`) when
+   * `${name}Color` is unset so the resolver can fall back to the style
+   * definition's color values.
+   */
+  color(name: string): readonly string[] | undefined {
+    const raw = this.#dynamic(`${name}Color`);
+
+    return raw === undefined
+      ? undefined
+      : this.#asArray(raw as string | readonly string[]);
+  }
+
+  colorFill(name: string): readonly StyleOptionsColorFillValue[] {
+    return this.#asArray(
+      this.#dynamic(`${name}ColorFill`) as
+        | StyleOptionsColorFillValue
+        | readonly StyleOptionsColorFillValue[]
+        | undefined,
+    );
+  }
+
+  colorAngle(name: string): Range | undefined {
+    return this.#toRange(
+      this.#dynamic(`${name}ColorAngle`) as
+        | number
+        | readonly number[]
+        | undefined,
+    );
+  }
+
+  colorFillStops(name: string): Range | undefined {
+    return this.#toRange(
+      this.#dynamic(`${name}ColorFillStops`) as
+        | number
+        | readonly number[]
+        | undefined,
+    );
+  }
+
+  /**
+   * Returns the raw value of a dynamic-key option (e.g. `${name}Color`)
+   * untouched. Used for keys that are not statically declared on
+   * {@link StyleOptions}.
+   */
+  #dynamic(key: string): unknown {
+    return (this.#data as Record<string, unknown>)[key];
+  }
+
+  /** Normalizes a scalar/array/undefined value into a readonly array. */
+  #asArray<T>(value: T | readonly T[] | undefined): readonly T[] {
+    if (value === undefined) {
+      return [];
+    }
+
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    return [value as T];
+  }
+
+  /**
+   * Normalizes a user-facing range option (bare number, `[n]`, `[min, max]`,
+   * or `undefined`) into the internal {@link Range} struct. A bare number `n`
+   * — or a single-element array `[n]` — becomes `{ min: n, max: n }` (a fixed
+   * value). An array's smaller/larger element is taken as min/max. An empty
+   * array is treated as unset so the resolver applies the option's default
+   * (rather than yielding `NaN` from a missing bound). Matches the PHP,
+   * Python, Rust, Go, and Dart ports.
+   */
+  #toRange(value: number | readonly number[] | undefined): Range | undefined {
+    if (value === undefined) {
+      return undefined;
+    }
+
+    if (typeof value === 'number') {
+      return { min: value, max: value };
+    }
+
+    if (value.length === 0) {
+      return undefined;
+    }
+
+    return { min: Math.min(...value), max: Math.max(...value) };
+  }
+}
diff --git a/src/js/core/src/OptionsDescriptor.ts b/src/js/core/src/OptionsDescriptor.ts
new file mode 100644
index 0000000..26299dd
--- /dev/null
+++ b/src/js/core/src/OptionsDescriptor.ts
@@ -0,0 +1,131 @@
+import type { Style } from './Style.js';
+
+interface StringField {
+  readonly type: 'string';
+  readonly list?: true;
+}
+
+interface NumberField {
+  readonly type: 'number';
+  readonly min?: number;
+  readonly max?: number;
+  readonly list?: true;
+}
+
+interface BooleanField {
+  readonly type: 'boolean';
+}
+
+interface EnumField {
+  readonly type: 'enum';
+  readonly values: readonly string[];
+  readonly list?: true;
+  readonly weighted?: true;
+}
+
+interface ColorField {
+  readonly type: 'color';
+  readonly list?: true;
+  readonly contrastTo?: string;
+}
+
+interface RangeField {
+  readonly type: 'range';
+  readonly min?: number;
+  readonly max?: number;
+}
+
+export type FieldDescriptor =
+  | StringField
+  | NumberField
+  | BooleanField
+  | EnumField
+  | ColorField
+  | RangeField;
+
+export type Descriptor = Record<string, FieldDescriptor>;
+
+/**
+ * Builds a descriptor of every option a given style accepts. Tooling such as
+ * the editor uses the result to render form controls and validation hints
+ * without having to introspect the style itself.
+ */
+export class OptionsDescriptor {
+  static #rotateRange: RangeField = { type: 'range', min: -360, max: 360 };
+  static #translateRange: RangeField = { type: 'range', min: -1000, max: 1000 };
+
+  #descriptor?: Descriptor;
+  #style: Style;
+
+  constructor(style: Style) {
+    this.#style = style;
+  }
+
+  /**
+   * Returns a deep clone of the descriptor, building it lazily on first call.
+   */
+  toJSON(): Descriptor {
+    this.#descriptor ??= this.#build();
+
+    return structuredClone(this.#descriptor);
+  }
+
+  /**
+   * Walks the style's components and colors and assembles the field map.
+   */
+  #build(): Descriptor {
+    const result: Descriptor = {
+      seed: { type: 'string' },
+      size: { type: 'number', min: 1, max: 4096 },
+      idRandomization: { type: 'boolean' },
+      title: { type: 'string' },
+      flip: {
+        type: 'enum',
+        values: ['none', 'horizontal', 'vertical', 'both'],
+        list: true,
+      },
+      fontFamily: { type: 'string', list: true },
+      fontWeight: { type: 'number', min: 1, max: 1000, list: true },
+      scale: { type: 'range', min: 0, max: 10 },
+      borderRadius: { type: 'range', min: 0, max: 50 },
+      rotate: OptionsDescriptor.#rotateRange,
+      translateX: OptionsDescriptor.#translateRange,
+      translateY: OptionsDescriptor.#translateRange,
+    };
+
+    for (const [name, component] of this.#style.components()) {
+      if (component.extendsName() !== undefined) {
+        continue;
+      }
+
+      const variants = Array.from(component.variants().keys()).sort();
+
+      result[`${name}Variant`] = {
+        type: 'enum',
+        values: variants,
+        list: true,
+        weighted: true,
+      };
+      result[`${name}Probability`] = { type: 'number', min: 0, max: 100 };
+    }
+
+    for (const name of [...this.#style.colors().keys(), 'background']) {
+      const contrastTo = this.#style.colors().get(name)?.contrastTo();
+
+      result[`${name}Color`] = {
+        type: 'color',
+        list: true,
+        ...(contrastTo ? { contrastTo } : {}),
+      };
+      result[`${name}ColorFill`] = {
+        type: 'enum',
+        values: ['solid', 'linear', 'radial'],
+        list: true,
+      };
+      result[`${name}ColorFillStops`] = { type: 'range', min: 2 };
+      result[`${name}ColorAngle`] = OptionsDescriptor.#rotateRange;
+    }
+
+    return result;
+  }
+}
diff --git a/src/js/core/src/Prng.ts b/src/js/core/src/Prng.ts
new file mode 100644
index 0000000..8647028
--- /dev/null
+++ b/src/js/core/src/Prng.ts
@@ -0,0 +1,211 @@
+import { Fnv1a } from './Prng/Fnv1a.js';
+import { Mulberry32 } from './Prng/Mulberry32.js';
+import type { Range } from './StyleDefinition.js';
+
+/**
+ * Key-based pseudorandom number generator.
+ *
+ * Each method takes a key that, combined with the seed, produces a
+ * deterministic value. The same seed + key always yields the same result,
+ * regardless of call order.
+ */
+export class Prng {
+  #seed: string;
+
+  constructor(seed: string) {
+    this.#seed = seed;
+  }
+
+  /**
+   * Picks a single item from `items` deterministically. Returns `undefined`
+   * for an empty list. Duplicate values (by string representation) are
+   * collapsed before picking so that input order and duplication do not
+   * affect the result.
+   */
+  pick<T>(key: string, items: readonly T[]): T | undefined {
+    if (items.length === 0) {
+      return undefined;
+    }
+
+    if (items.length === 1) {
+      return items[0];
+    }
+
+    const unique = this.#uniqueByCodePoint(items);
+
+    if (unique.length === 1) {
+      return unique[0];
+    }
+
+    const sorted = unique.sort(this.#compareByCodePoint);
+    const index = Math.floor(this.getValue(key) * sorted.length);
+
+    return sorted[index];
+  }
+
+  /**
+   * Picks a key from `weights` proportional to its weight. When all weights
+   * are zero, falls back to an unweighted {@link pick}. Returns `undefined`
+   * for an empty map.
+   */
+  weightedPick(
+    key: string,
+    weights: Readonly<Record<string, number>>,
+  ): string | undefined {
+    const keys = Object.keys(weights);
+
+    if (keys.length === 0) {
+      return undefined;
+    }
+
+    if (keys.length === 1) {
+      return keys[0];
+    }
+
+    const sorted = keys.sort(this.#compareByCodePoint);
+    const totalWeight = sorted.reduce((sum, k) => sum + weights[k], 0);
+
+    if (totalWeight === 0) {
+      return this.pick(key, sorted);
+    }
+
+    const threshold = this.getValue(key) * totalWeight;
+
+    let cumulative = 0;
+
+    for (const k of sorted) {
+      cumulative += weights[k];
+
+      if (threshold < cumulative) {
+        return k;
+      }
+    }
+
+    return sorted[sorted.length - 1];
+  }
+
+  /**
+   * Returns `true` with the given probability (0–100, default 50).
+   */
+  bool(key: string, likelihood: number = 50): boolean {
+    return this.getValue(key) * 100 < likelihood;
+  }
+
+  /**
+   * Returns a deterministic float in `range`, rounded to four decimal places.
+   * With `range.step > 0`, the result is drawn uniformly from
+   * `{ min + i*step | 0 ≤ i ≤ floor((max - min) / step) }`, so both endpoints
+   * of an evenly-divisible range are equally likely. Non-positive or absent
+   * step means continuous. `min`/`max` are sorted internally, so a reversed
+   * pair is tolerated.
+   */
+  float(key: string, range: Range): number {
+    const min = Math.min(range.min, range.max);
+    const max = Math.max(range.min, range.max);
+    const step = range.step ?? 0;
+    let value: number;
+
+    if (step > 0) {
+      const buckets = Math.floor((max - min) / step) + 1;
+      const i = Math.floor(this.getValue(key) * buckets);
+      value = min + i * step;
+    } else {
+      value = min + this.getValue(key) * (max - min);
+    }
+
+    return Math.round(value * 10000) / 10000;
+  }
+
+  /**
+   * Returns a deterministic integer in `range`. `min`/`max` are sorted
+   * internally, so a reversed pair is tolerated. `range.step` is accepted
+   * for symmetry with {@link float} but ignored — integers already step by 1.
+   */
+  integer(key: string, range: Range): number {
+    const min = Math.min(range.min, range.max);
+    const max = Math.max(range.min, range.max);
+
+    return Math.floor(this.getValue(key) * (max - min + 1)) + min;
+  }
+
+  /**
+   * Fisher-Yates shuffle with chained Mulberry32 state. Duplicate values
+   * (by string representation) are collapsed before shuffling, so a
+   * caller's slice off the front cannot accidentally produce a repeated
+   * value.
+   */
+  shuffle<T>(key: string, items: readonly T[]): T[] {
+    if (items.length <= 1) {
+      return [...items];
+    }
+
+    const result = this.#uniqueByCodePoint(items).sort(
+      this.#compareByCodePoint,
+    );
+    const prng = new Mulberry32(Fnv1a.hash(this.#seed + ':' + key));
+
+    for (let i = result.length - 1; i > 0; i--) {
+      const j = Math.floor(prng.nextFloat() * (i + 1));
+      const temp = result[i];
+
+      result[i] = result[j];
+      result[j] = temp;
+    }
+
+    return result;
+  }
+
+  /**
+   * Returns a single float in `[0, 1)` derived from `seed:key`. The same
+   * seed/key pair always produces the same value.
+   */
+  getValue(key: string): number {
+    return new Mulberry32(Fnv1a.hash(this.#seed + ':' + key)).nextFloat();
+  }
+
+  /**
+   * Deduplicates by string representation, keeping the first occurrence.
+   * Mirrors the cross-language sort key used by {@link #compareByCodePoint}
+   * so that every port collapses the same set of inputs. `keyFn` lets
+   * callers (e.g. {@link weightedPick}) extract the sort key from a
+   * compound element.
+   */
+  #uniqueByCodePoint<T>(
+    items: readonly T[],
+    keyFn: (item: T) => string = String,
+  ): T[] {
+    const seen = new Set<string>();
+    const result: T[] = [];
+
+    for (const item of items) {
+      const repr = keyFn(item);
+
+      if (!seen.has(repr)) {
+        seen.add(repr);
+        result.push(item);
+      }
+    }
+
+    return result;
+  }
+
+  /**
+   * Cross-language deterministic sort: compare by UTF-16 code units of
+   * the string representation. Every language can reproduce this by
+   * converting values to strings and comparing code unit by code unit.
+   */
+  #compareByCodePoint<T>(a: T, b: T): number {
+    const sa = String(a);
+    const sb = String(b);
+
+    if (sa < sb) {
+      return -1;
+    }
+
+    if (sa > sb) {
+      return 1;
+    }
+
+    return 0;
+  }
+}
diff --git a/src/js/core/src/Prng/Fnv1a.ts b/src/js/core/src/Prng/Fnv1a.ts
new file mode 100644
index 0000000..c09c6e9
--- /dev/null
+++ b/src/js/core/src/Prng/Fnv1a.ts
@@ -0,0 +1,30 @@
+/**
+ * FNV-1a 32-bit hash.
+ *
+ * Offset basis: 0x811c9dc5, prime: 0x01000193.
+ *
+ * @see https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function
+ */
+export class Fnv1a {
+  /**
+   * Returns the unsigned 32-bit FNV-1a hash of `input`. UTF-16 code units
+   * are hashed directly so the result is identical across language ports.
+   */
+  static hash(input: string): number {
+    let hash = 0x811c9dc5;
+
+    for (let i = 0; i < input.length; i++) {
+      hash ^= input.charCodeAt(i);
+      hash = Math.imul(hash, 0x01000193);
+    }
+
+    return hash >>> 0;
+  }
+
+  /**
+   * Returns the FNV-1a hash of `input` as an 8-character lowercase hex string.
+   */
+  static hex(input: string): string {
+    return Fnv1a.hash(input).toString(16).padStart(8, '0');
+  }
+}
diff --git a/src/js/core/src/Prng/Mulberry32.ts b/src/js/core/src/Prng/Mulberry32.ts
new file mode 100644
index 0000000..1fb9c7a
--- /dev/null
+++ b/src/js/core/src/Prng/Mulberry32.ts
@@ -0,0 +1,48 @@
+const UINT32_MAX_PLUS_1 = 2 ** 32;
+
+/**
+ * Mulberry32 PRNG — stateful, matching the C reference by Tommy Ettinger.
+ *
+ * C original:
+ * ```c
+ * uint32_t z = (x += 0x6D2B79F5UL);
+ * z = (z ^ (z >> 15)) * (z | 1UL);
+ * z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+ * return z ^ (z >> 14);
+ * ```
+ *
+ * @see https://gist.github.com/tommyettinger/46a874533244883189143505d203312c
+ */
+export class Mulberry32 {
+  #state: number;
+
+  constructor(seed: number) {
+    this.#state = seed;
+  }
+
+  /**
+   * Advances the state and returns the next unsigned 32-bit value.
+   */
+  next(): number {
+    const z = (this.#state = (this.#state + 0x6d2b79f5) | 0);
+
+    let t = Math.imul(z ^ (z >>> 15), z | 1);
+    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+
+    return (t ^ (t >>> 14)) >>> 0;
+  }
+
+  /**
+   * Advances the state and returns the next value in `[0, 1)`.
+   */
+  nextFloat(): number {
+    return this.next() / UINT32_MAX_PLUS_1;
+  }
+
+  /**
+   * Returns the current internal state, useful for snapshotting.
+   */
+  state(): number {
+    return this.#state;
+  }
+}
diff --git a/src/js/core/src/Renderer.ts b/src/js/core/src/Renderer.ts
new file mode 100644
index 0000000..a1b8019
--- /dev/null
+++ b/src/js/core/src/Renderer.ts
@@ -0,0 +1,575 @@
+import type { Style } from './Style.js';
+import type { Resolver } from './Resolver.js';
+import type { Canvas } from './Style/Canvas.js';
+import type { Component } from './Style/Component.js';
+import type { Element } from './Style/Element.js';
+import type {
+  StyleDefinitionColorReference,
+  StyleDefinitionAttributes,
+  StyleDefinitionVariableReference,
+  StyleDefinitionElementValue,
+} from './StyleDefinition.js';
+import type { StyleOptionsColorFillValue } from './StyleOptions.js';
+import { Fnv1a } from './Prng/Fnv1a.js';
+import { Initials } from './Utils/Initials.js';
+import { License } from './Utils/License.js';
+import { Number } from './Utils/Number.js';
+import { Xml } from './Utils/Xml.js';
+
+/**
+ * Walks a style's element tree and turns it into the final SVG markup.
+ *
+ * The renderer is single-use: it accumulates `<defs>` entries and per-render
+ * caches across method calls, so a fresh instance is required per avatar.
+ */
+export class Renderer {
+  #style: Style;
+  #resolver: Resolver;
+  #defs = new Map<string, string>();
+  #cachedSeedHash?: string;
+  #cachedInitials?: string;
+
+  constructor(style: Style, resolver: Resolver) {
+    this.#style = style;
+    this.#resolver = resolver;
+  }
+
+  /**
+   * Builds the complete SVG document for the avatar.
+   */
+  render(): string {
+    const canvas = this.#style.canvas();
+    const background = this.#renderBackground(canvas);
+    let body = this.#renderElements(canvas.elements());
+
+    // Order matters: scale and flip around center, then rotate, translate,
+    // and finally clip with border radius (outermost wrapper).
+    body = this.#applyScale(body, canvas);
+    body = this.#applyFlip(body, canvas);
+    body = this.#applyRotate(body, canvas);
+    body = this.#applyTranslate(body, canvas);
+    body = this.#applyBorderRadius(`${background}${body}`, canvas);
+
+    const metadata = License.xml(this.#style.meta());
+    const defs =
+      this.#defs.size > 0
+        ? `<defs>${Array.from(this.#defs.values()).join('')}</defs>`
+        : '';
+    const size = this.#resolver.size();
+
+    const title = this.#resolver.title();
+    const escapedTitle = title !== undefined ? Xml.escape(title) : undefined;
+
+    const attrs = [
+      'xmlns="http://www.w3.org/2000/svg"',
+      `viewBox="0 0 ${Number.format(canvas.width())} ${Number.format(canvas.height())}"`,
+    ];
+
+    const rootAttributes = this.#renderAttributes(this.#style.attributes());
+
+    if (rootAttributes) {
+      attrs.push(rootAttributes.trimStart());
+    }
+
+    if (escapedTitle !== undefined) {
+      attrs.push('role="img"', `aria-label="${escapedTitle}"`);
+    } else {
+      attrs.push('aria-hidden="true"');
+    }
+
+    if (size !== undefined) {
+      const sizeValue = Number.format(size);
+      attrs.push(`width="${sizeValue}"`, `height="${sizeValue}"`);
+    }
+
+    const titleElement =
+      escapedTitle !== undefined ? `<title>${escapedTitle}</title>` : '';
+
+    let svg = `<svg ${attrs.join(' ')}><!-- Generated by DiceBear (https://dicebear.com) -->${metadata}${defs}${titleElement}${body}</svg>`;
+
+    if (this.#resolver.idRandomization()) {
+      svg = this.#randomizeIds(svg);
+    }
+
+    return svg;
+  }
+
+  /**
+   * Wraps `body` in a flip transform when `flip` is set to anything other
+   * than `'none'`.
+   */
+  #applyFlip(body: string, canvas: Canvas): string {
+    const flip = this.#resolver.flip();
+
+    if (flip === 'none') {
+      return body;
+    }
+
+    const w = Number.format(canvas.width());
+    const h = Number.format(canvas.height());
+    let transform: string;
+
+    switch (flip) {
+      case 'horizontal':
+        transform = `translate(${w}, 0) scale(-1, 1)`;
+        break;
+      case 'vertical':
+        transform = `translate(0, ${h}) scale(1, -1)`;
+        break;
+      case 'both':
+        transform = `translate(${w}, ${h}) scale(-1, -1)`;
+        break;
+    }
+
+    return `<g transform="${transform}">${body}</g>`;
+  }
+
+  /**
+   * Wraps `body` in a uniform scale transform around the canvas center when
+   * the option differs from `1`.
+   */
+  #applyScale(body: string, canvas: Canvas): string {
+    const scale = this.#resolver.scale();
+
+    if (scale === 1) {
+      return body;
+    }
+
+    const cx = canvas.width() / 2;
+    const cy = canvas.height() / 2;
+
+    return `<g transform="translate(${Number.format(cx)}, ${Number.format(cy)}) scale(${Number.format(scale)}) translate(${Number.format(-cx)}, ${Number.format(-cy)})">${body}</g>`;
+  }
+
+  /**
+   * Clips `body` to the canvas rectangle (rounded when `borderRadius` is
+   * non-zero) and registers the corresponding `clipPath` in `<defs>`. The
+   * clip is always applied so transformed content cannot bleed past the
+   * canvas bounds, regardless of the consumer's `overflow` setting.
+   */
+  #applyBorderRadius(body: string, canvas: Canvas): string {
+    const radius = this.#resolver.borderRadius();
+    const id = `clip-${this.#hashSeed()}`;
+
+    const rx = Number.format((radius / 100) * canvas.width());
+    const ry = Number.format((radius / 100) * canvas.height());
+
+    this.#defs.set(
+      id,
+      `<clipPath id="${id}"><rect width="${Number.format(canvas.width())}" height="${Number.format(canvas.height())}" rx="${rx}" ry="${ry}"/></clipPath>`,
+    );
+
+    return `<g clip-path="url(#${id})">${body}</g>`;
+  }
+
+  /**
+   * Wraps `body` in a rotation around the canvas center when `rotate` is
+   * non-zero.
+   */
+  #applyRotate(body: string, canvas: Canvas): string {
+    const rotate = this.#resolver.rotate();
+
+    if (rotate === 0) {
+      return body;
+    }
+
+    const cx = canvas.width() / 2;
+    const cy = canvas.height() / 2;
+
+    return `<g transform="rotate(${Number.format(rotate)}, ${Number.format(cx)}, ${Number.format(cy)})">${body}</g>`;
+  }
+
+  /**
+   * Wraps `body` in a translate transform when either `translateX` or
+   * `translateY` is non-zero. Offsets are interpreted as percentages of the
+   * canvas dimensions.
+   */
+  #applyTranslate(body: string, canvas: Canvas): string {
+    const tx = this.#resolver.translateX();
+    const ty = this.#resolver.translateY();
+
+    if (tx === 0 && ty === 0) {
+      return body;
+    }
+
+    const x = Number.format((tx / 100) * canvas.width());
+    const y = Number.format((ty / 100) * canvas.height());
+
+    return `<g transform="translate(${x}, ${y})">${body}</g>`;
+  }
+
+  /**
+   * Returns a `<rect>` filling the canvas with the resolved background color,
+   * or an empty string when no background colors are configured.
+   */
+  #renderBackground(canvas: Canvas): string {
+    const colors = this.#resolver.color('background');
+
+    if (colors.length === 0) {
+      return '';
+    }
+
+    return `<rect width="${Number.format(canvas.width())}" height="${Number.format(canvas.height())}" fill="${Xml.escape(this.#resolveColorReference('background'))}"/>`;
+  }
+
+  /**
+   * Suffixes every `id` declaration and reference with a random hex string
+   * so that multiple instances of the same avatar do not collide in a shared
+   * document. Uses `Math.random()` intentionally — a PRNG-derived suffix
+   * would produce the same ID for the same seed.
+   */
+  #randomizeIds(svg: string): string {
+    const suffix = Math.floor(Math.random() * 0xffffff)
+      .toString(16)
+      .padStart(6, '0');
+    const ids = new Set<string>();
+
+    for (const match of svg.matchAll(/\bid="([^"]+)"/g)) {
+      ids.add(match[1]);
+    }
+
+    if (ids.size === 0) {
+      return svg;
+    }
+
+    const escaped = Array.from(ids, (id) =>
+      id.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'),
+    );
+    const pattern = new RegExp(
+      `(id="|url\\(#|href="#)(${escaped.join('|')})("|\\))`,
+      'g',
+    );
+
+    return svg.replace(
+      pattern,
+      (_, prefix, id, end) => `${prefix}${id}-${suffix}${end}`,
+    );
+  }
+
+  /**
+   * Renders a list of elements and concatenates their markup.
+   */
+  #renderElements(elements: readonly Element[]): string {
+    return elements.map((el) => this.#renderElement(el)).join('');
+  }
+
+  /**
+   * Dispatches a single element to the renderer for its type.
+   */
+  #renderElement(element: Element): string {
+    switch (element.type()) {
+      case 'element':
+        return this.#renderSvgElement(element);
+      case 'text':
+        return this.#renderTextElement(element);
+      case 'component':
+        return this.#renderComponentElement(element);
+    }
+  }
+
+  /**
+   * Renders an SVG element. The special `defs` name diverts children into the
+   * shared `<defs>` block.
+   *
+   * Element names and attribute names are not escaped here — they are
+   * validated by StyleValidator against a strict allowlist schema (no
+   * `<script>`, no event handlers). Values are escaped via `Xml.escape()`.
+   */
+  #renderSvgElement(element: Element): string {
+    const name = element.name();
+
+    if (!name) {
+      return '';
+    }
+
+    if (name === 'defs') {
+      for (const child of element.children()) {
+        const rendered = this.#renderElement(child);
+
+        if (rendered.length > 0) {
+          const id = child.attributes()?.id;
+          const key = typeof id === 'string' ? id : `_${this.#defs.size}`;
+
+          this.#defs.set(key, rendered);
+        }
+      }
+
+      return '';
+    }
+
+    const attrs = this.#renderAttributes(element.attributes());
+    const children = this.#renderElements(element.children());
+
+    if (children.length === 0) {
+      return `<${name}${attrs}/>`;
+    }
+
+    return `<${name}${attrs}>${children}</${name}>`;
+  }
+
+  /**
+   * Renders a text element by escaping its resolved value.
+   */
+  #renderTextElement(element: Element): string {
+    const value = element.value();
+
+    return value !== undefined ? Xml.escape(this.#resolveValue(value)) : '';
+  }
+
+  /**
+   * Resolves a component reference to a chosen variant and emits a `<use>`
+   * pointing at a `<defs>` entry that holds the variant body. Aliases of the
+   * same source component sharing a variant — and identical components
+   * referenced more than once — therefore produce a single `<defs>` entry
+   * referenced by every `<use>`, never duplicated SVG markup.
+   *
+   * Any `attributes` on the component reference are written to the emitted
+   * `<use>` tag. A user-supplied `transform` is prepended to the per-component
+   * transforms so it acts as the outer (placement) transform, with the
+   * style's translate/rotate/scale applied inside it.
+   */
+  #renderComponentElement(element: Element): string {
+    const componentName = element.name();
+
+    if (typeof componentName !== 'string') {
+      return '';
+    }
+
+    const variantName = this.#resolver.variant(componentName);
+
+    if (!variantName) {
+      return '';
+    }
+
+    const component = this.#style.components().get(componentName);
+
+    if (!component) {
+      return '';
+    }
+
+    const variant = component.variants().get(variantName);
+
+    if (!variant) {
+      return '';
+    }
+
+    const id = `${component.sourceName()}-${variantName}-${this.#hashSeed()}`;
+
+    if (!this.#defs.has(id)) {
+      const body = this.#renderElements(variant.elements());
+
+      this.#defs.set(id, `<g id="${id}">${body}</g>`);
+    }
+
+    const transforms = this.#buildTransforms(component);
+    const userAttributes = element.attributes();
+    let mergedAttributes: StyleDefinitionAttributes | undefined =
+      userAttributes;
+
+    if (transforms.length > 0) {
+      const userTransform = userAttributes?.transform;
+      const allParts =
+        typeof userTransform === 'string' && userTransform.length > 0
+          ? [userTransform, ...transforms]
+          : transforms;
+
+      mergedAttributes = { ...userAttributes, transform: allParts.join(' ') };
+    }
+
+    const attrs = this.#renderAttributes(mergedAttributes);
+
+    return `<use${attrs} href="#${id}"/>`;
+  }
+
+  /**
+   * Returns the per-component SVG `transform` fragments derived from the
+   * component's translate, rotate, and scale options. Translate values are
+   * percentages of the component canvas dimensions, matching the
+   * semantics of the user-facing `translateX` / `translateY` options.
+   *
+   * The fragments are ordered so that, when joined into a single `transform`
+   * attribute, the scale is the rightmost (innermost) transform — applied
+   * first to a point, followed by rotate, then translate.
+   */
+  #buildTransforms(component: Component): string[] {
+    const { rotate, translateX, translateY, scale } =
+      this.#resolver.componentTransform(component.name());
+
+    if (translateX === 0 && translateY === 0 && rotate === 0 && scale === 1) {
+      return [];
+    }
+
+    const transforms: string[] = [];
+    const cx = component.width() / 2;
+    const cy = component.height() / 2;
+    const cxValue = Number.format(cx);
+    const cyValue = Number.format(cy);
+
+    if (translateX !== 0 || translateY !== 0) {
+      const x = Number.format((translateX / 100) * component.width());
+      const y = Number.format((translateY / 100) * component.height());
+
+      transforms.push(`translate(${x}, ${y})`);
+    }
+
+    if (rotate !== 0) {
+      transforms.push(
+        `rotate(${Number.format(rotate)}, ${cxValue}, ${cyValue})`,
+      );
+    }
+
+    if (scale !== 1) {
+      transforms.push(
+        `translate(${cxValue}, ${cyValue}) scale(${Number.format(scale)}) translate(${Number.format(-cx)}, ${Number.format(-cy)})`,
+      );
+    }
+
+    return transforms;
+  }
+
+  /**
+   * Serializes an attribute map to a leading space-prefixed string suitable
+   * for inlining into a tag. Returns an empty string when there are no
+   * attributes to render.
+   */
+  #renderAttributes(attributes: StyleDefinitionAttributes | undefined): string {
+    if (!attributes) {
+      return '';
+    }
+
+    const parts: string[] = [];
+
+    for (const [key, value] of Object.entries(attributes)) {
+      if (value === undefined) {
+        continue;
+      }
+
+      parts.push(`${key}="${Xml.escape(this.#resolveAttributeValue(value))}"`);
+    }
+
+    if (parts.length === 0) {
+      return '';
+    }
+
+    return ` ${parts.join(' ')}`;
+  }
+
+  /**
+   * Resolves a single attribute value: literal strings pass through, color
+   * and variable references are dereferenced through the option resolver.
+   */
+  #resolveAttributeValue(
+    value:
+      | string
+      | StyleDefinitionColorReference
+      | StyleDefinitionVariableReference,
+  ): string {
+    if (typeof value === 'string') {
+      return value;
+    }
+
+    if (value.type === 'color') {
+      return this.#resolveColorReference(value.name);
+    }
+
+    return this.#resolveVariable(value.name);
+  }
+
+  /**
+   * Resolves a named color into either a hex string (solid fill / single
+   * color) or a `url(#…)` gradient reference, registering the gradient in
+   * `<defs>` as a side effect.
+   */
+  #resolveColorReference(name: string): string {
+    const colors = this.#resolver.color(name);
+    const fill = this.#resolver.colorFill(name);
+
+    if (fill === 'solid' || colors.length <= 1) {
+      return colors[0] ?? 'none';
+    }
+
+    return this.#buildGradientDef(name, colors, fill);
+  }
+
+  /**
+   * Builds the `<linearGradient>` or `<radialGradient>` for the given color
+   * definition, registers it in `<defs>`, and returns its `url(#…)` reference.
+   */
+  #buildGradientDef(
+    name: string,
+    colors: readonly string[],
+    fill: StyleOptionsColorFillValue,
+  ): string {
+    const rotation = this.#resolver.colorAngle(name);
+    const id = `${name}-color-${this.#hashSeed()}`;
+    const tag = fill === 'linear' ? 'linearGradient' : 'radialGradient';
+    const rotateAttr =
+      rotation !== 0
+        ? ` gradientTransform="rotate(${Number.format(rotation)}, 0.5, 0.5)"`
+        : '';
+    const stops = colors.map((color, i) => {
+      const offset = Number.format((i / (colors.length - 1)) * 100);
+
+      return `<stop offset="${offset}%" stop-color="${Xml.escape(color)}"/>`;
+    });
+
+    this.#defs.set(
+      id,
+      `<${tag} id="${id}"${rotateAttr}>${stops.join('')}</${tag}>`,
+    );
+
+    return `url(#${id})`;
+  }
+
+  /**
+   * Resolves an element value to its final string form. Literal strings pass
+   * through; variable references are dereferenced.
+   */
+  #resolveValue(value: StyleDefinitionElementValue): string {
+    if (typeof value === 'string') {
+      return value;
+    }
+
+    if (value.type === 'variable') {
+      return this.#resolveVariable(value.name);
+    }
+
+    return '';
+  }
+
+  /**
+   * Resolves a built-in variable reference to its current value.
+   */
+  #resolveVariable(name: StyleDefinitionVariableReference['name']): string {
+    switch (name) {
+      case 'initial': {
+        // charAt(0) would return a lone surrogate (ill-formed XML) for
+        // supplementary-plane initials; take the full first code point
+        // instead, like the PHP/Python/Rust/Go/Dart ports.
+        const first = this.#initials().codePointAt(0);
+        return first !== undefined ? String.fromCodePoint(first) : '';
+      }
+      case 'initials':
+        return this.#initials();
+      case 'fontWeight':
+        return Number.format(this.#resolver.fontWeight());
+      case 'fontFamily':
+        return this.#resolver.fontFamily();
+    }
+  }
+
+  /**
+   * Returns the seed-derived initials, cached after the first call.
+   */
+  #initials(): string {
+    return (this.#cachedInitials ??= Initials.fromSeed(this.#resolver.seed()));
+  }
+
+  /**
+   * Returns the FNV-1a hex hash of the seed, cached after the first call. The
+   * value is used to derive stable but unique IDs for `<defs>` entries.
+   */
+  #hashSeed(): string {
+    return (this.#cachedSeedHash ??= Fnv1a.hex(this.#resolver.seed()));
+  }
+}
diff --git a/src/js/core/src/Resolver.ts b/src/js/core/src/Resolver.ts
new file mode 100644
index 0000000..7b1ae34
--- /dev/null
+++ b/src/js/core/src/Resolver.ts
@@ -0,0 +1,306 @@
+import { Options } from './Options.js';
+import { Prng } from './Prng.js';
+import type { Range } from './StyleDefinition.js';
+import { Color } from './Utils/Color.js';
+import { CircularColorReferenceError } from './Error/CircularColorReferenceError.js';
+import type { Style } from './Style.js';
+import type { Component } from './Style/Component.js';
+import type {
+  StyleOptionsFlipValue,
+  StyleOptionsColorFillValue,
+  StyleOptions,
+} from './StyleOptions.js';
+
+/**
+ * Bundles the three inputs needed to derive any deterministic value for an
+ * avatar — the {@link Style}, the validated user {@link Options}, and a
+ * seeded {@link Prng} — and exposes them as named accessors. Each accessor
+ * memoizes its result so that repeated calls cannot drift. The memo also
+ * serves as the informational snapshot returned by {@link resolved} — every
+ * value the resolver picks during one resolution lands there, except for
+ * the raw seed.
+ */
+export class Resolver<D = unknown> {
+  #style: Style<D>;
+  #options: Options<D>;
+  #prng: Prng;
+  #colorResolving: string[] = [];
+  #result: Record<string, unknown> = {};
+
+  constructor(style: Style<D>, options: Options<D>) {
+    this.#style = style;
+    this.#options = options;
+    this.#prng = new Prng(this.seed());
+  }
+
+  seed(): string {
+    // Deliberately not memoized — the seed is the only input we keep out of
+    // the {@link resolved} snapshot, so a serialized avatar never leaks it.
+    return this.#options.seed() ?? '';
+  }
+
+  size(): number | undefined {
+    return this.#memo('size', () => this.#options.size());
+  }
+
+  idRandomization(): boolean {
+    return this.#memo(
+      'idRandomization',
+      () => this.#options.idRandomization() ?? false,
+    );
+  }
+
+  title(): string | undefined {
+    return this.#memo('title', () => this.#options.title());
+  }
+
+  flip(): StyleOptionsFlipValue {
+    return this.#memo(
+      'flip',
+      () => this.#prng.pick('flip', this.#options.flip()) ?? 'none',
+    );
+  }
+
+  fontFamily(): string {
+    return this.#memo(
+      'fontFamily',
+      () =>
+        this.#prng.pick('fontFamily', this.#options.fontFamily()) ??
+        'system-ui',
+    );
+  }
+
+  fontWeight(): number {
+    return this.#memo(
+      'fontWeight',
+      () => this.#prng.pick('fontWeight', this.#options.fontWeight()) ?? 400,
+    );
+  }
+
+  scale(): number {
+    return this.#memoFloat('scale', this.#options.scale(), 1);
+  }
+
+  borderRadius(): number {
+    return this.#memoFloat('borderRadius', this.#options.borderRadius(), 0);
+  }
+
+  rotate(): number {
+    return this.#memoFloat('rotate', this.#options.rotate(), 0);
+  }
+
+  translateX(): number {
+    return this.#memoFloat('translateX', this.#options.translateX(), 0);
+  }
+
+  translateY(): number {
+    return this.#memoFloat('translateY', this.#options.translateY(), 0);
+  }
+
+  /**
+   * Selects a variant for the given component. Depending on what was passed
+   * as `${name}Variant` in the input data:
+   *
+   * - `undefined`: PRNG picks from all style variants using their weights.
+   * - otherwise: PRNG picks using the user-supplied weighted map (a bare
+   *   string or string list is normalized to weight `1` each in
+   *   {@link Options.componentVariant}).
+   *
+   * Only variants that exist in the style definition are considered.
+   */
+  variant(name: string): string | undefined {
+    return this.#memo(`${name}Variant`, () => {
+      const component = this.#style.components().get(name);
+
+      if (!component || !this.#isVisible(name, component)) {
+        return undefined;
+      }
+
+      const raw = this.#options.componentVariant(component.sourceName());
+      const variants = component.variants();
+      const weights: Record<string, number> = {};
+
+      if (raw === undefined) {
+        for (const [v, variant] of variants) {
+          weights[v] = variant.weight();
+        }
+      } else {
+        for (const [v, w] of Object.entries(raw)) {
+          if (variants.has(v)) {
+            weights[v] = w;
+          }
+        }
+      }
+
+      return this.#prng.weightedPick(`${name}Variant`, weights);
+    });
+  }
+
+  color(name: string): readonly string[] {
+    return this.#memo(`${name}Color`, () => this.#resolveColor(name));
+  }
+
+  colorFill(name: string): StyleOptionsColorFillValue {
+    return this.#memo(
+      `${name}ColorFill`,
+      () =>
+        this.#prng.pick(`${name}ColorFill`, this.#options.colorFill(name)) ??
+        'solid',
+    );
+  }
+
+  colorAngle(name: string): number {
+    return this.#memoFloat(
+      `${name}ColorAngle`,
+      this.#options.colorAngle(name),
+      0,
+    );
+  }
+
+  /**
+   * Picks the rotate/translateX/translateY/scale values for a single
+   * component. Memoized per `name`, so the four values land in
+   * {@link resolved} as `${name}Rotate` / `${name}TranslateX` /
+   * `${name}TranslateY` / `${name}Scale` for downstream introspection.
+   */
+  componentTransform(name: string): {
+    rotate: number;
+    translateX: number;
+    translateY: number;
+    scale: number;
+  } {
+    const component = this.#style.components().get(name);
+
+    return {
+      rotate: this.#memoFloat(`${name}Rotate`, component?.rotate(), 0),
+      translateX: this.#memoFloat(
+        `${name}TranslateX`,
+        component?.translate().x(),
+        0,
+      ),
+      translateY: this.#memoFloat(
+        `${name}TranslateY`,
+        component?.translate().y(),
+        0,
+      ),
+      scale: this.#memoFloat(`${name}Scale`, component?.scale(), 1),
+    };
+  }
+
+  /**
+   * Returns an informational snapshot of every value the resolver picked.
+   * Includes top-level options (scale/rotate/translate/…), per-component
+   * variants/probabilities/colors, and per-component transform picks. The
+   * raw seed is deliberately excluded.
+   *
+   * The snapshot is NOT a round-trip-able options object — extra keys like
+   * `${name}Rotate` are not part of {@link StyleOptions} and feeding the
+   * snapshot back into a new {@link Avatar} is not supported. Callers that
+   * need to reproduce an avatar should pass the original `seed` and
+   * user-supplied options.
+   *
+   * The returned object aliases the internal cache; callers that need
+   * isolation (e.g. {@link Avatar.toJSON}) clone it themselves.
+   */
+  resolved(): StyleOptions<D> {
+    return this.#result as StyleOptions<D>;
+  }
+
+  /**
+   * Returns the visibility probability (0–100) for the given component.
+   * Aliases read the source component's user-set probability so a single
+   * `<source>Probability` option propagates to every alias of the source.
+   */
+  #probability(component: Component): number {
+    const raw = this.#options.componentProbability(component.sourceName());
+
+    return raw ?? component.probability();
+  }
+
+  #isVisible(name: string, component: Component): boolean {
+    return this.#prng.bool(`${name}Probability`, this.#probability(component));
+  }
+
+  /**
+   * Resolves a named color to its final stop list, applying contrast sorting
+   * and `notEqualTo` filtering from the style definition. Detects circular
+   * references between colors and throws {@link CircularColorReferenceError}.
+   */
+  #resolveColor(name: string): readonly string[] {
+    const userColors = this.#options.color(name);
+    const styleColor = this.#style.colors().get(name);
+    const source = userColors ?? styleColor?.values() ?? [];
+
+    let candidates = source.map((c) => Color.toHex(c));
+    const fill = this.colorFill(name);
+    const stops = fill === 'solid' ? 1 : this.#colorFillStops(name);
+
+    if (!styleColor) {
+      return this.#prng.shuffle(`${name}Color`, candidates).slice(0, stops);
+    }
+
+    // Detect circular references (e.g. a.contrastTo = b, b.contrastTo = a)
+    if (this.#colorResolving.includes(name)) {
+      throw new CircularColorReferenceError(this.#colorResolving.concat(name));
+    }
+
+    this.#colorResolving.push(name);
+    const contrastTo = styleColor.contrastTo();
+    const notEqualTo = styleColor.notEqualTo();
+
+    try {
+      if (contrastTo) {
+        const refColor = this.color(contrastTo)[0];
+
+        if (refColor) {
+          candidates = Color.sortByContrast(candidates, refColor);
+        }
+      }
+
+      if (notEqualTo.length > 0) {
+        const excluded: string[] = [];
+
+        for (const ref of notEqualTo) {
+          for (const color of this.color(ref)) {
+            excluded.push(color);
+          }
+        }
+
+        candidates = Color.filterNotEqualTo(candidates, excluded);
+      }
+    } finally {
+      this.#colorResolving.pop();
+    }
+
+    // Skip shuffle when sorted by contrast to preserve the ordering
+    const ordered = contrastTo
+      ? candidates
+      : this.#prng.shuffle(`${name}Color`, candidates);
+
+    return ordered.slice(0, stops);
+  }
+
+  #colorFillStops(name: string): number {
+    const range = this.#options.colorFillStops(name);
+
+    return range ? this.#prng.integer(`${name}ColorFillStops`, range) : 2;
+  }
+
+  #memoFloat(key: string, range: Range | undefined, fallback: number): number {
+    return this.#memo(key, () =>
+      range ? this.#prng.float(key, range) : fallback,
+    );
+  }
+
+  #memo<T>(key: string, compute: () => T): T {
+    if (key in this.#result) {
+      return this.#result[key] as T;
+    }
+
+    const value = compute();
+
+    this.#result[key] = value;
+
+    return value;
+  }
+}
diff --git a/src/js/core/src/Style.ts b/src/js/core/src/Style.ts
new file mode 100644
index 0000000..c186df0
--- /dev/null
+++ b/src/js/core/src/Style.ts
@@ -0,0 +1,182 @@
+import { StyleValidator } from './Validator/StyleValidator.js';
+import { StyleValidationError } from './Error/StyleValidationError.js';
+import type {
+  StyleDefinition,
+  StyleDefinitionAttributes,
+  StyleDefinitionComponent,
+} from './StyleDefinition.js';
+import { Meta } from './Style/Meta.js';
+import { Canvas } from './Style/Canvas.js';
+import { Component } from './Style/Component.js';
+import { Color } from './Style/Color.js';
+
+export type { StyleDefinition } from './StyleDefinition.js';
+
+/**
+ * Validated, lazily-decomposed wrapper around a style definition. Construction
+ * runs the JSON Schema validator and stores a deep clone of the input so that
+ * later mutation of the source object cannot leak into the rendered avatar.
+ */
+export class Style<D = unknown> {
+  #data: StyleDefinition;
+  #meta?: Meta;
+  #canvas?: Canvas;
+  #components?: ReadonlyMap<string, Component>;
+  #colors?: ReadonlyMap<string, Color>;
+
+  constructor(data: D) {
+    StyleValidator.validate(data);
+
+    this.#data = structuredClone(data) as StyleDefinition;
+
+    this.#validateAliases();
+  }
+
+  /**
+   * Returns the definition's `$id`, or `undefined` when not set.
+   */
+  id(): string | undefined {
+    return this.#data.$id;
+  }
+
+  /**
+   * Returns the definition's `$schema` URI, or `undefined` when not set.
+   */
+  schema(): string | undefined {
+    return this.#data.$schema;
+  }
+
+  /**
+   * Returns the definition's `$comment`, or `undefined` when not set.
+   */
+  comment(): string | undefined {
+    return this.#data.$comment;
+  }
+
+  /**
+   * Returns the {@link Meta} view, lazily constructed on first access.
+   */
+  meta(): Meta {
+    this.#meta ??= new Meta(this.#data.meta ?? {});
+
+    return this.#meta;
+  }
+
+  /**
+   * Returns a deep clone of the root SVG attributes from the definition,
+   * defaulting to an empty object.
+   */
+  attributes(): StyleDefinitionAttributes {
+    return structuredClone(this.#data.attributes ?? {});
+  }
+
+  /**
+   * Returns a deep clone of the underlying definition.
+   */
+  definition(): StyleDefinition {
+    return structuredClone(this.#data);
+  }
+
+  /**
+   * Returns the {@link Canvas} view, lazily constructed on first access.
+   */
+  canvas(): Canvas {
+    this.#canvas ??= new Canvas(this.#data.canvas);
+
+    return this.#canvas;
+  }
+
+  /**
+   * Returns a name → {@link Component} map for all defined components, built
+   * lazily on first access.
+   */
+  components(): ReadonlyMap<string, Component> {
+    if (this.#components) {
+      return this.#components;
+    }
+
+    const entries = Object.entries(this.#data.components ?? {});
+    const map = new Map<string, Component>();
+
+    for (const [name, data] of entries) {
+      if (!Style.#isAlias(data)) {
+        map.set(name, new Component(name, data));
+      }
+    }
+
+    for (const [name, data] of entries) {
+      if (Style.#isAlias(data)) {
+        map.set(name, new Component(name, data, map.get(data.extends)));
+      }
+    }
+
+    this.#components = map;
+
+    return this.#components;
+  }
+
+  /**
+   * Verifies that every component declared via `extends` references an
+   * existing, non-alias component in the same `components` map. The schema
+   * itself cannot enforce cross-references between sibling keys.
+   */
+  #validateAliases(): void {
+    const components = this.#data.components;
+
+    if (!components) {
+      return;
+    }
+
+    const errors: { instancePath: string; message: string }[] = [];
+
+    for (const [name, data] of Object.entries(components)) {
+      if (!Style.#isAlias(data)) {
+        continue;
+      }
+
+      const target = data.extends;
+      const targetData = components[target];
+
+      if (!targetData) {
+        errors.push({
+          instancePath: `/components/${name}/extends`,
+          message: `references unknown component "${target}"`,
+        });
+
+        continue;
+      }
+
+      if (Style.#isAlias(targetData)) {
+        errors.push({
+          instancePath: `/components/${name}/extends`,
+          message: `references alias "${target}" — alias chains are not allowed`,
+        });
+      }
+    }
+
+    if (errors.length > 0) {
+      throw new StyleValidationError(errors);
+    }
+  }
+
+  static #isAlias(
+    data: StyleDefinitionComponent,
+  ): data is Extract<StyleDefinitionComponent, { extends: string }> {
+    return 'extends' in data;
+  }
+
+  /**
+   * Returns a name → {@link Color} map for all defined colors, built lazily
+   * on first access.
+   */
+  colors(): ReadonlyMap<string, Color> {
+    this.#colors ??= new Map(
+      Object.entries(this.#data.colors ?? {}).map(([name, data]) => [
+        name,
+        new Color(data),
+      ]),
+    );
+
+    return this.#colors;
+  }
+}
diff --git a/src/js/core/src/Style/Canvas.ts b/src/js/core/src/Style/Canvas.ts
new file mode 100644
index 0000000..3c8aa9e
--- /dev/null
+++ b/src/js/core/src/Style/Canvas.ts
@@ -0,0 +1,39 @@
+import type { StyleDefinitionCanvas } from '../StyleDefinition.js';
+import { Element } from './Element.js';
+
+/**
+ * Read-only view over a style definition's `canvas` block, exposing the
+ * drawing area dimensions and the top-level element list.
+ */
+export class Canvas {
+  #data: StyleDefinitionCanvas;
+  #elements?: readonly Element[];
+
+  constructor(data: StyleDefinitionCanvas) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the canvas width — the `width` value of the SVG `viewBox`.
+   */
+  width(): number {
+    return this.#data.width;
+  }
+
+  /**
+   * Returns the canvas height — the `height` value of the SVG `viewBox`.
+   */
+  height(): number {
+    return this.#data.height;
+  }
+
+  /**
+   * Returns the top-level elements rendered onto the canvas, lazily wrapped
+   * as {@link Element} instances on first access.
+   */
+  elements(): readonly Element[] {
+    this.#elements ??= this.#data.elements.map((el) => new Element(el));
+
+    return this.#elements;
+  }
+}
diff --git a/src/js/core/src/Style/Color.ts b/src/js/core/src/Style/Color.ts
new file mode 100644
index 0000000..b845582
--- /dev/null
+++ b/src/js/core/src/Style/Color.ts
@@ -0,0 +1,35 @@
+import type { StyleDefinitionColor } from '../StyleDefinition.js';
+
+/**
+ * Read-only view over an entry in a style definition's `colors` block.
+ */
+export class Color {
+  #data: StyleDefinitionColor;
+
+  constructor(data: StyleDefinitionColor) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the candidate color values, in definition order.
+   */
+  values(): readonly string[] {
+    return this.#data.values;
+  }
+
+  /**
+   * Returns the colors that the resolver should avoid picking, or an empty
+   * list when the field is unset.
+   */
+  notEqualTo(): readonly string[] {
+    return this.#data.notEqualTo ?? [];
+  }
+
+  /**
+   * Returns the name of another color that this one should contrast against,
+   * or `undefined` when no contrast constraint is defined.
+   */
+  contrastTo(): string | undefined {
+    return this.#data.contrastTo;
+  }
+}
diff --git a/src/js/core/src/Style/Component.ts b/src/js/core/src/Style/Component.ts
new file mode 100644
index 0000000..740e9b8
--- /dev/null
+++ b/src/js/core/src/Style/Component.ts
@@ -0,0 +1,137 @@
+import type {
+  Range,
+  StyleDefinitionComponent,
+  StyleDefinitionComponentBase,
+} from '../StyleDefinition.js';
+import { ComponentTranslate } from './ComponentTranslate.js';
+import { ComponentVariant } from './ComponentVariant.js';
+
+/**
+ * Read-only view over an entry in a style definition's `components` block.
+ *
+ * An entry is either a base component with its own dimensions and variants
+ * or an alias declared via `extends`. Aliases are pure references — they
+ * inherit dimensions, variants, and all transforms from the source.
+ */
+export class Component {
+  #data: StyleDefinitionComponent;
+  #name: string;
+  #source?: Component;
+  #translate?: ComponentTranslate;
+  #variants?: ReadonlyMap<string, ComponentVariant>;
+
+  constructor(
+    name: string,
+    data: StyleDefinitionComponent,
+    source?: Component,
+  ) {
+    this.#data = data;
+    this.#name = name;
+    this.#source = source;
+  }
+
+  /**
+   * Returns the entry's own name as declared in the style definition. For
+   * aliases this is the alias key, not the source component's name (use
+   * {@link sourceName} for the canonical user-option key prefix).
+   */
+  name(): string {
+    return this.#name;
+  }
+
+  /**
+   * Returns the source component name when this entry is an alias, or
+   * `undefined` for a base component.
+   */
+  extendsName(): string | undefined {
+    return 'extends' in this.#data ? this.#data.extends : undefined;
+  }
+
+  /**
+   * Returns the canonical user-option key prefix: the source component's
+   * name when this entry is an alias, otherwise the entry's own name.
+   */
+  sourceName(): string {
+    return this.extendsName() ?? this.#name;
+  }
+
+  /**
+   * Returns the component's intrinsic width in canvas coordinates. For
+   * aliases the source component's width is returned.
+   */
+  width(): number {
+    return this.#source ? this.#source.width() : this.#asBase().width;
+  }
+
+  /**
+   * Returns the component's intrinsic height in canvas coordinates. For
+   * aliases the source component's height is returned.
+   */
+  height(): number {
+    return this.#source ? this.#source.height() : this.#asBase().height;
+  }
+
+  /**
+   * Returns the probability (0–100) that this component is rendered.
+   * Aliases delegate to the source; defaults to 100 (always visible).
+   */
+  probability(): number {
+    if (this.#source) {
+      return this.#source.probability();
+    }
+
+    return this.#asBase().probability ?? 100;
+  }
+
+  /**
+   * Returns the rotation range, or `undefined` when unset.
+   * Aliases delegate to the source.
+   */
+  rotate(): Range | undefined {
+    return this.#source ? this.#source.rotate() : this.#asBase().rotate;
+  }
+
+  /**
+   * Returns the scale range, or `undefined` when unset.
+   * Aliases delegate to the source.
+   */
+  scale(): Range | undefined {
+    return this.#source ? this.#source.scale() : this.#asBase().scale;
+  }
+
+  /**
+   * Returns the translate descriptor. Aliases delegate to the source.
+   */
+  translate(): ComponentTranslate {
+    if (this.#source) {
+      return this.#source.translate();
+    }
+
+    this.#translate ??= new ComponentTranslate(this.#asBase().translate ?? {});
+
+    return this.#translate;
+  }
+
+  /**
+   * Returns a name → {@link ComponentVariant} map for all defined variants.
+   * Aliases delegate to the source component's variants.
+   */
+  variants(): ReadonlyMap<string, ComponentVariant> {
+    if (this.#source) {
+      return this.#source.variants();
+    }
+
+    this.#variants ??= new Map(
+      Object.entries(this.#asBase().variants).map(([name, data]) => [
+        name,
+        new ComponentVariant(data),
+      ]),
+    );
+
+    return this.#variants;
+  }
+
+  #asBase(): StyleDefinitionComponentBase {
+    return this.#data as StyleDefinitionComponentBase;
+  }
+}
diff --git a/src/js/core/src/Style/ComponentTranslate.ts b/src/js/core/src/Style/ComponentTranslate.ts
new file mode 100644
index 0000000..67fc160
--- /dev/null
+++ b/src/js/core/src/Style/ComponentTranslate.ts
@@ -0,0 +1,24 @@
+import type {
+  Range,
+  StyleDefinitionComponentTranslate,
+} from '../StyleDefinition.js';
+
+/**
+ * Read-only view over a component's `translate` block, providing the X and Y
+ * offset ranges.
+ */
+export class ComponentTranslate {
+  #data: StyleDefinitionComponentTranslate;
+
+  constructor(data: StyleDefinitionComponentTranslate) {
+    this.#data = data;
+  }
+
+  x(): Range | undefined {
+    return this.#data.x;
+  }
+
+  y(): Range | undefined {
+    return this.#data.y;
+  }
+}
diff --git a/src/js/core/src/Style/ComponentVariant.ts b/src/js/core/src/Style/ComponentVariant.ts
new file mode 100644
index 0000000..1652ca5
--- /dev/null
+++ b/src/js/core/src/Style/ComponentVariant.ts
@@ -0,0 +1,31 @@
+import type { StyleDefinitionComponentVariant } from '../StyleDefinition.js';
+import { Element } from './Element.js';
+
+/**
+ * Read-only view over an entry in a component's `variants` block.
+ */
+export class ComponentVariant {
+  #data: StyleDefinitionComponentVariant;
+  #elements?: readonly Element[];
+
+  constructor(data: StyleDefinitionComponentVariant) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the variant's elements, lazily wrapped as {@link Element}
+   * instances on first access.
+   */
+  elements(): readonly Element[] {
+    this.#elements ??= this.#data.elements.map((el) => new Element(el));
+
+    return this.#elements;
+  }
+
+  /**
+   * Returns the weighted-pick weight for this variant, defaulting to `1`.
+   */
+  weight(): number {
+    return this.#data.weight ?? 1;
+  }
+}
diff --git a/src/js/core/src/Style/Element.ts b/src/js/core/src/Style/Element.ts
new file mode 100644
index 0000000..0144170
--- /dev/null
+++ b/src/js/core/src/Style/Element.ts
@@ -0,0 +1,64 @@
+import type {
+  StyleDefinitionElement,
+  StyleDefinitionElementValue,
+  StyleDefinitionElementType,
+  StyleDefinitionAttributes,
+} from '../StyleDefinition.js';
+
+/**
+ * Read-only view over a single render-tree element from a style definition.
+ *
+ * The same node type covers SVG elements, text, and component references —
+ * `type()` discriminates between them.
+ */
+export class Element {
+  #data: StyleDefinitionElement;
+  #children?: readonly Element[];
+
+  constructor(data: StyleDefinitionElement) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the element type discriminator (`svg`, `text`, `component`, …).
+   */
+  type(): StyleDefinitionElementType {
+    return this.#data.type;
+  }
+
+  /**
+   * Returns the element's tag/component name, or `undefined` for elements
+   * that don't have one.
+   */
+  name(): string | undefined {
+    return this.#data.name;
+  }
+
+  /**
+   * Returns the element's textual value (for `text` elements) or template
+   * fragment, or `undefined` when not applicable.
+   */
+  value(): StyleDefinitionElementValue | undefined {
+    return this.#data.value;
+  }
+
+  /**
+   * Returns the element's raw attribute map, or `undefined` when no
+   * attributes are defined.
+   */
+  attributes(): StyleDefinitionAttributes | undefined {
+    return this.#data.attributes;
+  }
+
+  /**
+   * Returns the element's children, lazily wrapped as {@link Element}
+   * instances on first access.
+   */
+  children(): readonly Element[] {
+    this.#children ??= (this.#data.children ?? []).map(
+      (child) => new Element(child),
+    );
+
+    return this.#children;
+  }
+}
diff --git a/src/js/core/src/Style/Meta.ts b/src/js/core/src/Style/Meta.ts
new file mode 100644
index 0000000..8056266
--- /dev/null
+++ b/src/js/core/src/Style/Meta.ts
@@ -0,0 +1,49 @@
+import type { StyleDefinitionMeta } from '../StyleDefinition.js';
+import { MetaLicense } from './MetaLicense.js';
+import { MetaCreator } from './MetaCreator.js';
+import { MetaSource } from './MetaSource.js';
+
+/**
+ * Lazily-constructed view over a style definition's `meta` block, exposing
+ * the license, creator, and source descriptors.
+ */
+export class Meta {
+  #data: StyleDefinitionMeta;
+  #license?: MetaLicense;
+  #creator?: MetaCreator;
+  #source?: MetaSource;
+
+  constructor(data: StyleDefinitionMeta) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the license descriptor, defaulting to an empty object when the
+   * style definition omits the field.
+   */
+  license(): MetaLicense {
+    this.#license ??= new MetaLicense(this.#data.license ?? {});
+
+    return this.#license;
+  }
+
+  /**
+   * Returns the creator descriptor, defaulting to an empty object when the
+   * style definition omits the field.
+   */
+  creator(): MetaCreator {
+    this.#creator ??= new MetaCreator(this.#data.creator ?? {});
+
+    return this.#creator;
+  }
+
+  /**
+   * Returns the source descriptor, defaulting to an empty object when the
+   * style definition omits the field.
+   */
+  source(): MetaSource {
+    this.#source ??= new MetaSource(this.#data.source ?? {});
+
+    return this.#source;
+  }
+}
diff --git a/src/js/core/src/Style/MetaCreator.ts b/src/js/core/src/Style/MetaCreator.ts
new file mode 100644
index 0000000..abd6629
--- /dev/null
+++ b/src/js/core/src/Style/MetaCreator.ts
@@ -0,0 +1,26 @@
+import type { StyleDefinitionMetaCreator } from '../StyleDefinition.js';
+
+/**
+ * Read-only view over the `meta.creator` block of a style definition.
+ */
+export class MetaCreator {
+  #data: StyleDefinitionMetaCreator;
+
+  constructor(data: StyleDefinitionMetaCreator) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the creator's display name, or `undefined` when not set.
+   */
+  name(): string | undefined {
+    return this.#data.name;
+  }
+
+  /**
+   * Returns the creator's homepage URL, or `undefined` when not set.
+   */
+  url(): string | undefined {
+    return this.#data.url;
+  }
+}
diff --git a/src/js/core/src/Style/MetaLicense.ts b/src/js/core/src/Style/MetaLicense.ts
new file mode 100644
index 0000000..1a40438
--- /dev/null
+++ b/src/js/core/src/Style/MetaLicense.ts
@@ -0,0 +1,33 @@
+import type { StyleDefinitionMetaLicense } from '../StyleDefinition.js';
+
+/**
+ * Read-only view over the `meta.license` block of a style definition.
+ */
+export class MetaLicense {
+  #data: StyleDefinitionMetaLicense;
+
+  constructor(data: StyleDefinitionMetaLicense) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the license name (e.g. `"CC BY 4.0"`), or `undefined` when not set.
+   */
+  name(): string | undefined {
+    return this.#data.name;
+  }
+
+  /**
+   * Returns the license URL, or `undefined` when not set.
+   */
+  url(): string | undefined {
+    return this.#data.url;
+  }
+
+  /**
+   * Returns the full license text, or `undefined` when not set.
+   */
+  text(): string | undefined {
+    return this.#data.text;
+  }
+}
diff --git a/src/js/core/src/Style/MetaSource.ts b/src/js/core/src/Style/MetaSource.ts
new file mode 100644
index 0000000..8bd1412
--- /dev/null
+++ b/src/js/core/src/Style/MetaSource.ts
@@ -0,0 +1,27 @@
+import type { StyleDefinitionMetaSource } from '../StyleDefinition.js';
+
+/**
+ * Read-only view over the `meta.source` block of a style definition.
+ */
+export class MetaSource {
+  #data: StyleDefinitionMetaSource;
+
+  constructor(data: StyleDefinitionMetaSource) {
+    this.#data = data;
+  }
+
+  /**
+   * Returns the source name (e.g. the original work title), or `undefined`
+   * when not set.
+   */
+  name(): string | undefined {
+    return this.#data.name;
+  }
+
+  /**
+   * Returns the URL of the source, or `undefined` when not set.
+   */
+  url(): string | undefined {
+    return this.#data.url;
+  }
+}
diff --git a/src/js/core/src/StyleDefinition.ts b/src/js/core/src/StyleDefinition.ts
new file mode 100644
index 0000000..14f6268
--- /dev/null
+++ b/src/js/core/src/StyleDefinition.ts
@@ -0,0 +1,126 @@
+export interface StyleDefinitionMetaLicense {
+  readonly name?: string;
+  readonly url?: string;
+  readonly text?: string;
+}
+
+export interface StyleDefinitionMetaCreator {
+  readonly name?: string;
+  readonly url?: string;
+}
+
+export interface StyleDefinitionMetaSource {
+  readonly name?: string;
+  readonly url?: string;
+}
+
+export interface StyleDefinitionMeta {
+  readonly license?: StyleDefinitionMetaLicense;
+  readonly creator?: StyleDefinitionMetaCreator;
+  readonly source?: StyleDefinitionMetaSource;
+}
+
+export interface StyleDefinitionVariableReference {
+  readonly type: 'variable';
+  readonly name: 'initial' | 'initials' | 'fontWeight' | 'fontFamily';
+}
+
+export interface StyleDefinitionColorReference {
+  readonly type: 'color';
+  readonly name: string;
+}
+
+export type StyleDefinitionColorAttributeValue =
+  | string
+  | StyleDefinitionColorReference;
+export type StyleDefinitionElementValue =
+  | string
+  | StyleDefinitionVariableReference;
+export type StyleDefinitionElementType = 'element' | 'text' | 'component';
+
+export interface StyleDefinitionAttributes {
+  readonly color?: StyleDefinitionColorAttributeValue;
+  readonly 'flood-color'?: StyleDefinitionColorAttributeValue;
+  readonly 'lighting-color'?: StyleDefinitionColorAttributeValue;
+  readonly 'stop-color'?: StyleDefinitionColorAttributeValue;
+  readonly fill?: StyleDefinitionColorAttributeValue;
+  readonly stroke?: StyleDefinitionColorAttributeValue;
+  readonly 'font-family'?: string | StyleDefinitionVariableReference;
+  readonly 'font-weight'?: string | StyleDefinitionVariableReference;
+  readonly [key: string]:
+    | string
+    | StyleDefinitionColorReference
+    | StyleDefinitionVariableReference
+    | undefined;
+}
+
+export interface StyleDefinitionElement {
+  readonly type: StyleDefinitionElementType;
+  readonly name?: string;
+  readonly value?: StyleDefinitionElementValue;
+  readonly attributes?: StyleDefinitionAttributes;
+  readonly children?: readonly StyleDefinitionElement[];
+}
+
+export interface StyleDefinitionCanvas {
+  readonly width: number;
+  readonly height: number;
+  readonly elements: readonly StyleDefinitionElement[];
+}
+
+export interface StyleDefinitionColor {
+  readonly values: readonly string[];
+  readonly notEqualTo?: readonly string[];
+  readonly contrastTo?: string;
+}
+
+/**
+ * A closed numeric range. `min === max` represents a fixed value. `step`
+ * (consumed by {@link Prng.float}; ignored by {@link Prng.integer}) quantizes
+ * the range to multiples of `step` starting at `min`; non-positive or absent
+ * step means continuous.
+ */
+export interface Range {
+  readonly min: number;
+  readonly max: number;
+  readonly step?: number;
+}
+
+export interface StyleDefinitionComponentTranslate {
+  readonly x?: Range;
+  readonly y?: Range;
+}
+
+export interface StyleDefinitionComponentVariant {
+  readonly elements: readonly StyleDefinitionElement[];
+  readonly weight?: number;
+}
+
+export interface StyleDefinitionComponentBase {
+  readonly width: number;
+  readonly height: number;
+  readonly probability?: number;
+  readonly rotate?: Range;
+  readonly scale?: Range;
+  readonly translate?: StyleDefinitionComponentTranslate;
+  readonly variants: Readonly<Record<string, StyleDefinitionComponentVariant>>;
+}
+
+export interface StyleDefinitionComponentAlias {
+  readonly extends: string;
+}
+
+export type StyleDefinitionComponent =
+  | StyleDefinitionComponentBase
+  | StyleDefinitionComponentAlias;
+
+export interface StyleDefinition {
+  readonly $id?: string;
+  readonly $schema?: string;
+  readonly $comment?: string;
+  readonly meta?: StyleDefinitionMeta;
+  readonly attributes?: StyleDefinitionAttributes;
+  readonly canvas: StyleDefinitionCanvas;
+  readonly components?: Readonly<Record<string, StyleDefinitionComponent>>;
+  readonly colors?: Readonly<Record<string, StyleDefinitionColor>>;
+}
diff --git a/src/js/core/src/StyleOptions.ts b/src/js/core/src/StyleOptions.ts
new file mode 100644
index 0000000..d435400
--- /dev/null
+++ b/src/js/core/src/StyleOptions.ts
@@ -0,0 +1,139 @@
+export type StyleOptionsFlipValue = 'none' | 'horizontal' | 'vertical' | 'both';
+export type StyleOptionsColorFillValue = 'solid' | 'linear' | 'radial';
+
+// ---------------------------------------------------------------------------
+// StyleOptions
+//
+// Uses mapped types and template literal types to derive a precise options
+// interface from a style definition. When D has literal keys (e.g. from a
+// JSON import) the result provides full autocomplete. When D is the generic
+// StyleDefinition it falls back to an index signature.
+//
+// The helper types use conditional `extends` checks instead of indexed access
+// so that D does not need to extend StyleDefinition. This is necessary because
+// JSON imports widen string values to `string`, which doesn't satisfy the
+// literal unions in StyleDefinition (e.g. StyleDefinitionElementType).
+// ---------------------------------------------------------------------------
+
+// Extracts literal component/color names from D; `never` when generic.
+type ComponentNames<D> = D extends {
+  components: Record<infer K extends string, unknown>;
+}
+  ? string extends K
+    ? never
+    : K
+  : never;
+
+type ColorNames<D> = D extends {
+  colors: Record<infer K extends string, unknown>;
+}
+  ? string extends K
+    ? never
+    : K
+  : never;
+
+// Always includes 'background' because the renderer unconditionally
+// calls options.color('background') when rendering.
+type AllColorNames<D> = ColorNames<D> | 'background';
+
+// Resolves variant names for component C, transparently following an
+// `extends` alias to the source component. Falls back to `string` when
+// the definition or the component is generic.
+type ResolveComponent<D, C extends string> = D extends {
+  components: Record<string, unknown>;
+}
+  ? C extends keyof D['components']
+    ? D['components'][C] extends { extends: infer P extends string }
+      ? P extends keyof D['components']
+        ? D['components'][P]
+        : never
+      : D['components'][C]
+    : never
+  : never;
+
+type VariantNames<D, C extends string> =
+  ResolveComponent<D, C> extends {
+    variants: Record<infer V extends string, unknown>;
+  }
+    ? string extends V
+      ? string
+      : V
+    : string;
+
+type HasSpecificKeys<D> = [ComponentNames<D>] extends [never]
+  ? [ColorNames<D>] extends [never]
+    ? false
+    : true
+  : true;
+
+export interface StyleOptionsBase {
+  readonly seed?: string;
+  readonly size?: number;
+  readonly idRandomization?: boolean;
+  readonly title?: string;
+  readonly flip?: StyleOptionsFlipValue | readonly StyleOptionsFlipValue[];
+  readonly fontFamily?: string | readonly string[];
+  readonly fontWeight?: number | readonly number[];
+  readonly scale?: number | readonly [number, number];
+  readonly borderRadius?: number | readonly [number, number];
+  readonly rotate?: number | readonly [number, number];
+  readonly translateX?: number | readonly [number, number];
+  readonly translateY?: number | readonly [number, number];
+}
+
+// Variant option accepts a single name, an array, or a name-to-weight record
+// for weighted PRNG selection.
+type ComponentVariantOption<D, K extends string> =
+  | VariantNames<D, K>
+  | readonly VariantNames<D, K>[]
+  | Readonly<Partial<Record<VariantNames<D, K>, number>>>;
+
+// True when component C is declared as an alias (`{ extends: ... }`).
+// Aliases have no own user options — their values come from the source component.
+type IsAlias<D, C extends string> = D extends {
+  components: Record<string, unknown>;
+}
+  ? C extends keyof D['components']
+    ? D['components'][C] extends { extends: string }
+      ? true
+      : false
+    : false
+  : false;
+
+// For each non-alias component C generates: Variant, Probability.
+// Aliases are filtered out — they expose no own keys.
+type ComponentOptions<D, C extends string> = [C] extends [never]
+  ? unknown
+  : {
+      readonly [K in C as IsAlias<D, K> extends true
+        ? never
+        : `${K}Variant`]?: ComponentVariantOption<D, K>;
+    } & {
+      readonly [K in C as IsAlias<D, K> extends true
+        ? never
+        : `${K}Probability`]?: number;
+    };
+
+// For each color C generates: Color, ColorFill, ColorFillStops, ColorAngle.
+type ColorOptions<C extends string> = [C] extends [never]
+  ? unknown
+  : { readonly [K in C as `${K}Color`]?: string | readonly string[] } & {
+      readonly [K in C as `${K}ColorFill`]?:
+        | StyleOptionsColorFillValue
+        | readonly StyleOptionsColorFillValue[];
+    } & {
+      readonly [K in C as `${K}ColorFillStops`]?:
+        | number
+        | readonly [number, number];
+    } & {
+      readonly [K in C as `${K}ColorAngle`]?:
+        | number
+        | readonly [number, number];
+    };
+
+export type StyleOptions<D = unknown> = StyleOptionsBase &
+  ComponentOptions<D, ComponentNames<D>> &
+  ColorOptions<AllColorNames<D>> &
+  (HasSpecificKeys<D> extends true
+    ? unknown
+    : { readonly [key: string]: unknown });
diff --git a/src/js/core/src/Utils/Color.ts b/src/js/core/src/Utils/Color.ts
new file mode 100644
index 0000000..a09af36
--- /dev/null
+++ b/src/js/core/src/Utils/Color.ts
@@ -0,0 +1,202 @@
+/**
+ * Color helpers used by the renderer and option resolver.
+ */
+export class Color {
+  /**
+   * Normalizes any hex format to 6- or 8-digit lowercase with `#` prefix.
+   */
+  static toHex(hex: string): string {
+    const h = hex.replace(/^#/, '').toLowerCase();
+
+    if (h.length === 3) {
+      return '#' + h[0] + h[0] + h[1] + h[1] + h[2] + h[2];
+    }
+
+    if (h.length === 4) {
+      return '#' + h[0] + h[0] + h[1] + h[1] + h[2] + h[2] + h[3] + h[3];
+    }
+
+    return '#' + h;
+  }
+
+  /**
+   * Like {@link toHex}, but strips the alpha channel and always returns
+   * 6-digit hex.
+   */
+  static toRgbHex(hex: string): string {
+    const h = this.toHex(hex);
+
+    return h.length > 7 ? h.slice(0, 7) : h;
+  }
+
+  /**
+   * Parses a hex color into an `[r, g, b]` triple of 8-bit channel values.
+   */
+  static parseHex(hex: string): [number, number, number] {
+    const h = this.toHex(hex).slice(1);
+
+    return [
+      parseInt(h.slice(0, 2), 16),
+      parseInt(h.slice(2, 4), 16),
+      parseInt(h.slice(4, 6), 16),
+    ];
+  }
+
+  /**
+   * WCAG 2.1 relative luminance with sRGB linearization.
+   *
+   * @see https://www.w3.org/WAI/GL/wiki/Relative_luminance
+   */
+  static luminance(hex: string): number {
+    const rgb = this.parseHex(hex);
+    const linearR = this.#linearize(rgb[0]);
+    const linearG = this.#linearize(rgb[1]);
+    const linearB = this.#linearize(rgb[2]);
+
+    return 0.2126 * linearR + 0.7152 * linearG + 0.0722 * linearB;
+  }
+
+  /**
+   * Returns a new array sorted by descending contrast against the reference
+   * color.
+   *
+   * @see https://www.w3.org/WAI/GL/wiki/Contrast_ratio
+   */
+  static sortByContrast(
+    candidates: readonly string[],
+    refColor: string,
+  ): string[] {
+    const refLum = this.luminance(refColor);
+    const withRatio = candidates.map((c) => {
+      const lum = this.luminance(c);
+      const ratio =
+        (Math.max(lum, refLum) + 0.05) / (Math.min(lum, refLum) + 0.05);
+
+      return { color: c, ratio };
+    });
+
+    withRatio.sort((a, b) => b.ratio - a.ratio);
+
+    return withRatio.map((e) => e.color);
+  }
+
+  /**
+   * Returns a new array with excluded colors removed. Falls back to the
+   * original candidates when filtering would empty the list.
+   */
+  static filterNotEqualTo(
+    candidates: readonly string[],
+    excluded: readonly string[],
+  ): string[] {
+    const normalized = new Set(excluded.map((c) => this.toRgbHex(c)));
+    const filtered = candidates.filter(
+      (c) => !normalized.has(this.toRgbHex(c)),
+    );
+
+    return filtered.length > 0 ? filtered : Array.from(candidates);
+  }
+
+  /**
+   * Linear-light value for every 8-bit sRGB channel value, precomputed from
+   * `s <= 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4` with
+   * `s = channel / 255`.
+   *
+   * A lookup table because `**` (`Math.pow`) is not required to be correctly
+   * rounded: results differ between JS engines and the math libraries used by
+   * the other language ports, which would break cross-language byte parity.
+   */
+  static #LINEARIZED = [
+    0.0, 0.0003035269835488375, 0.000607053967097675, 0.0009105809506465125,
+    0.00121410793419535, 0.0015176349177441874, 0.001821161901293025,
+    0.0021246888848418626, 0.0024282158683907, 0.0027317428519395373,
+    0.003035269835488375, 0.003346535763899161, 0.003676507324047436,
+    0.004024717018496307, 0.004391442037410293, 0.004776953480693729,
+    0.005181516702338386, 0.005605391624202723, 0.006048833022857055,
+    0.006512090792594474, 0.006995410187265387, 0.007499032043226175,
+    0.008023192985384994, 0.008568125618069307, 0.009134058702220787,
+    0.009721217320237847, 0.010329823029626938, 0.010960094006488246,
+    0.011612245179743887, 0.012286488356915872, 0.012983032342173012,
+    0.013702083047289686, 0.014443843596092545, 0.01520851442291271,
+    0.01599629336550963, 0.016807375752887384, 0.017641954488384078,
+    0.018500220128379697, 0.019382360956935723, 0.0202885630566524,
+    0.021219010376003558, 0.02217388479338738, 0.02315336617811041,
+    0.024157632448504756, 0.025186859627361627, 0.026241221894849898,
+    0.027320891639074897, 0.028426039504420793, 0.0295568344378088,
+    0.030713443732993635, 0.03189603307301153, 0.033104766570885055,
+    0.03433980680868217, 0.03560131487502034, 0.03688945040110004,
+    0.0382043715953465, 0.03954623527673283, 0.04091519690685319,
+    0.042311410620809675, 0.043735029256973465, 0.04518620438567554,
+    0.0466650863368801, 0.048171824226889426, 0.04970656598412723,
+    0.05126945837404324, 0.052860647023180246, 0.05448027644244237,
+    0.05612849004960009, 0.05780543019106723, 0.0595112381629812,
+    0.06124605423161761, 0.06301001765316767, 0.06480326669290577,
+    0.06662593864377289, 0.06847816984440017, 0.07036009569659588,
+    0.07227185068231748, 0.07421356838014963, 0.07618538148130785,
+    0.07818742180518633, 0.08021982031446831, 0.0822827071298148,
+    0.08437621154414882, 0.08650046203654976, 0.08865558628577294,
+    0.09084171118340767, 0.09305896284668747, 0.0953074666309647,
+    0.09758734714186246, 0.09989872824711389, 0.1022417330881013,
+    0.10461648409110419, 0.10702310297826761, 0.10946171077829933,
+    0.1119324278369056, 0.11443537382697373, 0.11697066775851084,
+    0.11953842798834562, 0.12213877222960187, 0.12477181756095049,
+    0.12743768043564743, 0.1301364766903643, 0.13286832155381798,
+    0.13563332965520566, 0.13843161503245183, 0.14126329114027164,
+    0.14412847085805777, 0.14702726649759498, 0.14995978981060856,
+    0.15292615199615017, 0.1559264637078274, 0.1589608350608804,
+    0.16202937563911096, 0.1651321945016676, 0.16826940018969075,
+    0.1714411007328226, 0.17464740365558504, 0.17788841598362914,
+    0.18116424424986022, 0.184474994500441, 0.18782077230067787,
+    0.1912016827407914, 0.19461783044157582, 0.19806931955994886,
+    0.20155625379439707, 0.20507873639031693, 0.20863687014525575,
+    0.21223075741405523, 0.21586050011389923, 0.21952619972926923,
+    0.2232279573168085, 0.22696587351009836, 0.23074004852434915,
+    0.23455058216100522, 0.238397573812271, 0.24228112246555486,
+    0.24620132670783548, 0.25015828472995344, 0.25415209433082675,
+    0.2581828529215958, 0.26225065752969623, 0.26635560480286247,
+    0.2704977910130658, 0.27467731206038465, 0.2788942634768104,
+    0.2831487404299921, 0.2874408377269175, 0.29177064981753587,
+    0.2961382707983211, 0.3005437944157765, 0.3049873140698863,
+    0.30946892281750854, 0.31398871337571754, 0.31854677812509186,
+    0.32314320911295075, 0.3277780980565422, 0.33245153634617935,
+    0.33716361504833037, 0.341914424908661, 0.3467040563550296,
+    0.35153259950043936, 0.3564001441459435, 0.3613067797835095,
+    0.3662525955988395, 0.3712376804741491, 0.37626212299090644,
+    0.3813260114325301, 0.386429433787049, 0.39157247774972326,
+    0.39675523072562685, 0.40197777983219574, 0.4072402119017367,
+    0.41254261348390375, 0.4178850708481375, 0.4232676699860717,
+    0.4286904966139067, 0.4341536361747489, 0.4396571738409188,
+    0.44520119451622786, 0.45078578283822346, 0.45641102318040466,
+    0.4620769996544071, 0.467783796112159, 0.47353149614800955,
+    0.4793201831008268, 0.4851499400560704, 0.4910208498478356,
+    0.4969329950608704, 0.5028864580325687, 0.5088813208549338,
+    0.5149176653765214, 0.5209955732043543, 0.5271151257058131,
+    0.5332764040105052, 0.5394794890121071, 0.5457244613701866,
+    0.5520114015120001, 0.5583403896342679, 0.5647115057049292,
+    0.5711248294648731, 0.5775804404296506, 0.5840784178911641,
+    0.5906188409193369, 0.5972017883637634, 0.6038273388553378,
+    0.6104955708078648, 0.6172065624196511, 0.6239603916750761,
+    0.6307571363461468, 0.6375968739940326, 0.6444796819705821,
+    0.6514056374198242, 0.6583748172794486, 0.665387298282272,
+    0.6724431569576875, 0.6795424696330938, 0.6866853124353134,
+    0.6938717612919899, 0.7011018919329731, 0.7083757798916868,
+    0.7156935005064807, 0.7230551289219693, 0.7304607400903537,
+    0.7379104087727308, 0.7454042095403874, 0.7529422167760779,
+    0.7605245046752924, 0.7681511472475071, 0.7758222183174236,
+    0.7835377915261935, 0.7912979403326302, 0.799102738014409,
+    0.8069522576692516, 0.8148465722161012, 0.8227857543962835,
+    0.8307698767746546, 0.83879901174074, 0.846873231509858, 0.8549926081242338,
+    0.8631572134541023, 0.8713671191987973, 0.8796223968878317,
+    0.8879231178819663, 0.8962693533742664, 0.9046611743911496,
+    0.9130986517934192, 0.9215818562772946, 0.9301108583754237,
+    0.938685728457888, 0.9473065367331999, 0.9559733532492861,
+    0.9646862478944651, 0.9734452903984125, 0.9822505503331171,
+    0.9911020971138298, 1,
+  ];
+
+  /**
+   * Converts an 8-bit sRGB channel value into linear-light space.
+   */
+  static #linearize(channel: number): number {
+    return Color.#LINEARIZED[channel];
+  }
+}
diff --git a/src/js/core/src/Utils/Initials.ts b/src/js/core/src/Utils/Initials.ts
new file mode 100644
index 0000000..385f345
--- /dev/null
+++ b/src/js/core/src/Utils/Initials.ts
@@ -0,0 +1,43 @@
+/**
+ * Derives display initials from a seed string.
+ *
+ * @see https://www.regular-expressions.info/unicode.html
+ */
+export class Initials {
+  /**
+   * Returns one or two uppercase initials for the given seed. By default
+   * strips `@...` so email addresses yield a single initial instead of being
+   * treated as two words.
+   */
+  static fromSeed(seed: string, discardAtSymbol = true): string {
+    let input = seed;
+
+    if (discardAtSymbol) {
+      // Strip the whole @ suffix, including any line terminators (dotall `s`).
+      input = seed.replace(/@.*/s, '');
+    }
+
+    input = input.replace(/[`´'ʼ]/g, '');
+
+    const matches = input.match(/(\p{L}[\p{L}\p{M}]*)/gu);
+
+    if (!matches) {
+      return discardAtSymbol ? this.fromSeed(seed, false) : '';
+    }
+
+    if (matches.length === 1) {
+      const match = matches[0].match(/^(?:\p{L}\p{M}*){1,2}/u);
+
+      return match ? match[0].toUpperCase() : '';
+    }
+
+    const first = matches[0].match(/^(?:\p{L}\p{M}*)/u);
+    const last = matches[matches.length - 1].match(/^(?:\p{L}\p{M}*)/u);
+
+    if (!first || !last) {
+      return '';
+    }
+
+    return (first[0] + last[0]).toUpperCase();
+  }
+}
diff --git a/src/js/core/src/Utils/License.ts b/src/js/core/src/Utils/License.ts
new file mode 100644
index 0000000..d220bdb
--- /dev/null
+++ b/src/js/core/src/Utils/License.ts
@@ -0,0 +1,105 @@
+import type { Meta } from '../Style/Meta.js';
+import { Xml } from './Xml.js';
+
+/**
+ * Builds attribution strings and embedded RDF/Dublin Core metadata from a
+ * style's {@link Meta} block.
+ */
+export class License {
+  /**
+   * Returns a single-line attribution string suitable for `<title>` or
+   * `<desc>` content. Returns an empty string when no attribution data is
+   * available.
+   */
+  static text(meta: Meta): string {
+    const sourceName = meta.source().name();
+    const sourceUrl = meta.source().url();
+    const creatorName = meta.creator().name();
+    const licenseName = meta.license().name();
+    const licenseUrl = meta.license().url();
+
+    if (!sourceName && !creatorName && !licenseName) {
+      return '';
+    }
+
+    let title = sourceName ? `“${sourceName}”` : 'Design';
+
+    if (sourceUrl) {
+      title += ` (${sourceUrl})`;
+    }
+
+    const creator = `“${creatorName ?? 'Unknown'}”`;
+
+    let result = '';
+
+    // Skip "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+    if (licenseName !== 'MIT' && creatorName !== 'DiceBear' && sourceName) {
+      result += 'Remix of ';
+    }
+
+    result += `${title} by ${creator}`;
+
+    if (licenseName) {
+      result += `, licensed under “${licenseName}”`;
+
+      if (licenseUrl) {
+        result += ` (${licenseUrl})`;
+      }
+    }
+
+    return result;
+  }
+
+  /**
+   * Builds an embedded `<metadata>` block with Dublin Core terms describing
+   * the style's source, creator, license, and rights statement. Returns an
+   * empty string when no metadata fields are populated.
+   */
+  static xml(meta: Meta): string {
+    const title = meta.source().name();
+    const creatorName = meta.creator().name();
+    const sourceUrl = meta.source().url();
+    const licenseUrl = meta.license().url();
+    const rights = this.text(meta);
+
+    if (!title && !creatorName && !sourceUrl && !licenseUrl && !rights) {
+      return '';
+    }
+
+    const fields: string[] = [];
+
+    if (title) {
+      fields.push(`<dc:title>${Xml.escape(title)}</dc:title>`);
+    }
+
+    if (creatorName) {
+      fields.push(`<dc:creator>${Xml.escape(creatorName)}</dc:creator>`);
+    }
+
+    if (sourceUrl) {
+      fields.push(
+        `<dc:source xsi:type="dcterms:URI">${Xml.escape(sourceUrl)}</dc:source>`,
+      );
+    }
+
+    if (licenseUrl) {
+      fields.push(
+        `<dcterms:license xsi:type="dcterms:URI">${Xml.escape(licenseUrl)}</dcterms:license>`,
+      );
+    }
+
+    if (rights) {
+      fields.push(`<dc:rights>${Xml.escape(rights)}</dc:rights>`);
+    }
+
+    return (
+      '<metadata' +
+      ' xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"' +
+      ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
+      ' xmlns:dc="http://purl.org/dc/elements/1.1/"' +
+      ' xmlns:dcterms="http://purl.org/dc/terms/">' +
+      `<rdf:RDF><rdf:Description>${fields.join('')}</rdf:Description></rdf:RDF>` +
+      '</metadata>'
+    );
+  }
+}
diff --git a/src/js/core/src/Utils/Number.ts b/src/js/core/src/Utils/Number.ts
new file mode 100644
index 0000000..795de9a
--- /dev/null
+++ b/src/js/core/src/Utils/Number.ts
@@ -0,0 +1,38 @@
+/**
+ * Formats a number for SVG output, rounded to at most 5 decimal places.
+ *
+ * Rounding to a fixed precision keeps the output bounded and identical across
+ * the JS, PHP, Python, Rust, Go, and Dart ports: every value becomes a
+ * multiple of 1e-5 in the SVG coordinate range, which has no exponential form,
+ * so the result is built from integer arithmetic (no locale- or
+ * language-specific float stringifying). Five decimals is far below sub-pixel
+ * precision for any realistic canvas.
+ */
+export class Number {
+  static format(value: number): string {
+    // `value !== value` and the Infinity literals avoid referencing the global
+    // `Number`, which this class shadows within the module.
+    if (value !== value) {
+      return 'NaN';
+    }
+
+    if (value === Infinity) {
+      return 'Infinity';
+    }
+
+    if (value === -Infinity) {
+      return '-Infinity';
+    }
+
+    let scaled = Math.round(value * 100000);
+    const sign = scaled < 0 ? '-' : '';
+    scaled = Math.abs(scaled);
+
+    const integerPart = Math.floor(scaled / 100000);
+    const fraction = String(scaled % 100000)
+      .padStart(5, '0')
+      .replace(/0+$/, '');
+
+    return `${sign}${integerPart}${fraction ? `.${fraction}` : ''}`;
+  }
+}
diff --git a/src/js/core/src/Utils/Xml.ts b/src/js/core/src/Utils/Xml.ts
new file mode 100644
index 0000000..0ded0be
--- /dev/null
+++ b/src/js/core/src/Utils/Xml.ts
@@ -0,0 +1,21 @@
+/**
+ * Minimal XML escaping helper for SVG/XML text and attribute content.
+ */
+export class Xml {
+  static #entities: Record<string, string> = {
+    '&': '&amp;',
+    "'": '&apos;',
+    '"': '&quot;',
+    '<': '&lt;',
+    '>': '&gt;',
+  };
+
+  static #pattern = new RegExp(`[${Object.keys(Xml.#entities).join('')}]`, 'g');
+
+  /**
+   * Returns `value` with the five XML predefined entities escaped.
+   */
+  static escape(value: string): string {
+    return value.replace(Xml.#pattern, (ch) => Xml.#entities[ch]);
+  }
+}
diff --git a/src/js/core/src/Validator/OptionsValidator.d.ts b/src/js/core/src/Validator/OptionsValidator.d.ts
new file mode 100644
index 0000000..f0dd9e2
--- /dev/null
+++ b/src/js/core/src/Validator/OptionsValidator.d.ts
@@ -0,0 +1,12 @@
+/**
+ * Validates avatar options against the shared `options.json` schema.
+ *
+ * The runtime implementation lives in `OptionsValidator.js`, generated by
+ * `scripts/compile-schema.mjs` from `@dicebear/schema` via Ajv standalone.
+ */
+export class OptionsValidator {
+  /**
+   * Validates the given data and throws `OptionsValidationError` on failure.
+   */
+  static validate(data: unknown): void;
+}
diff --git a/src/js/core/src/Validator/README.md b/src/js/core/src/Validator/README.md
new file mode 100644
index 0000000..679c4e3
--- /dev/null
+++ b/src/js/core/src/Validator/README.md
@@ -0,0 +1,6 @@
+The `.js` files in this directory are auto-generated by
+`scripts/compile-schema.mjs` from `@dicebear/schema` using
+[Ajv](https://ajv.js.org/) standalone mode. The corresponding `.d.ts` files are
+maintained manually.
+
+To regenerate, run `npm run prebuild` from the package root.
diff --git a/src/js/core/src/Validator/StyleValidator.d.ts b/src/js/core/src/Validator/StyleValidator.d.ts
new file mode 100644
index 0000000..362772c
--- /dev/null
+++ b/src/js/core/src/Validator/StyleValidator.d.ts
@@ -0,0 +1,12 @@
+/**
+ * Validates style definitions against the shared `definition.json` schema.
+ *
+ * The runtime implementation lives in `StyleValidator.js`, generated by
+ * `scripts/compile-schema.mjs` from `@dicebear/schema` via Ajv standalone.
+ */
+export class StyleValidator {
+  /**
+   * Validates the given data and throws `StyleValidationError` on failure.
+   */
+  static validate(data: unknown): void;
+}
diff --git a/src/js/core/src/index.ts b/src/js/core/src/index.ts
new file mode 100644
index 0000000..3b11aeb
--- /dev/null
+++ b/src/js/core/src/index.ts
@@ -0,0 +1,5 @@
+export { Style, type StyleDefinition } from './Style.js';
+export { Avatar } from './Avatar.js';
+export { Color } from './Utils/Color.js';
+export { OptionsDescriptor } from './OptionsDescriptor.js';
+export type { StyleOptions } from './StyleOptions.js';
diff --git a/src/js/core/tests/Avatar.test.js b/src/js/core/tests/Avatar.test.js
new file mode 100644
index 0000000..767f406
--- /dev/null
+++ b/src/js/core/tests/Avatar.test.js
@@ -0,0 +1,118 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Style, Avatar } from '../lib/index.js';
+
+const minimalStyleData = {
+  canvas: { width: 100, height: 100, elements: [] },
+};
+
+const minimalStyle = new Style(minimalStyleData);
+
+describe('Avatar', () => {
+  describe('constructor', () => {
+    it('should accept Style instance and raw options', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.ok(avatar instanceof Avatar);
+    });
+
+    it('should still render a raw style definition (deprecated) identically to a Style and warn', () => {
+      // Back-compat: passing a raw definition is deprecated (it now emits a
+      // one-time console.warn) but must keep rendering identically to wrapping
+      // it in a Style ourselves. The warn is a module-level "warned once" flag,
+      // so we can only best-effort observe it here; suite success must not
+      // depend on whether this test happens to be the first to trigger it.
+      const originalWarn = console.warn;
+      let warning;
+      console.warn = (message) => {
+        warning = message;
+      };
+
+      let fromDefinition;
+      let fromStyle;
+      try {
+        fromDefinition = new Avatar(minimalStyleData, { seed: 'test' });
+        fromStyle = new Avatar(new Style(minimalStyleData), { seed: 'test' });
+      } finally {
+        console.warn = originalWarn;
+      }
+
+      // The definition path must produce the exact same SVG as the Style path.
+      assert.equal(fromDefinition.toString(), fromStyle.toString());
+
+      // Best-effort: if this test was the first to pass a raw definition in the
+      // process, the deprecation warning should have fired. If an earlier test
+      // already tripped the once-only flag, `warning` stays undefined and we
+      // skip the assertion rather than fail spuriously.
+      if (warning !== undefined) {
+        assert.match(warning, /\[DiceBear\].*deprecated/);
+      }
+    });
+
+    it('should accept raw style data and raw options', () => {
+      const avatar = new Avatar(new Style(minimalStyleData), { seed: 'test' });
+
+      assert.ok(avatar instanceof Avatar);
+    });
+
+    it('should work without options', () => {
+      const avatar = new Avatar(minimalStyle);
+
+      assert.ok(avatar instanceof Avatar);
+    });
+  });
+
+  describe('toString()', () => {
+    it('should return a string', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.equal(typeof avatar.toString(), 'string');
+    });
+  });
+
+  describe('toJSON()', () => {
+    it('should return an object with svg and options', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+      const json = avatar.toJSON();
+
+      assert.equal(typeof json.svg, 'string');
+      assert.ok(json.options !== null && typeof json.options === 'object');
+    });
+
+    it('should have consistent svg with toString()', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.equal(avatar.toJSON().svg, avatar.toString());
+    });
+
+    it('should return a deep copy of options', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+      const json1 = avatar.toJSON();
+      const json2 = avatar.toJSON();
+
+      json1.options.injected = 'modified';
+
+      assert.equal('injected' in json2.options, false);
+    });
+
+    it('should not include the seed in options', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.ok(!('seed' in avatar.toJSON().options));
+    });
+  });
+
+  describe('toDataUri()', () => {
+    it('should return a data URI string', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.ok(avatar.toDataUri().startsWith('data:image/svg+xml;charset=utf-8,'));
+    });
+
+    it('should contain the encoded SVG', () => {
+      const avatar = new Avatar(minimalStyle, { seed: 'test' });
+
+      assert.ok(avatar.toDataUri().includes(encodeURIComponent(avatar.toString())));
+    });
+  });
+});
diff --git a/src/js/core/tests/Options.test.js b/src/js/core/tests/Options.test.js
new file mode 100644
index 0000000..df31418
--- /dev/null
+++ b/src/js/core/tests/Options.test.js
@@ -0,0 +1,204 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Options } from '../lib/Options.js';
+import { OptionsValidationError } from '../lib/Error/OptionsValidationError.js';
+import { ValidationError } from '../lib/Error/ValidationError.js';
+
+describe('Options', () => {
+  describe('constructor', () => {
+    it('should accept an empty data object', () => {
+      assert.ok(new Options({}));
+    });
+
+    it('should accept full input data', () => {
+      assert.ok(
+        new Options({
+          seed: 'test-seed',
+          size: 128,
+          flip: 'horizontal',
+          scale: 1.2,
+        }),
+      );
+    });
+
+    it('should throw OptionsValidationError for invalid data', () => {
+      assert.throws(() => new Options({ size: -1 }), OptionsValidationError);
+    });
+
+    it('should throw an instance of ValidationError', () => {
+      assert.throws(() => new Options({ size: -1 }), ValidationError);
+    });
+
+    it('should include details on the validation error', () => {
+      try {
+        new Options({ size: -1 });
+        assert.fail('Expected error');
+      } catch (e) {
+        assert.ok(e instanceof OptionsValidationError);
+        assert.ok(Array.isArray(e.details));
+        assert.ok(e.details.length > 0);
+      }
+    });
+
+    it('should isolate internal state from caller mutations', () => {
+      const input = { seed: 'orig' };
+      const options = new Options(input);
+
+      input.seed = 'mutated';
+
+      assert.equal(options.seed(), 'orig');
+    });
+  });
+
+  describe('scalar passthroughs', () => {
+    it('should return undefined when not set', () => {
+      const options = new Options({});
+
+      assert.equal(options.seed(), undefined);
+      assert.equal(options.size(), undefined);
+      assert.equal(options.idRandomization(), undefined);
+      assert.equal(options.title(), undefined);
+    });
+
+    it('should return user-set scalar values', () => {
+      const options = new Options({
+        seed: 'abc',
+        size: 256,
+        idRandomization: true,
+        title: 'My Avatar',
+      });
+
+      assert.equal(options.seed(), 'abc');
+      assert.equal(options.size(), 256);
+      assert.equal(options.idRandomization(), true);
+      assert.equal(options.title(), 'My Avatar');
+    });
+  });
+
+  describe('top-level normalization', () => {
+    it('should normalize a scalar list option to a one-element array', () => {
+      const options = new Options({ flip: 'horizontal' });
+
+      assert.deepEqual(options.flip(), ['horizontal']);
+    });
+
+    it('should pass a list option array through unchanged', () => {
+      const options = new Options({ flip: ['horizontal', 'vertical'] });
+
+      assert.deepEqual(options.flip(), ['horizontal', 'vertical']);
+    });
+
+    it('should normalize a scalar range option to a fixed-value range', () => {
+      const options = new Options({ scale: 1.5 });
+
+      assert.deepEqual(options.scale(), { min: 1.5, max: 1.5 });
+    });
+
+    it('should normalize a tuple range option to a min/max range', () => {
+      const options = new Options({ scale: [0.8, 1.2] });
+
+      assert.deepEqual(options.scale(), { min: 0.8, max: 1.2 });
+    });
+
+    it('should treat a single-element range array as a fixed value', () => {
+      // `[n]` behaves like the scalar `n`; an empty array is unset (default,
+      // not a Range with a missing bound that would render as NaN).
+      assert.deepEqual(new Options({ scale: [2] }).scale(), { min: 2, max: 2 });
+      assert.equal(new Options({ scale: [] }).scale(), undefined);
+    });
+
+    it('should return undefined for unset range options', () => {
+      const options = new Options({});
+
+      assert.equal(options.scale(), undefined);
+      assert.equal(options.borderRadius(), undefined);
+      assert.equal(options.rotate(), undefined);
+      assert.equal(options.translateX(), undefined);
+      assert.equal(options.translateY(), undefined);
+    });
+
+    it('should return empty arrays for unset list options', () => {
+      const options = new Options({});
+
+      assert.deepEqual(options.flip(), []);
+      assert.deepEqual(options.fontFamily(), []);
+      assert.deepEqual(options.fontWeight(), []);
+    });
+  });
+
+  describe('componentVariant()', () => {
+    it('should return undefined when unset', () => {
+      assert.equal(new Options({}).componentVariant('eyes'), undefined);
+    });
+
+    it('should normalize a string to a single-entry weighted map', () => {
+      const options = new Options({ eyesVariant: 'open' });
+
+      assert.deepEqual(options.componentVariant('eyes'), { open: 1 });
+    });
+
+    it('should normalize a string array to a weighted map (weight 1 each)', () => {
+      const options = new Options({ eyesVariant: ['open', 'closed'] });
+
+      assert.deepEqual(options.componentVariant('eyes'), { open: 1, closed: 1 });
+    });
+
+    it('should pass a weighted record through', () => {
+      const options = new Options({ eyesVariant: { open: 5, closed: 1 } });
+
+      assert.deepEqual(options.componentVariant('eyes'), { open: 5, closed: 1 });
+    });
+  });
+
+  describe('componentProbability()', () => {
+    it('should return undefined when unset', () => {
+      assert.equal(new Options({}).componentProbability('eyes'), undefined);
+    });
+
+    it('should return the user-set numeric value', () => {
+      const options = new Options({ eyesProbability: 80 });
+
+      assert.equal(options.componentProbability('eyes'), 80);
+    });
+  });
+
+  describe('color()', () => {
+    it('should return undefined when unset', () => {
+      assert.equal(new Options({}).color('skin'), undefined);
+    });
+
+    it('should normalize a single hex color to a one-element array', () => {
+      const options = new Options({ skinColor: '#f0c8a0' });
+
+      assert.deepEqual(options.color('skin'), ['#f0c8a0']);
+    });
+
+    it('should pass a color array through', () => {
+      const options = new Options({ skinColor: ['#f0c8a0', '#d4a574'] });
+
+      assert.deepEqual(options.color('skin'), ['#f0c8a0', '#d4a574']);
+    });
+  });
+
+  describe('colorFill / colorAngle / colorFillStops', () => {
+    it('should normalize all three correctly', () => {
+      const options = new Options({
+        skinColorFill: 'linear',
+        skinColorAngle: 45,
+        skinColorFillStops: [2, 4],
+      });
+
+      assert.deepEqual(options.colorFill('skin'), ['linear']);
+      assert.deepEqual(options.colorAngle('skin'), { min: 45, max: 45 });
+      assert.deepEqual(options.colorFillStops('skin'), { min: 2, max: 4 });
+    });
+
+    it('should return defaults when unset', () => {
+      const options = new Options({});
+
+      assert.deepEqual(options.colorFill('skin'), []);
+      assert.equal(options.colorAngle('skin'), undefined);
+      assert.equal(options.colorFillStops('skin'), undefined);
+    });
+  });
+});
diff --git a/src/js/core/tests/OptionsDescriptor.test.js b/src/js/core/tests/OptionsDescriptor.test.js
new file mode 100644
index 0000000..2729720
--- /dev/null
+++ b/src/js/core/tests/OptionsDescriptor.test.js
@@ -0,0 +1,170 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Style, OptionsDescriptor } from '../lib/index.js';
+
+const aliasFixture = {
+  canvas: {
+    width: 100,
+    height: 100,
+    elements: [
+      { type: 'component', name: 'eyes' },
+      { type: 'component', name: 'eyesRight' },
+    ],
+  },
+  components: {
+    eyes: {
+      width: 20,
+      height: 20,
+      variants: {
+        a: { elements: [] },
+        b: { elements: [] },
+      },
+    },
+    eyesRight: { extends: 'eyes' },
+  },
+};
+
+const minimalStyle = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+});
+
+const fullStyle = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+  components: {
+    eyes: {
+      width: 100,
+      height: 100,
+      variants: {
+        open: { elements: [] },
+        closed: { elements: [] },
+        wink: { elements: [] },
+      },
+    },
+    mouth: {
+      width: 100,
+      height: 100,
+      variants: {
+        happy: { elements: [] },
+        sad: { elements: [] },
+      },
+    },
+  },
+  colors: {
+    skin: { values: ['#ff0000', '#00ff00'] },
+    hair: { values: ['#000000'] },
+    text: { values: ['#ffffff', '#000000'], contrastTo: 'background' },
+  },
+});
+
+describe('OptionsDescriptor', () => {
+  describe('base options', () => {
+    it('should include all base options', () => {
+      const schema = new OptionsDescriptor(minimalStyle).toJSON();
+
+      assert.deepEqual(schema.seed, { type: 'string' });
+      assert.deepEqual(schema.size, { type: 'number', min: 1, max: 4096 });
+      assert.deepEqual(schema.idRandomization, { type: 'boolean' });
+      assert.deepEqual(schema.flip, { type: 'enum', values: ['none', 'horizontal', 'vertical', 'both'], list: true });
+      assert.deepEqual(schema.scale, { type: 'range', min: 0, max: 10 });
+      assert.deepEqual(schema.borderRadius, { type: 'range', min: 0, max: 50 });
+      assert.deepEqual(schema.rotate, { type: 'range', min: -360, max: 360 });
+      assert.deepEqual(schema.translateX, { type: 'range', min: -1000, max: 1000 });
+      assert.deepEqual(schema.translateY, { type: 'range', min: -1000, max: 1000 });
+      assert.deepEqual(schema.fontFamily, { type: 'string', list: true });
+      assert.deepEqual(schema.fontWeight, { type: 'number', min: 1, max: 1000, list: true });
+    });
+
+    it('should always include background color options', () => {
+      const schema = new OptionsDescriptor(minimalStyle).toJSON();
+
+      assert.deepEqual(schema.backgroundColor, { type: 'color', list: true });
+      assert.deepEqual(schema.backgroundColorFill, { type: 'enum', values: ['solid', 'linear', 'radial'], list: true });
+      assert.deepEqual(schema.backgroundColorFillStops, { type: 'range', min: 2 });
+      assert.deepEqual(schema.backgroundColorAngle, { type: 'range', min: -360, max: 360 });
+    });
+  });
+
+  describe('component options', () => {
+    it('should generate options for each component', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.ok('eyesVariant' in schema);
+      assert.ok('eyesProbability' in schema);
+      assert.ok(!('eyesRotate' in schema));
+      assert.ok(!('eyesTranslateX' in schema));
+      assert.ok(!('eyesTranslateY' in schema));
+      assert.ok(!('eyesScale' in schema));
+      assert.ok('mouthVariant' in schema);
+    });
+
+    it('should constrain root scale to 0-10', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.deepEqual(schema.scale, { type: 'range', min: 0, max: 10 });
+    });
+
+    it('should include sorted variant names', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.deepEqual(schema.eyesVariant, {
+        type: 'enum',
+        values: ['closed', 'open', 'wink'],
+        list: true,
+        weighted: true,
+      });
+    });
+
+    it('should constrain probability to 0-100', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.deepEqual(schema.eyesProbability, { type: 'number', min: 0, max: 100 });
+    });
+
+    it('should not emit any options for alias components', () => {
+      const schema = new OptionsDescriptor(new Style(aliasFixture)).toJSON();
+
+      assert.ok(!('eyesRightVariant' in schema));
+      assert.ok(!('eyesRightProbability' in schema));
+      assert.ok(!('eyesRightRotate' in schema));
+    });
+  });
+
+  describe('color options', () => {
+    it('should generate options for each color', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.deepEqual(schema.skinColor, { type: 'color', list: true });
+      assert.deepEqual(schema.hairColor, { type: 'color', list: true });
+      assert.deepEqual(schema.skinColorFill, { type: 'enum', values: ['solid', 'linear', 'radial'], list: true });
+    });
+
+    it('should expose contrastTo on color fields when set', () => {
+      const schema = new OptionsDescriptor(fullStyle).toJSON();
+
+      assert.deepEqual(schema.textColor, {
+        type: 'color',
+        list: true,
+        contrastTo: 'background',
+      });
+      assert.ok(!('contrastTo' in schema.skinColor));
+    });
+  });
+
+  describe('caching', () => {
+    it('should return structurally equal results on repeated calls', () => {
+      const optionsSchema = new OptionsDescriptor(fullStyle);
+
+      assert.deepEqual(optionsSchema.toJSON(), optionsSchema.toJSON());
+    });
+
+    it('should return independent copies', () => {
+      const optionsSchema = new OptionsDescriptor(fullStyle);
+      const a = optionsSchema.toJSON();
+      const b = optionsSchema.toJSON();
+
+      a.seed = { type: 'mutated' };
+
+      assert.notDeepEqual(a.seed, b.seed);
+    });
+  });
+});
diff --git a/src/js/core/tests/Parity.test.js b/src/js/core/tests/Parity.test.js
new file mode 100644
index 0000000..e5c2c66
--- /dev/null
+++ b/src/js/core/tests/Parity.test.js
@@ -0,0 +1,273 @@
+// Cross-language parity tests. Reads the shared fixtures at
+// tests/fixtures/parity/ and asserts that the JS implementation produces
+// exactly the values committed there. The PHP test suite at
+// src/php/core/tests/ParityTest.php reads the same fixtures and runs the
+// equivalent assertions, so any divergence between the two implementations
+// will surface as a failure on whichever side drifts.
+//
+// To regenerate the fixtures: `npm run fixtures:parity` (from repo root).
+
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { readdirSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { Avatar, Color, OptionsDescriptor, Style } from '../lib/index.js';
+import { Prng } from '../lib/Prng.js';
+import { Fnv1a } from '../lib/Prng/Fnv1a.js';
+import { Mulberry32 } from '../lib/Prng/Mulberry32.js';
+import { Number } from '../lib/Utils/Number.js';
+import { Initials } from '../lib/Utils/Initials.js';
+import { ValidationError } from '../lib/Error/ValidationError.js';
+import { CircularColorReferenceError } from '../lib/Error/CircularColorReferenceError.js';
+
+const fixturesDir = join(import.meta.dirname, '..', '..', '..', '..', 'tests', 'fixtures', 'parity');
+
+function loadFixture(relPath) {
+  return JSON.parse(readFileSync(join(fixturesDir, relPath), 'utf8'));
+}
+
+describe('Parity / Fnv1a', () => {
+  for (const entry of loadFixture('fnv1a.json')) {
+    it(`hashes ${JSON.stringify(entry.input)}`, () => {
+      assert.equal(Fnv1a.hash(entry.input), entry.hash);
+      assert.equal(Fnv1a.hex(entry.input), entry.hex);
+    });
+  }
+});
+
+describe('Parity / Mulberry32', () => {
+  for (const entry of loadFixture('mulberry32.json')) {
+    it(`produces sequence for seed ${entry.seed}`, () => {
+      const m = new Mulberry32(entry.seed);
+      for (const expected of entry.sequence) {
+        const float = m.nextFloat();
+        const state = m.state();
+        assert.equal(float, expected.float);
+        assert.equal(state, expected.state);
+      }
+    });
+  }
+});
+
+describe('Parity / Prng', () => {
+  const fixture = loadFixture('prng.json');
+
+  describe('getValue', () => {
+    for (const c of fixture.getValue) {
+      it(`seed=${JSON.stringify(c.seed)} key=${JSON.stringify(c.key)}`, () => {
+        assert.equal(new Prng(c.seed).getValue(c.key), c.result);
+      });
+    }
+  });
+
+  describe('pick', () => {
+    for (const [i, c] of fixture.pick.entries()) {
+      it(`#${i} seed=${JSON.stringify(c.seed)} key=${JSON.stringify(c.key)}`, () => {
+        assert.equal(new Prng(c.seed).pick(c.key, c.items), c.result);
+      });
+    }
+  });
+
+  describe('weightedPick', () => {
+    for (const [i, c] of fixture.weightedPick.entries()) {
+      it(`#${i} seed=${JSON.stringify(c.seed)} key=${JSON.stringify(c.key)}`, () => {
+        assert.equal(new Prng(c.seed).weightedPick(c.key, c.weights), c.result);
+      });
+    }
+  });
+
+  describe('bool', () => {
+    for (const [i, c] of fixture.bool.entries()) {
+      it(`#${i} seed=${JSON.stringify(c.seed)} likelihood=${c.likelihood}`, () => {
+        assert.equal(new Prng(c.seed).bool(c.key, c.likelihood), c.result);
+      });
+    }
+  });
+
+  describe('float', () => {
+    for (const [i, c] of fixture.float.entries()) {
+      it(`#${i} range=${JSON.stringify(c.range)}`, () => {
+        assert.equal(new Prng(c.seed).float(c.key, c.range), c.result);
+      });
+    }
+  });
+
+  describe('integer', () => {
+    for (const [i, c] of fixture.integer.entries()) {
+      it(`#${i} range=${JSON.stringify(c.range)}`, () => {
+        assert.equal(new Prng(c.seed).integer(c.key, c.range), c.result);
+      });
+    }
+  });
+
+  describe('shuffle', () => {
+    for (const [i, c] of fixture.shuffle.entries()) {
+      it(`#${i} length=${c.items.length}`, () => {
+        assert.deepEqual(new Prng(c.seed).shuffle(c.key, c.items), c.result);
+      });
+    }
+  });
+});
+
+describe('Parity / Numbers', () => {
+  // The renderer formats every numeric attribute via Number.format (rounded to
+  // 5 decimals); this pins that contract so the PHP/Python ports stay identical.
+  for (const entry of loadFixture('numbers.json')) {
+    it(`formats ${entry.output}`, () => {
+      assert.equal(Number.format(entry.input), entry.output);
+    });
+  }
+});
+
+describe('Parity / Initials', () => {
+  // Initials.fromSeed must be byte-identical across ports; accented seeds
+  // (ô/ü) and quote/@/CJK/emoji cases pin the @-strip, quote-strip, and
+  // \p{L} word matching against per-language regex pitfalls.
+  for (const entry of loadFixture('initials.json')) {
+    it(`derives ${JSON.stringify(entry.seed)} → ${JSON.stringify(entry.result)}`, () => {
+      assert.equal(Initials.fromSeed(entry.seed), entry.result);
+    });
+  }
+});
+
+describe('Parity / Color', () => {
+  const colors = loadFixture('colors.json');
+
+  for (const entry of colors.toHex) {
+    it(`toHex ${entry.input}`, () => {
+      assert.equal(Color.toHex(entry.input), entry.result);
+    });
+  }
+
+  for (const entry of colors.toRgbHex) {
+    it(`toRgbHex ${entry.input}`, () => {
+      assert.equal(Color.toRgbHex(entry.input), entry.result);
+    });
+  }
+
+  for (const entry of colors.parseHex) {
+    it(`parseHex ${entry.input}`, () => {
+      assert.deepEqual(Color.parseHex(entry.input), entry.result);
+    });
+  }
+
+  for (const entry of colors.luminance) {
+    it(`luminance ${entry.input}`, () => {
+      assert.equal(Color.luminance(entry.input), entry.result);
+    });
+  }
+
+  for (const [i, entry] of colors.sortByContrast.entries()) {
+    it(`sortByContrast #${i}`, () => {
+      assert.deepEqual(
+        Color.sortByContrast(entry.candidates, entry.refColor),
+        entry.result,
+      );
+    });
+  }
+
+  for (const [i, entry] of colors.filterNotEqualTo.entries()) {
+    it(`filterNotEqualTo #${i}`, () => {
+      assert.deepEqual(
+        Color.filterNotEqualTo(entry.candidates, entry.excluded),
+        entry.result,
+      );
+    });
+  }
+});
+
+describe('Parity / Validation', () => {
+  const validation = loadFixture('validation.json');
+  const minimalStyle = new Style(
+    validation.styles.find((e) => e.id === 'minimal').definition,
+  );
+
+  for (const entry of validation.styles) {
+    it(`style ${entry.id}`, () => {
+      if (entry.valid) {
+        new Style(entry.definition);
+      } else {
+        assert.throws(() => new Style(entry.definition), ValidationError);
+      }
+    });
+  }
+
+  for (const entry of validation.options) {
+    it(`options ${entry.id}`, () => {
+      if (entry.valid) {
+        new Avatar(minimalStyle, entry.options);
+      } else {
+        assert.throws(
+          () => new Avatar(minimalStyle, entry.options),
+          ValidationError,
+        );
+      }
+    });
+  }
+
+  for (const entry of validation.circularColors) {
+    it(`circular colors ${entry.id}`, () => {
+      assert.throws(
+        () => new Avatar(new Style(entry.style), entry.options),
+        (e) => {
+          assert.ok(e instanceof CircularColorReferenceError);
+          assert.deepEqual(e.chain, entry.chain);
+
+          return true;
+        },
+      );
+    });
+  }
+});
+
+describe('Parity / OptionsDescriptor', () => {
+  const styleNames = readdirSync(join(fixturesDir, 'descriptors'))
+    .filter((f) => f.endsWith('.json'))
+    .map((f) => f.replace(/\.json$/, ''));
+
+  for (const styleName of styleNames) {
+    it(styleName, () => {
+      const styleData = loadFixture(`styles/${styleName}.json`);
+      const expected = loadFixture(`descriptors/${styleName}.json`);
+
+      assert.deepEqual(
+        new OptionsDescriptor(new Style(styleData)).toJSON(),
+        expected,
+      );
+    });
+  }
+});
+
+describe('Parity / Avatar', () => {
+  const styleNames = readdirSync(join(fixturesDir, 'avatars'))
+    .filter((f) => f.endsWith('.json'))
+    .map((f) => f.replace(/\.json$/, ''));
+
+  for (const styleName of styleNames) {
+    describe(styleName, () => {
+      const styleData = loadFixture(`styles/${styleName}.json`);
+      const cases = loadFixture(`avatars/${styleName}.json`);
+
+      for (const entry of cases) {
+        it(entry.id, () => {
+          const avatar = new Avatar(new Style(styleData), entry.options);
+          const json = avatar.toJSON();
+          assert.equal(json.svg, entry.svg);
+          // Round-trip via JSON to drop `undefined` values (size/title),
+          // mirroring what real consumers see after JSON.stringify.
+          assert.deepEqual(
+            JSON.parse(JSON.stringify(json.options)),
+            entry.resolvedOptions,
+          );
+
+          // Only select cases carry a dataUri — it pins the percent-encoding
+          // contract (encodeURIComponent) without bloating every fixture.
+          if (entry.dataUri !== undefined) {
+            assert.equal(avatar.toDataUri(), entry.dataUri);
+          }
+        });
+      }
+    });
+  }
+});
diff --git a/src/js/core/tests/Prng.test.js b/src/js/core/tests/Prng.test.js
new file mode 100644
index 0000000..f88a8a1
--- /dev/null
+++ b/src/js/core/tests/Prng.test.js
@@ -0,0 +1,502 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Prng } from '../lib/Prng.js';
+import { Fnv1a } from '../lib/Prng/Fnv1a.js';
+import { Mulberry32 } from '../lib/Prng/Mulberry32.js';
+
+// Known-value vectors (Fnv1a, Mulberry32, getValue) live in
+// tests/fixtures/parity/ and are exercised by Parity.test.js. This file
+// keeps only the JS-side behavioral and edge-case tests.
+
+describe('Prng', () => {
+  describe('fnv1a', () => {
+    it('should produce different hashes for different inputs', () => {
+      assert.notEqual(Fnv1a.hash('abc'), Fnv1a.hash('abd'));
+    });
+
+    it('should always return unsigned 32-bit integers', () => {
+      const inputs = ['', 'a', 'hello', 'test:flip', 'some-long-seed:optionName'];
+
+      for (const input of inputs) {
+        const hash = Fnv1a.hash(input);
+
+        assert.ok(hash >= 0);
+        assert.ok(hash <= 0xffffffff);
+        assert.equal(hash, hash >>> 0);
+      }
+    });
+  });
+
+  describe('fnv1aHex', () => {
+    it('should pad short hashes to 8 characters', () => {
+      const hex = Fnv1a.hex('test');
+
+      assert.equal(hex.length, 8);
+    });
+  });
+
+  describe('mulberry32', () => {
+    it('should return a float in [0, 1)', () => {
+      const seeds = [0, 1, 42, 2166136261, 4294967295];
+
+      for (const seed of seeds) {
+        const mulberry = new Mulberry32(seed);
+        const value = mulberry.nextFloat();
+
+        assert.ok(value >= 0);
+        assert.ok(value < 1);
+      }
+    });
+  });
+
+  describe('getValue', () => {
+    it('should be deterministic', () => {
+      const a = new Prng('seed');
+      const b = new Prng('seed');
+
+      assert.equal(a.getValue('key'), b.getValue('key'));
+    });
+
+    it('should differ for different seeds', () => {
+      const a = new Prng('seed-a');
+      const b = new Prng('seed-b');
+
+      assert.notEqual(a.getValue('key'), b.getValue('key'));
+    });
+
+    it('should differ for different keys', () => {
+      const prng = new Prng('test');
+
+      assert.notEqual(prng.getValue('flip'), prng.getValue('scale'));
+    });
+
+    it('should return a float in [0, 1)', () => {
+      const prng = new Prng('test');
+      const keys = ['a', 'b', 'flip', 'scale', 'rotate', 'eyesVariant'];
+
+      for (const key of keys) {
+        const value = prng.getValue(key);
+
+        assert.ok(value >= 0);
+        assert.ok(value < 1);
+      }
+    });
+  });
+
+  describe('pick', () => {
+    it('should return undefined for empty array', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.pick('key', []), undefined);
+    });
+
+    it('should return the only item for single-element array', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.pick('key', ['only']), 'only');
+    });
+
+    it('should pick from array deterministically', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+      const items = ['a', 'b', 'c', 'd'];
+
+      assert.equal(a.pick('key', items), b.pick('key', items));
+    });
+
+    it('should always pick a valid item', () => {
+      const items = ['x', 'y', 'z'];
+
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        assert.ok(items.includes(prng.pick('key', items)));
+      }
+    });
+
+    it('should collapse duplicate items by string representation', () => {
+      const unique = ['a', 'b', 'c'];
+      const withDuplicates = ['a', 'a', 'b', 'b', 'b', 'c'];
+
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        assert.equal(
+          prng.pick('key', withDuplicates),
+          new Prng(`seed-${i}`).pick('key', unique),
+        );
+      }
+    });
+
+    it('should treat all-duplicates as single-item', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.pick('key', ['only', 'only', 'only']), 'only');
+    });
+  });
+
+  describe('float', () => {
+    it('should return the value when min equals max', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.float('key', { min: 42, max: 42 }), 42);
+    });
+
+    it('should interpolate within bounds', () => {
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const value = prng.float('key', { min: 10, max: 20 });
+
+        assert.ok(value >= 10);
+        assert.ok(value <= 20);
+      }
+    });
+
+    it('should handle reversed min/max', () => {
+      const prng = new Prng('test');
+      const value = prng.float('key', { min: 20, max: 10 });
+
+      assert.ok(value >= 10);
+      assert.ok(value <= 20);
+    });
+
+    it('should quantize to step', () => {
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const value = prng.float('key', { min: 0, max: 100, step: 5 });
+
+        assert.ok(value >= 0);
+        assert.ok(value <= 100);
+        assert.equal(value % 5, 0, `Expected multiple of 5, got ${value}`);
+      }
+    });
+
+    it('should ignore non-positive step', () => {
+      for (let i = 0; i < 20; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const value = prng.float('key', { min: 10, max: 20, step: 0 });
+
+        assert.ok(value >= 10);
+        assert.ok(value <= 20);
+      }
+    });
+
+    it('should anchor stepped values at min, not at zero', () => {
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const value = prng.float('key', { min: 3, max: 23, step: 5 });
+
+        assert.ok(value >= 3);
+        assert.ok(value <= 23);
+        assert.equal(((value - 3) * 10000) % (5 * 10000), 0, `Expected 3 + n*5, got ${value}`);
+      }
+    });
+
+    it('should reach the max endpoint when step divides the range evenly', () => {
+      let maxSeen = false;
+
+      for (let i = 0; i < 500; i++) {
+        const value = new Prng(`seed-${i}`).float('key', { min: 0, max: 90, step: 90 });
+
+        assert.ok(value === 0 || value === 90, `Expected 0 or 90, got ${value}`);
+        if (value === 90) maxSeen = true;
+      }
+
+      assert.ok(maxSeen, 'Expected 90 to appear at least once across 500 seeds');
+    });
+
+    it('should distribute stepped values roughly uniformly across buckets', () => {
+      const buckets = { 0: 0, 45: 0, 90: 0, 135: 0, 180: 0 };
+      const samples = 2000;
+
+      for (let i = 0; i < samples; i++) {
+        const value = new Prng(`seed-${i}`).float('key', { min: 0, max: 180, step: 45 });
+
+        assert.ok(value in buckets, `Unexpected bucket value: ${value}`);
+        buckets[value]++;
+      }
+
+      const expected = samples / 5; // 400 per bucket
+      const tolerance = expected * 0.35; // ±35% — generous for 2000 samples
+
+      for (const [value, count] of Object.entries(buckets)) {
+        assert.ok(
+          Math.abs(count - expected) < tolerance,
+          `Bucket ${value}: expected ~${expected} ±${tolerance}, got ${count}`,
+        );
+      }
+    });
+
+    it('should be deterministic', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+
+      assert.equal(
+        a.float('key', { min: 0, max: 100 }),
+        b.float('key', { min: 0, max: 100 }),
+      );
+    });
+
+    it('should round to four decimal places', () => {
+      const prng = new Prng('test');
+      const value = prng.float('scale', { min: 0, max: 1 });
+      const decimals = value.toString().split('.')[1] ?? '';
+
+      assert.ok(decimals.length <= 4, `Expected at most 4 decimal places, got ${decimals.length}: ${value}`);
+    });
+
+    it('should return known values', () => {
+      const prng = new Prng('test');
+
+      assert.equal(
+        prng.float('scale', { min: 0, max: 1 }),
+        prng.float('scale', { min: 0, max: 1 }),
+      );
+      assert.equal(
+        prng.float('a', { min: 10, max: 20 }),
+        prng.float('a', { min: 10, max: 20 }),
+      );
+    });
+  });
+
+  describe('bool', () => {
+    it('should return boolean', () => {
+      const prng = new Prng('test');
+
+      assert.equal(typeof prng.bool('key'), 'boolean');
+    });
+
+    it('should always return true for likelihood 100', () => {
+      for (let i = 0; i < 20; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        assert.equal(prng.bool('key', 100), true);
+      }
+    });
+
+    it('should always return false for likelihood 0', () => {
+      for (let i = 0; i < 20; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        assert.equal(prng.bool('key', 0), false);
+      }
+    });
+
+    it('should be deterministic', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+
+      assert.equal(a.bool('key', 50), b.bool('key', 50));
+    });
+  });
+
+  describe('integer', () => {
+    it('should return the value when min equals max', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.integer('key', { min: 5, max: 5 }), 5);
+    });
+
+    it('should return an integer within bounds', () => {
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const value = prng.integer('key', { min: 1, max: 10 });
+
+        assert.ok(value >= 1);
+        assert.ok(value <= 10);
+        assert.equal(value, Math.floor(value));
+      }
+    });
+
+    it('should handle reversed min/max', () => {
+      const prng = new Prng('test');
+      const value = prng.integer('key', { min: 10, max: 1 });
+
+      assert.ok(value >= 1);
+      assert.ok(value <= 10);
+    });
+
+    it('should ignore step', () => {
+      const prng = new Prng('test');
+      const value = prng.integer('key', { min: 3, max: 10, step: 5 });
+
+      assert.ok(value >= 3);
+      assert.ok(value <= 10);
+      assert.equal(value, Math.floor(value));
+    });
+
+    it('should be deterministic', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+
+      assert.equal(
+        a.integer('key', { min: 1, max: 100 }),
+        b.integer('key', { min: 1, max: 100 }),
+      );
+    });
+
+    it('should distribute values roughly uniformly across the inclusive range', () => {
+      const buckets = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0 };
+      const samples = 2000;
+
+      for (let i = 0; i < samples; i++) {
+        const value = new Prng(`seed-${i}`).integer('key', { min: 1, max: 5 });
+
+        assert.ok(value in buckets, `Unexpected bucket value: ${value}`);
+        buckets[value]++;
+      }
+
+      const expected = samples / 5; // 400 per bucket
+      const tolerance = expected * 0.35; // ±35% — generous for 2000 samples
+
+      for (const [value, count] of Object.entries(buckets)) {
+        assert.ok(
+          Math.abs(count - expected) < tolerance,
+          `Bucket ${value}: expected ~${expected} ±${tolerance}, got ${count}`,
+        );
+      }
+    });
+  });
+
+  describe('shuffle', () => {
+    it('should return a new array', () => {
+      const prng = new Prng('test');
+      const items = [1, 2, 3, 4, 5];
+      const result = prng.shuffle('key', items);
+
+      assert.notEqual(result, items);
+    });
+
+    it('should contain the same elements', () => {
+      const prng = new Prng('test');
+      const items = [1, 2, 3, 4, 5];
+      const result = prng.shuffle('key', items);
+
+      assert.deepEqual(result.sort(), [...items].sort());
+    });
+
+    it('should not modify the original array', () => {
+      const prng = new Prng('test');
+      const items = [1, 2, 3, 4, 5];
+      const copy = [...items];
+
+      prng.shuffle('key', items);
+
+      assert.deepEqual(items, copy);
+    });
+
+    it('should be deterministic', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+      const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+      assert.deepEqual(a.shuffle('key', items), b.shuffle('key', items));
+    });
+
+    it('should produce different orderings for different keys', () => {
+      const prng = new Prng('test');
+      const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+      assert.notDeepEqual(prng.shuffle('key-a', items), prng.shuffle('key-b', items));
+    });
+
+    it('should handle empty array', () => {
+      const prng = new Prng('test');
+
+      assert.deepEqual(prng.shuffle('key', []), []);
+    });
+
+    it('should handle single-element array', () => {
+      const prng = new Prng('test');
+
+      assert.deepEqual(prng.shuffle('key', [42]), [42]);
+    });
+  });
+
+  describe('weightedPick', () => {
+    it('should return undefined for empty map', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.weightedPick('key', {}), undefined);
+    });
+
+    it('should return the only key for single-entry map', () => {
+      const prng = new Prng('test');
+
+      assert.equal(prng.weightedPick('key', { only: 1 }), 'only');
+    });
+
+    it('should fall back to uniform pick when all weights are 0', () => {
+      const prng = new Prng('test');
+      const result = prng.weightedPick('key', { a: 0, b: 0, c: 0 });
+
+      assert.ok(['a', 'b', 'c'].includes(result));
+    });
+
+    it('should be deterministic', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+      const weights = { a: 1, b: 5, c: 2 };
+
+      assert.equal(
+        a.weightedPick('key', weights),
+        b.weightedPick('key', weights),
+      );
+    });
+
+    it('should never pick a weight-0 key', () => {
+      const weights = { rare: 0, common: 1 };
+
+      for (let i = 0; i < 100; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        assert.equal(prng.weightedPick('key', weights), 'common');
+      }
+    });
+
+    it('should favor higher-weighted keys', () => {
+      const weights = { heavy: 100, light: 1 };
+      let heavyCount = 0;
+
+      for (let i = 0; i < 200; i++) {
+        const prng = new Prng(`seed-${i}`);
+
+        if (prng.weightedPick('key', weights) === 'heavy') {
+          heavyCount++;
+        }
+      }
+
+      assert.ok(heavyCount > 150, `Expected heavy to be picked most of the time, got ${heavyCount}/200`);
+    });
+
+    it('should produce insertion-order-independent results', () => {
+      const a = new Prng('test');
+      const b = new Prng('test');
+
+      const resultA = a.weightedPick('key', { x: 1, y: 5, z: 2 });
+      const resultB = b.weightedPick('key', { z: 2, x: 1, y: 5 });
+
+      assert.equal(resultA, resultB);
+    });
+
+    it('should always pick a valid key', () => {
+      const weights = { a: 1, b: 1, c: 1 };
+
+      for (let i = 0; i < 50; i++) {
+        const prng = new Prng(`seed-${i}`);
+        const result = prng.weightedPick('key', weights);
+
+        assert.ok(['a', 'b', 'c'].includes(result));
+      }
+    });
+  });
+
+  describe('shuffle dedup', () => {
+    it('should collapse duplicates by string representation', () => {
+      const prng = new Prng('test');
+      const result = prng.shuffle('key', ['a', 'a', 'b', 'b', 'c', 'c']);
+
+      assert.deepEqual([...result].sort(), ['a', 'b', 'c']);
+    });
+  });
+});
diff --git a/src/js/core/tests/Renderer.test.js b/src/js/core/tests/Renderer.test.js
new file mode 100644
index 0000000..83bb724
--- /dev/null
+++ b/src/js/core/tests/Renderer.test.js
@@ -0,0 +1,1075 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Style, Avatar } from '../lib/index.js';
+
+const minimalStyle = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+});
+
+const aliasFixture = {
+  canvas: {
+    width: 100,
+    height: 100,
+    elements: [
+      { type: 'component', name: 'eyes' },
+      {
+        type: 'component',
+        name: 'eyesRight',
+        attributes: { transform: 'matrix(.85 0 0 .85 10 20)' },
+      },
+    ],
+  },
+  components: {
+    eyes: {
+      width: 20,
+      height: 20,
+      variants: {
+        a: { elements: [{ type: 'element', name: 'circle', attributes: { id: 'a' } }] },
+        b: { elements: [{ type: 'element', name: 'circle', attributes: { id: 'b' } }] },
+        c: { elements: [{ type: 'element', name: 'circle', attributes: { id: 'c' } }] },
+        d: { elements: [{ type: 'element', name: 'circle', attributes: { id: 'd' } }] },
+        e: { elements: [{ type: 'element', name: 'circle', attributes: { id: 'e' } }] },
+      },
+    },
+    eyesRight: { extends: 'eyes' },
+  },
+};
+
+describe('Renderer', () => {
+  describe('SVG wrapper', () => {
+    it('should render svg with viewBox', () => {
+      const svg = new Avatar(minimalStyle).toString();
+
+      assert.ok(svg.startsWith('<svg '));
+      assert.ok(svg.includes('xmlns="http://www.w3.org/2000/svg"'));
+      assert.ok(svg.includes('viewBox="0 0 100 100"'));
+      assert.ok(svg.endsWith('</svg>'));
+    });
+
+    it('should include role="img" and aria-label when title is set', () => {
+      const svg = new Avatar(minimalStyle, { title: 'Test Avatar' }).toString();
+
+      assert.ok(svg.includes('role="img"'));
+      assert.ok(svg.includes('aria-label="Test Avatar"'));
+      assert.ok(svg.includes('<title>Test Avatar</title>'));
+    });
+
+    it('should escape title in aria-label and title element', () => {
+      const svg = new Avatar(minimalStyle, { title: 'A & B <C>' }).toString();
+
+      assert.ok(svg.includes('aria-label="A &amp; B &lt;C&gt;"'));
+      assert.ok(svg.includes('<title>A &amp; B &lt;C&gt;</title>'));
+    });
+
+    it('should be aria-hidden when title is not set', () => {
+      const svg = new Avatar(minimalStyle).toString();
+
+      assert.ok(svg.includes('aria-hidden="true"'));
+      assert.ok(!svg.includes('role="img"'));
+      assert.ok(!svg.includes('<title>'));
+      assert.ok(!svg.includes('aria-label'));
+    });
+
+    it('should include size when set', () => {
+      const svg = new Avatar(minimalStyle, { size: 64 }).toString();
+
+      assert.ok(svg.includes('width="64"'));
+      assert.ok(svg.includes('height="64"'));
+    });
+
+    it('should not include size when not set', () => {
+      const svg = new Avatar(minimalStyle).toString();
+      const openTag = svg.slice(0, svg.indexOf('>') + 1);
+
+      assert.ok(!openTag.includes('width='));
+      assert.ok(!openTag.includes('height='));
+    });
+  });
+
+  describe('element rendering', () => {
+    it('should render self-closing elements', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            { type: 'element', name: 'rect', attributes: { x: '0', y: '0', width: '100', height: '100' } },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('<rect x="0" y="0" width="100" height="100"/>'));
+    });
+
+    it('should render elements with children', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'g',
+              children: [
+                { type: 'element', name: 'circle', attributes: { cx: '50', cy: '50', r: '10' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('<g><circle cx="50" cy="50" r="10"/></g>'));
+    });
+
+    it('should render nested elements', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'g',
+              attributes: { id: 'outer' },
+              children: [
+                {
+                  type: 'element',
+                  name: 'g',
+                  attributes: { id: 'inner' },
+                  children: [
+                    { type: 'element', name: 'rect' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('<g id="outer"><g id="inner"><rect/></g></g>'));
+    });
+  });
+
+  describe('text rendering', () => {
+    it('should render text content', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: 'Hello' },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('<text>Hello</text>'));
+    });
+
+    it('should resolve variable reference: initial', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: { type: 'variable', name: 'initial' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { seed: 'Alice' }).toString();
+
+      assert.ok(svg.includes('<text>A</text>'));
+    });
+
+    it('should resolve variable reference: initial for supplementary-plane seeds', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: { type: 'variable', name: 'initial' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      // U+10400 is outside the BMP; charAt(0) would emit a lone surrogate
+      // (ill-formed XML) instead of the full code point.
+      const svg = new Avatar(style, { seed: '𐐀a' }).toString();
+
+      assert.ok(svg.includes('<text>𐐀</text>'));
+    });
+
+    it('should resolve initials from multi-word seed', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: { type: 'variable', name: 'initials' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { seed: 'Alice Bob' }).toString();
+
+      assert.ok(svg.includes('<text>AB</text>'));
+    });
+
+    it('should resolve initials from single-word seed', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: { type: 'variable', name: 'initials' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { seed: 'Alice' }).toString();
+
+      assert.ok(svg.includes('<text>AL</text>'));
+    });
+
+    it('should discard @-symbol in initials', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: { type: 'variable', name: 'initials' } },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { seed: 'alice@example.com' }).toString();
+
+      assert.ok(svg.includes('<text>AL</text>'));
+    });
+  });
+
+  describe('component rendering', () => {
+    const styleWithComponents = new Style({
+      canvas: {
+        width: 100,
+        height: 100,
+        elements: [
+          { type: 'component', name: 'eyes' },
+        ],
+      },
+      components: {
+        eyes: {
+          width: 50,
+          height: 50,
+          variants: {
+            open: {
+              elements: [
+                { type: 'element', name: 'circle', attributes: { r: '5' } },
+              ],
+            },
+            closed: {
+              elements: [
+                { type: 'element', name: 'line', attributes: { x1: '0', x2: '10' } },
+              ],
+            },
+          },
+        },
+      },
+    });
+
+    it('should render selected variant', () => {
+      const svg = new Avatar(styleWithComponents, {
+        seed: 'test',
+        eyesVariant: 'open',
+      }).toString();
+
+      assert.ok(svg.includes('<circle r="5"/>'));
+      assert.ok(!svg.includes('<line'));
+    });
+
+    it('should put the variant body in <defs> and reference it via <use>', () => {
+      const svg = new Avatar(styleWithComponents, {
+        seed: 'test',
+        eyesVariant: 'open',
+      }).toString();
+
+      const idMatch = svg.match(/<g id="(eyes-open-[a-f0-9]+)"><circle r="5"\/><\/g>/);
+
+      assert.ok(idMatch, 'expected variant body wrapped in <g id="…"> inside <defs>');
+      assert.ok(svg.includes('<defs>'));
+      assert.ok(svg.includes(`<use href="#${idMatch[1]}"/>`));
+    });
+
+    it('should skip component with probability 0', () => {
+      const svg = new Avatar(styleWithComponents, {
+        seed: 'test',
+        eyesProbability: 0,
+      }).toString();
+
+      assert.ok(!svg.includes('<circle'));
+      assert.ok(!svg.includes('<line'));
+      assert.ok(!svg.includes('<use'));
+    });
+
+    it('should apply translate from the component definition on the <use> element', () => {
+      const styleWithTranslate = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [{ type: 'component', name: 'eyes' }],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            translate: { x: { min: 5, max: 5 }, y: { min: 10, max: 10 } },
+            variants: { open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] } },
+          },
+        },
+      });
+
+      const svg = new Avatar(styleWithTranslate, { seed: 'test' }).toString();
+
+      assert.ok(svg.includes('<use transform="translate(2.5, 5)" href="#eyes-open-'));
+    });
+
+    it('should apply rotation from the component definition with center point', () => {
+      const styleWithRotate = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [{ type: 'component', name: 'eyes' }],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            rotate: { min: 45, max: 45 },
+            variants: { open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] } },
+          },
+        },
+      });
+
+      const svg = new Avatar(styleWithRotate, { seed: 'test' }).toString();
+
+      assert.ok(svg.includes('<use transform="rotate(45, 25, 25)" href="#eyes-open-'));
+    });
+
+    it('should omit the transform attribute when no transforms apply', () => {
+      const svg = new Avatar(styleWithComponents, {
+        seed: 'test',
+        eyesVariant: 'open',
+      }).toString();
+
+      assert.ok(svg.includes('<use href="#eyes-open-'));
+      assert.ok(!/<use[^>]*\btransform=/.test(svg));
+    });
+
+    it('should apply attributes from a component reference to the <use> tag', () => {
+      const styleWithCompAttrs = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'component',
+              name: 'eyes',
+              attributes: { transform: 'matrix(.5 0 0 .5 10 20)', opacity: '.75' },
+            },
+          ],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            variants: {
+              open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] },
+            },
+          },
+        },
+      });
+
+      const svg = new Avatar(styleWithCompAttrs, {
+        seed: 'test',
+        eyesVariant: 'open',
+      }).toString();
+
+      assert.ok(
+        svg.includes('<use transform="matrix(.5 0 0 .5 10 20)" opacity=".75" href="#eyes-open-'),
+        `expected merged attributes on <use>, got: ${svg}`,
+      );
+    });
+
+    it('should prepend a user transform to the built-in component transforms', () => {
+      const styleWithBoth = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'component',
+              name: 'eyes',
+              attributes: { transform: 'matrix(.5 0 0 .5 10 20)' },
+            },
+          ],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            rotate: { min: 45, max: 45 },
+            variants: {
+              open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] },
+            },
+          },
+        },
+      });
+
+      const svg = new Avatar(styleWithBoth, { seed: 'test' }).toString();
+
+      assert.ok(
+        svg.includes('<use transform="matrix(.5 0 0 .5 10 20) rotate(45, 25, 25)" href="#eyes-open-'),
+        `expected user transform outermost, then built-in rotate, got: ${svg}`,
+      );
+    });
+
+    it('should deduplicate identical component references via shared <defs>', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            { type: 'component', name: 'eyes' },
+            { type: 'component', name: 'eyes' },
+          ],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            variants: {
+              open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] },
+            },
+          },
+        },
+      });
+
+      const svg = new Avatar(style, {
+        seed: 'test',
+        eyesVariant: 'open',
+      }).toString();
+
+      const circleMatches = svg.match(/<circle r="5"\/>/g) ?? [];
+      const useMatches = svg.match(/<use href="#eyes-open-[a-f0-9]+"\/>/g) ?? [];
+
+      assert.equal(circleMatches.length, 1, 'variant body must appear only once');
+      assert.equal(useMatches.length, 2, 'each component reference becomes its own <use>');
+    });
+  });
+
+  describe('component aliases', () => {
+    const aliasStyle = new Style(aliasFixture);
+
+    it('should give source and alias independent variants for the same seed', () => {
+      let differed = false;
+
+      for (const seed of ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']) {
+        const svg = new Avatar(aliasStyle, { seed }).toString();
+        const matches = svg.match(/<circle id="([a-z])"\/>/g) ?? [];
+
+        if (matches.length === 2 && matches[0] !== matches[1]) {
+          differed = true;
+          break;
+        }
+      }
+
+      assert.ok(differed, 'expected at least one seed where alias picks a different variant than the source');
+    });
+
+    it('should inherit eyesVariant on the alias and share the same <defs> entry', () => {
+      const svg = new Avatar(aliasStyle, {
+        seed: 'fallthrough',
+        eyesVariant: 'b',
+      }).toString();
+      const circles = [...svg.matchAll(/<circle id="([a-z])"\/>/g)].map((m) => m[1]);
+      const uses = [...svg.matchAll(/<use[^>]*\bhref="#(eyes-[a-z]-[a-f0-9]+)"\/>/g)].map((m) => m[1]);
+
+      assert.deepEqual(circles, ['b'], 'variant body is registered once');
+      assert.equal(uses.length, 2, 'both component slots reference the body');
+      assert.equal(uses[0], uses[1], 'both <use> elements share the same href');
+    });
+
+    it('should propagate eyesProbability to the alias', () => {
+      const svg = new Avatar(aliasStyle, {
+        seed: 'probability-fallthrough',
+        eyesProbability: 0,
+      }).toString();
+
+      assert.ok(!svg.includes('<circle'));
+    });
+
+    it('should silently ignore options keyed against an alias component', () => {
+      const svgWithoutAliasKey = new Avatar(aliasStyle, {
+        seed: 'ignore-alias-key',
+        eyesVariant: 'a',
+      }).toString();
+      const svgWithAliasKey = new Avatar(aliasStyle, {
+        seed: 'ignore-alias-key',
+        eyesVariant: 'a',
+        eyesRightVariant: 'd',
+      }).toString();
+
+      assert.equal(svgWithoutAliasKey, svgWithAliasKey);
+    });
+  });
+
+  describe('color rendering', () => {
+    it('should resolve color reference to solid color', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'rect',
+              attributes: { fill: { type: 'color', name: 'bg' } },
+            },
+          ],
+        },
+        colors: {
+          bg: { values: ['#ff0000'] },
+        },
+      });
+
+      const svg = new Avatar(style, {
+        seed: 'test',
+        bgColor: ['#ff0000'],
+      }).toString();
+
+      assert.ok(svg.includes('fill="#ff0000"'));
+    });
+
+    it('should render linear gradient for multi-color fill', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'rect',
+              attributes: { fill: { type: 'color', name: 'bg' } },
+            },
+          ],
+        },
+        colors: {
+          bg: { values: ['#ff0000', '#0000ff'] },
+        },
+      });
+
+      const svg = new Avatar(style, {
+        seed: 'test',
+        bgColor: ['#ff0000', '#0000ff'],
+        bgColorFill: 'linear',
+      }).toString();
+
+      assert.ok(svg.includes('<defs>'));
+      assert.ok(svg.includes('<linearGradient id="bg-color-'));
+      assert.ok(svg.includes('stop-color="#ff0000"'));
+      assert.ok(svg.includes('stop-color="#0000ff"'));
+      assert.ok(svg.includes('fill="url(#bg-color-'));
+    });
+
+    it('should render radial gradient', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'rect',
+              attributes: { fill: { type: 'color', name: 'bg' } },
+            },
+          ],
+        },
+        colors: {
+          bg: { values: ['#ff0000', '#0000ff'] },
+        },
+      });
+
+      const svg = new Avatar(style, {
+        seed: 'test',
+        bgColor: ['#ff0000', '#0000ff'],
+        bgColorFill: 'radial',
+      }).toString();
+
+      assert.ok(svg.includes('<radialGradient id="bg-color-'));
+      assert.ok(svg.includes('fill="url(#bg-color-'));
+    });
+  });
+
+  describe('flip', () => {
+    it('should apply horizontal flip', () => {
+      const svg = new Avatar(minimalStyle, { flip: 'horizontal' }).toString();
+
+      assert.ok(svg.includes('scale(-1, 1)'));
+      assert.ok(svg.includes('translate(100, 0)'));
+    });
+
+    it('should apply vertical flip', () => {
+      const svg = new Avatar(minimalStyle, { flip: 'vertical' }).toString();
+
+      assert.ok(svg.includes('scale(1, -1)'));
+      assert.ok(svg.includes('translate(0, 100)'));
+    });
+
+    it('should apply both flip', () => {
+      const svg = new Avatar(minimalStyle, { flip: 'both' }).toString();
+
+      assert.ok(svg.includes('scale(-1, -1)'));
+      assert.ok(svg.includes('translate(100, 100)'));
+    });
+
+    it('should not apply flip when none', () => {
+      const svg = new Avatar(minimalStyle, { flip: 'none' }).toString();
+
+      assert.ok(!svg.includes('scale(-1'));
+    });
+  });
+
+  describe('scale', () => {
+    it('should apply scale transform', () => {
+      const svg = new Avatar(minimalStyle, { scale: 0.5 }).toString();
+
+      assert.ok(svg.includes('scale(0.5)'));
+      assert.ok(svg.includes('translate(50, 50)'));
+      assert.ok(svg.includes('translate(-50, -50)'));
+    });
+
+    it('should not apply scale when 1', () => {
+      const svg = new Avatar(minimalStyle, { scale: 1 }).toString();
+
+      assert.ok(!svg.includes('scale('));
+    });
+  });
+
+  describe('component scale', () => {
+    const buildStyle = (componentExtras = {}) =>
+      new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [{ type: 'component', name: 'eyes' }],
+        },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            ...componentExtras,
+            variants: { open: { elements: [{ type: 'element', name: 'rect' }] } },
+          },
+        },
+      });
+
+    it('should apply component scale from definition around component center', () => {
+      const svg = new Avatar(buildStyle({ scale: { min: 2, max: 2 } }), { seed: 'test' }).toString();
+
+      assert.ok(svg.includes('translate(25, 25) scale(2) translate(-25, -25)'));
+    });
+
+    it('should not apply component scale when definition default is 1', () => {
+      const svg = new Avatar(buildStyle(), { seed: 'test' }).toString();
+
+      assert.ok(!svg.includes('scale('));
+    });
+
+    it('should place component scale after rotate in the transform attribute', () => {
+      const svg = new Avatar(
+        buildStyle({ rotate: { min: 45, max: 45 }, scale: { min: 2, max: 2 } }),
+        { seed: 'test' },
+      ).toString();
+
+      const rotateIndex = svg.indexOf('rotate(45');
+      const scaleIndex = svg.indexOf('scale(2)');
+
+      assert.ok(rotateIndex !== -1 && scaleIndex !== -1);
+      assert.ok(rotateIndex < scaleIndex);
+    });
+  });
+
+  describe('borderRadius', () => {
+    it('should apply border radius via clipPath', () => {
+      const svg = new Avatar(minimalStyle, { borderRadius: 10 }).toString();
+
+      assert.ok(svg.includes('<clipPath id="clip-'));
+      assert.ok(svg.includes('rx="10"'));
+      assert.ok(svg.includes('ry="10"'));
+      assert.ok(svg.includes('clip-path="url(#clip-'));
+    });
+
+    it('should still apply a square clipPath when border radius is 0', () => {
+      const svg = new Avatar(minimalStyle, { borderRadius: 0 }).toString();
+
+      assert.ok(svg.includes('<clipPath id="clip-'));
+      assert.ok(svg.includes('rx="0"'));
+      assert.ok(svg.includes('ry="0"'));
+      assert.ok(svg.includes('clip-path="url(#clip-'));
+    });
+  });
+
+  describe('idRandomization', () => {
+    const styleWithIds = new Style({
+      canvas: {
+        width: 100,
+        height: 100,
+        elements: [
+          {
+            type: 'element',
+            name: 'defs',
+            children: [
+              {
+                type: 'element',
+                name: 'linearGradient',
+                attributes: { id: 'grad1' },
+                children: [
+                  { type: 'element', name: 'stop', attributes: { offset: '0%', 'stop-color': 'red' } },
+                ],
+              },
+            ],
+          },
+          {
+            type: 'element',
+            name: 'rect',
+            attributes: { fill: 'url(#grad1)' },
+          },
+        ],
+      },
+    });
+
+    it('should randomize ids when enabled', () => {
+      const svg = new Avatar(styleWithIds, {
+        seed: 'test',
+        idRandomization: true,
+      }).toString();
+
+      assert.ok(!svg.includes('id="grad1"'));
+      assert.ok(!svg.includes('url(#grad1)'));
+      assert.ok(svg.includes('id="grad1-'));
+      assert.ok(svg.includes('url(#grad1-'));
+    });
+
+    it('should not randomize ids when disabled', () => {
+      const svg = new Avatar(styleWithIds, {
+        seed: 'test',
+        idRandomization: false,
+      }).toString();
+
+      assert.ok(svg.includes('id="grad1"'));
+      assert.ok(svg.includes('url(#grad1)'));
+    });
+
+    it('should produce different ids on each call', () => {
+      const svg1 = new Avatar(styleWithIds, { seed: 'test', idRandomization: true }).toString();
+      const svg2 = new Avatar(styleWithIds, { seed: 'test', idRandomization: true }).toString();
+
+      assert.notEqual(svg1, svg2);
+    });
+  });
+
+  describe('background', () => {
+    it('should render solid background', () => {
+      const svg = new Avatar(minimalStyle, {
+        backgroundColor: ['#ff0000'],
+      }).toString();
+
+      assert.ok(svg.includes('<rect width="100" height="100" fill="#ff0000"/>'));
+    });
+
+    it('should render gradient background', () => {
+      const svg = new Avatar(minimalStyle, {
+        backgroundColor: ['#ff0000', '#0000ff'],
+        backgroundColorFill: 'linear',
+      }).toString();
+
+      assert.ok(svg.includes('<linearGradient id="background-color-'));
+      assert.ok(svg.includes('fill="url(#background-color-'));
+    });
+
+    it('should apply gradient rotation', () => {
+      const svg = new Avatar(minimalStyle, {
+        backgroundColor: ['#ff0000', '#0000ff'],
+        backgroundColorFill: 'linear',
+        backgroundColorAngle: 45,
+      }).toString();
+
+      assert.ok(svg.includes('gradientTransform="rotate(45, 0.5, 0.5)"'));
+    });
+
+    it('should not render background without colors', () => {
+      const svg = new Avatar(minimalStyle).toString();
+
+      // The clipPath wrapper always emits a <rect>; only the background
+      // <rect> carries a fill attribute, so check for that specifically.
+      assert.ok(!/<rect[^>]*\sfill=/.test(svg));
+    });
+  });
+
+  describe('global transforms', () => {
+    it('should apply global rotation', () => {
+      const svg = new Avatar(minimalStyle, { rotate: 45 }).toString();
+
+      assert.ok(svg.includes('rotate(45, 50, 50)'));
+    });
+
+    it('should not apply global rotation when 0', () => {
+      const svg = new Avatar(minimalStyle, { rotate: 0 }).toString();
+
+      assert.ok(!svg.includes('rotate('));
+    });
+
+    it('should apply global translate as percentage', () => {
+      const svg = new Avatar(minimalStyle, {
+        translateX: 10,
+        translateY: -20,
+      }).toString();
+
+      assert.ok(svg.includes('translate(10, -20)'));
+    });
+  });
+
+  describe('metadata', () => {
+    it('should render metadata with Dublin Core fields', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        meta: {
+          creator: { name: 'John Doe' },
+          source: { name: 'My Style', url: 'https://example.com' },
+          license: { name: 'MIT', url: 'https://opensource.org/licenses/MIT' },
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('<metadata'));
+      assert.ok(svg.includes('xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'));
+      assert.ok(svg.includes('<dc:title>My Style</dc:title>'));
+      assert.ok(svg.includes('<dc:creator>John Doe</dc:creator>'));
+      assert.ok(svg.includes('<dc:source xsi:type="dcterms:URI">https://example.com</dc:source>'));
+      assert.ok(svg.includes('<dcterms:license xsi:type="dcterms:URI">https://opensource.org/licenses/MIT</dcterms:license>'));
+    });
+
+    it('should not render metadata when no meta', () => {
+      const svg = new Avatar(minimalStyle).toString();
+
+      assert.ok(!svg.includes('<metadata'));
+    });
+
+    it('should include dc:rights with license text', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        meta: {
+          creator: { name: 'Pablo Stanley' },
+          source: { name: 'Avataaars', url: 'https://avataaars.com' },
+          license: { name: 'CC BY 4.0', url: 'https://creativecommons.org/licenses/by/4.0/' },
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('Remix of'));
+      assert.ok(svg.includes('Avataaars'));
+      assert.ok(svg.includes('Pablo Stanley'));
+      assert.ok(svg.includes('CC BY 4.0'));
+    });
+
+    it('should not prefix "Remix of" for MIT licensed DiceBear styles', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        meta: {
+          creator: { name: 'DiceBear' },
+          source: { name: 'Initials' },
+          license: { name: 'MIT' },
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(!svg.includes('Remix of'));
+      assert.ok(svg.includes('Initials'));
+    });
+
+    it('should escape XML in metadata', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        meta: {
+          creator: { name: 'A & B' },
+          source: { name: '<Script>' },
+          license: { name: 'MIT' },
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('A &amp; B'));
+      assert.ok(svg.includes('&lt;Script&gt;'));
+    });
+  });
+
+  describe('variable attributes', () => {
+    it('should resolve font-family variable reference in attributes', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              attributes: { 'font-family': { type: 'variable', name: 'fontFamily' } },
+              children: [
+                { type: 'text', value: 'Hello' },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { fontFamily: 'Arial' }).toString();
+
+      assert.ok(svg.includes('font-family="Arial"'));
+    });
+
+    it('should resolve font-weight variable reference in attributes', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              attributes: { 'font-weight': { type: 'variable', name: 'fontWeight' } },
+              children: [
+                { type: 'text', value: 'Hello' },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style, { fontWeight: 700 }).toString();
+
+      assert.ok(svg.includes('font-weight="700"'));
+    });
+
+    it('should still accept plain string for font-family', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              attributes: { 'font-family': 'monospace' },
+              children: [
+                { type: 'text', value: 'Hello' },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('font-family="monospace"'));
+    });
+  });
+
+  describe('xml escaping', () => {
+    it('should escape attribute values', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            { type: 'element', name: 'rect', attributes: { d: 'a & b "c"' } },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(svg.includes('d="a &amp; b &quot;c&quot;"'));
+    });
+
+    it('should escape text content', () => {
+      const style = new Style({
+        canvas: {
+          width: 100,
+          height: 100,
+          elements: [
+            {
+              type: 'element',
+              name: 'text',
+              children: [
+                { type: 'text', value: '<script>alert("xss")</script>' },
+              ],
+            },
+          ],
+        },
+      });
+
+      const svg = new Avatar(style).toString();
+
+      assert.ok(!svg.includes('<script>'));
+      assert.ok(svg.includes('&lt;script&gt;'));
+    });
+  });
+});
diff --git a/src/js/core/tests/Resolver.test.js b/src/js/core/tests/Resolver.test.js
new file mode 100644
index 0000000..e7e5ac9
--- /dev/null
+++ b/src/js/core/tests/Resolver.test.js
@@ -0,0 +1,788 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Style } from '../lib/index.js';
+import { Options } from '../lib/Options.js';
+import { Resolver } from '../lib/Resolver.js';
+import { CircularColorReferenceError } from '../lib/Error/CircularColorReferenceError.js';
+
+const makeResolver = (style, data = {}) => new Resolver(style, new Options(data));
+
+const aliasFixture = {
+  canvas: {
+    width: 100,
+    height: 100,
+    elements: [
+      { type: 'component', name: 'eyes' },
+      { type: 'component', name: 'eyesRight' },
+    ],
+  },
+  components: {
+    eyes: {
+      width: 20,
+      height: 20,
+      variants: {
+        a: { elements: [] },
+        b: { elements: [] },
+        c: { elements: [] },
+        d: { elements: [] },
+        e: { elements: [] },
+      },
+    },
+    eyesRight: { extends: 'eyes' },
+  },
+};
+
+const minimalStyle = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+});
+
+const styleWithComponents = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+  components: {
+    eyes: {
+      width: 50,
+      height: 50,
+      variants: {
+        open: { elements: [] },
+        closed: { elements: [] },
+        wink: { elements: [] },
+      },
+    },
+  },
+});
+
+const styleWithColors = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+  colors: {
+    skin: {
+      values: ['#f0c8a0', '#d4a574', '#8d5524'],
+    },
+    hair: {
+      values: ['#2c1b18', '#b55239', '#d6b370'],
+      notEqualTo: ['skin'],
+    },
+    background: {
+      values: ['#ffffff', '#000000', '#cccccc'],
+      contrastTo: 'skin',
+    },
+  },
+});
+
+const styleWithWeights = new Style({
+  canvas: { width: 100, height: 100, elements: [] },
+  components: {
+    eyes: {
+      width: 50,
+      height: 50,
+      variants: {
+        common: { elements: [], weight: 10 },
+        rare: { elements: [], weight: 1 },
+        hidden: { elements: [], weight: 0 },
+      },
+    },
+  },
+});
+
+const minimal = {};
+
+const full = {
+  seed: 'test-seed',
+  size: 128,
+  idRandomization: true,
+  flip: ['horizontal', 'vertical'],
+  fontFamily: ['Arial', 'Helvetica'],
+  fontWeight: [400, 700],
+  scale: [0.8, 1.2],
+  borderRadius: [0, 50],
+  eyesProbability: 80,
+  eyesVariant: ['open', 'closed', 'wink'],
+  skinColor: ['#f0c8a0', '#d4a574'],
+  rotate: [-15, 15],
+  translateX: [-5, 5],
+  translateY: [-2, 2],
+};
+
+describe('Resolver', () => {
+  describe('constructor', () => {
+    it('should accept minimal options', () => {
+      const resolver = makeResolver(minimalStyle, minimal);
+
+      assert.ok(resolver);
+    });
+
+    it('should accept full options', () => {
+      const resolver = makeResolver(minimalStyle, full);
+
+      assert.ok(resolver);
+    });
+  });
+
+  describe('defaults', () => {
+    it('should return defaults for unset properties', () => {
+      const resolver = makeResolver(minimalStyle, minimal);
+
+      assert.equal(resolver.seed(), '');
+      assert.equal(resolver.size(), undefined);
+      assert.equal(resolver.idRandomization(), false);
+      assert.equal(resolver.flip(), 'none');
+      assert.equal(resolver.fontFamily(), 'system-ui');
+      assert.equal(resolver.fontWeight(), 400);
+      assert.equal(resolver.scale(), 1);
+      assert.equal(resolver.borderRadius(), 0);
+    });
+
+    it('should return defaults for pattern properties', () => {
+      const resolver = makeResolver(minimalStyle, minimal);
+
+      assert.equal(resolver.variant('eyes'), undefined);
+      assert.deepEqual(resolver.color('skin'), []);
+      assert.equal(resolver.colorFill('skin'), 'solid');
+      assert.equal(resolver.rotate(), 0);
+      assert.equal(resolver.translateX(), 0);
+      assert.equal(resolver.translateY(), 0);
+    });
+  });
+
+  describe('single values', () => {
+    it('should return single values as-is', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'my-seed',
+        size: 256,
+        idRandomization: true,
+        flip: 'horizontal',
+        fontFamily: 'Arial',
+        fontWeight: 700,
+        scale: 1.5,
+        borderRadius: 25,
+      });
+
+      assert.equal(resolver.seed(), 'my-seed');
+      assert.equal(resolver.size(), 256);
+      assert.equal(resolver.idRandomization(), true);
+      assert.equal(resolver.flip(), 'horizontal');
+      assert.equal(resolver.fontFamily(), 'Arial');
+      assert.equal(resolver.fontWeight(), 700);
+      assert.equal(resolver.scale(), 1.5);
+      assert.equal(resolver.borderRadius(), 25);
+    });
+
+    it('should return single pattern property values as-is', () => {
+      const resolver = makeResolver(minimalStyle, {
+        eyesProbability: 80,
+        eyesVariant: 'open',
+        skinColor: '#f0c8a0',
+        rotate: 45,
+        translateX: 5,
+        translateY: -3,
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+      assert.deepEqual(resolver.color('skin'), ['#f0c8a0']);
+      assert.equal(resolver.rotate(), 45);
+      assert.equal(resolver.translateX(), 5);
+      assert.equal(resolver.translateY(), -3);
+    });
+  });
+
+  describe('PRNG resolution', () => {
+    it('should be deterministic for the same seed', () => {
+      const a = makeResolver(minimalStyle, full);
+      const b = makeResolver(minimalStyle, full);
+
+      assert.equal(a.flip(), b.flip());
+      assert.equal(a.fontFamily(), b.fontFamily());
+      assert.equal(a.fontWeight(), b.fontWeight());
+      assert.equal(a.scale(), b.scale());
+      assert.equal(a.borderRadius(), b.borderRadius());
+      assert.equal(a.variant('eyes'), b.variant('eyes'));
+      assert.deepEqual(a.color('skin'), b.color('skin'));
+      assert.equal(a.rotate(), b.rotate());
+      assert.equal(a.translateX(), b.translateX());
+    });
+
+    it('should produce different results for different seeds', () => {
+      const a = makeResolver(minimalStyle, { ...full, seed: 'seed-a' });
+      const b = makeResolver(minimalStyle, { ...full, seed: 'seed-b' });
+
+      const results = [
+        a.flip() !== b.flip(),
+        a.fontFamily() !== b.fontFamily(),
+        a.scale() !== b.scale(),
+        a.rotate() !== b.rotate(),
+        a.variant('eyes') !== b.variant('eyes'),
+      ];
+
+      assert.ok(results.some(Boolean));
+    });
+
+    it('should pick from arrays', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'pick-test',
+        flip: ['horizontal', 'vertical'],
+        eyesVariant: ['open', 'closed', 'wink'],
+        skinColor: ['#f0c8a0', '#d4a574', '#8d5524'],
+      });
+
+      assert.ok(['horizontal', 'vertical'].includes(resolver.flip()));
+      assert.equal(resolver.variant('eyes'), undefined);
+      assert.equal(resolver.color('skin').length, 1);
+      assert.ok(['#f0c8a0', '#d4a574', '#8d5524'].includes(resolver.color('skin')[0]));
+    });
+
+    it('should pick colorFill from arrays', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'fill-test',
+        skinColorFill: ['solid', 'linear', 'radial'],
+      });
+
+      assert.ok(['solid', 'linear', 'radial'].includes(resolver.colorFill('skin')));
+    });
+
+    it('should return colorFillStops colors for gradient fills', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'gradient-test',
+        skinColor: ['#f0c8a0', '#d4a574', '#8d5524'],
+        skinColorFill: 'linear',
+        skinColorFillStops: 2,
+      });
+
+      const colors = resolver.color('skin');
+
+      assert.equal(colors.length, 2);
+
+      for (const c of colors) {
+        assert.ok(['#f0c8a0', '#d4a574', '#8d5524'].includes(c));
+      }
+    });
+
+    it('should default to 2 stops for gradient fills', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'gradient-default-test',
+        skinColor: ['#f0c8a0', '#d4a574', '#8d5524'],
+        skinColorFill: 'radial',
+      });
+
+      assert.equal(resolver.color('skin').length, 2);
+    });
+
+    it('should return single color for solid fill', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'solid-test',
+        skinColor: ['#f0c8a0', '#d4a574', '#8d5524'],
+        skinColorFill: 'solid',
+      });
+
+      const colors = resolver.color('skin');
+
+      assert.equal(colors.length, 1);
+      assert.ok(['#f0c8a0', '#d4a574', '#8d5524'].includes(colors[0]));
+    });
+
+    it('should interpolate ranges', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'range-test',
+        scale: [0.8, 1.2],
+        borderRadius: [0, 50],
+        rotate: [-15, 15],
+        translateX: [-5, 5],
+      });
+
+      assert.ok(resolver.scale() >= 0.8 && resolver.scale() <= 1.2);
+      assert.ok(resolver.borderRadius() >= 0 && resolver.borderRadius() <= 50);
+      assert.ok(resolver.rotate() >= -15 && resolver.rotate() <= 15);
+      assert.ok(resolver.translateX() >= -5 && resolver.translateX() <= 5);
+    });
+
+    it('should pick from fontWeight array (not interpolate)', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'fw-test',
+        fontWeight: [400, 700],
+      });
+
+      assert.ok([400, 700].includes(resolver.fontWeight()));
+    });
+  });
+
+  describe('probability / visibility', () => {
+    it('should return variant when probability is 100', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'visible-test',
+        eyesProbability: 100,
+      });
+
+      assert.ok(resolver.variant('eyes'));
+    });
+
+    it('should return undefined variant when probability is 0', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'hidden-test',
+        eyesProbability: 0,
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+    });
+
+    it('should return variant when probability is not set', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'default-visible-test',
+      });
+
+      assert.ok(resolver.variant('eyes'));
+    });
+  });
+
+  describe('colorFillStops via color()', () => {
+    it('should respect custom stops count', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'stops-test',
+        skinColor: ['#ff0000', '#00ff00', '#0000ff', '#ffffff'],
+        skinColorFill: 'linear',
+        skinColorFillStops: 3,
+      });
+
+      assert.equal(resolver.color('skin').length, 3);
+    });
+
+    it('should pick integer stops from range', () => {
+      for (let i = 0; i < 20; i++) {
+        const resolver = makeResolver(minimalStyle, {
+          seed: `stops-${i}`,
+          skinColor: ['#ff0000', '#00ff00', '#0000ff', '#ffffff', '#000000'],
+          skinColorFill: 'radial',
+          skinColorFillStops: [2, 4],
+        });
+
+        const count = resolver.color('skin').length;
+
+        assert.ok(count >= 2 && count <= 4);
+      }
+    });
+  });
+
+  describe('componentTransform()', () => {
+    it('should default to identity transform when component has no definition ranges', () => {
+      const resolver = makeResolver(styleWithComponents, { seed: 'identity' });
+      const t = resolver.componentTransform('eyes');
+
+      assert.equal(t.rotate, 0);
+      assert.equal(t.translateX, 0);
+      assert.equal(t.translateY, 0);
+      assert.equal(t.scale, 1);
+    });
+
+    it('should draw rotate from the component definition range', () => {
+      const styleWithRotate = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            rotate: { min: -10, max: 10 },
+            variants: { open: { elements: [] } },
+          },
+        },
+      });
+      const resolver = makeResolver(styleWithRotate, { seed: 'rotate' });
+      const t = resolver.componentTransform('eyes');
+
+      assert.ok(t.rotate >= -10 && t.rotate <= 10);
+    });
+
+    it('should be deterministic for the same seed', () => {
+      const a = makeResolver(styleWithComponents, { seed: 'pick' });
+      const b = makeResolver(styleWithComponents, { seed: 'pick' });
+
+      assert.deepEqual(a.componentTransform('eyes'), b.componentTransform('eyes'));
+    });
+
+    it('should return identity for an unknown component name', () => {
+      const resolver = makeResolver(minimalStyle, { seed: 'unknown' });
+      const t = resolver.componentTransform('missing');
+
+      assert.equal(t.rotate, 0);
+      assert.equal(t.translateX, 0);
+      assert.equal(t.translateY, 0);
+      assert.equal(t.scale, 1);
+    });
+  });
+
+  describe('component aliases', () => {
+    const aliasStyle = new Style(aliasFixture);
+
+    it('should silently ignore user options keyed against an alias component', () => {
+      const resolver = makeResolver(aliasStyle, {
+        seed: 'alias-key-ignored',
+        eyesVariant: 'a',
+        eyesRightVariant: 'b',
+      });
+
+      assert.equal(resolver.variant('eyes'), 'a');
+      assert.equal(resolver.variant('eyesRight'), 'a');
+    });
+
+    it('should propagate the source probability to the alias', () => {
+      const resolver = makeResolver(aliasStyle, {
+        seed: 'alias-probability',
+        eyesProbability: 0,
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+      assert.equal(resolver.variant('eyesRight'), undefined);
+    });
+
+    it('should resolve the alias variant via the source component variants', () => {
+      const resolver = makeResolver(aliasStyle, { seed: 'alias-variant' });
+      const result = resolver.variant('eyesRight');
+
+      const sourceVariants = aliasStyle
+        .components()
+        .get('eyes')
+        .variants();
+
+      assert.ok(sourceVariants.has(result));
+    });
+  });
+
+  describe('variant constraints', () => {
+    it('should only pick from style-defined variants', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'variant-test',
+        eyesVariant: ['open', 'closed', 'invalid'],
+      });
+
+      const result = resolver.variant('eyes');
+
+      assert.ok(result);
+      assert.ok(['open', 'closed', 'wink'].includes(result));
+      assert.notEqual(result, 'invalid');
+    });
+
+    it('should return undefined when no user variants match', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'fallback-test',
+        eyesVariant: ['invalid1', 'invalid2'],
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+    });
+
+    it('should yield undefined variant for an empty variant array', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'empty-test',
+        eyesVariant: [],
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+    });
+
+    it('should pick from style variants when no option is set', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'default-test',
+      });
+
+      const result = resolver.variant('eyes');
+
+      assert.ok(result);
+      assert.ok(['open', 'closed', 'wink'].includes(result));
+    });
+
+    it('should return undefined when component does not exist in style', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'no-component-test',
+        eyesVariant: 'open',
+      });
+
+      assert.equal(resolver.variant('eyes'), undefined);
+    });
+  });
+
+  describe('color constraints', () => {
+    it('should sort by contrast when contrastTo is set', () => {
+      const resolver = makeResolver(styleWithColors, {
+        seed: 'contrast-test',
+        skinColor: '#f0c8a0',
+        backgroundColor: ['#ffffff', '#000000', '#cccccc'],
+      });
+
+      const colors = resolver.color('background');
+
+      assert.equal(colors.length, 1);
+      assert.equal(colors[0], '#000000');
+    });
+
+    it('should filter colors matching notEqualTo references', () => {
+      const resolver = makeResolver(styleWithColors, {
+        seed: 'not-equal-test',
+        skinColor: '#f0c8a0',
+        hairColor: ['#f0c8a0', '#2c1b18', '#b55239'],
+      });
+
+      const colors = resolver.color('hair');
+
+      assert.equal(colors.length, 1);
+      assert.notEqual(colors[0], '#f0c8a0');
+    });
+
+    it('should ignore notEqualTo when all colors would be filtered', () => {
+      const resolver = makeResolver(styleWithColors, {
+        seed: 'all-filtered-test',
+        skinColor: '#f0c8a0',
+        hairColor: ['#f0c8a0'],
+      });
+
+      const colors = resolver.color('hair');
+
+      assert.equal(colors.length, 1);
+      assert.equal(colors[0], '#f0c8a0');
+    });
+
+    it('should cache color results', () => {
+      const resolver = makeResolver(styleWithColors, {
+        seed: 'cache-test',
+        skinColor: ['#f0c8a0', '#d4a574'],
+      });
+
+      assert.equal(resolver.color('skin'), resolver.color('skin'));
+    });
+
+    it('should handle colors without style definition', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'no-style-test',
+        customColor: ['#ff0000', '#00ff00'],
+      });
+
+      const colors = resolver.color('custom');
+
+      assert.equal(colors.length, 1);
+      assert.ok(['#ff0000', '#00ff00'].includes(colors[0]));
+    });
+
+    it('should throw CircularColorReferenceError on circular contrastTo', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        colors: {
+          a: { values: ['#ff0000', '#00ff00'], contrastTo: 'b' },
+          b: { values: ['#0000ff', '#ffffff'], contrastTo: 'a' },
+        },
+      });
+
+      const resolver = makeResolver(style, {
+        seed: 'circular-test',
+        aColor: ['#ff0000', '#00ff00'],
+        bColor: ['#0000ff', '#ffffff'],
+      });
+
+      try {
+        resolver.color('a');
+        assert.fail('Expected error');
+      } catch (e) {
+        assert.ok(e instanceof CircularColorReferenceError);
+        assert.deepEqual(e.chain, ['a', 'b', 'a']);
+        assert.ok(e.message.includes('a → b → a'));
+      }
+    });
+
+    it('should throw CircularColorReferenceError on circular notEqualTo', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        colors: {
+          a: { values: ['#ff0000'], notEqualTo: ['b'] },
+          b: { values: ['#00ff00'], notEqualTo: ['a'] },
+        },
+      });
+
+      const resolver = makeResolver(style, {
+        seed: 'circular-not-equal-test',
+        aColor: ['#ff0000'],
+        bColor: ['#00ff00'],
+      });
+
+      try {
+        resolver.color('a');
+        assert.fail('Expected error');
+      } catch (e) {
+        assert.ok(e instanceof CircularColorReferenceError);
+        assert.deepEqual(e.chain, ['a', 'b', 'a']);
+        assert.ok(e.message.includes('a → b → a'));
+      }
+    });
+  });
+
+  describe('resolved()', () => {
+    it('should include consumed values', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'test',
+        flip: ['horizontal', 'vertical'],
+        scale: [0.5, 1],
+      });
+
+      resolver.seed();
+      resolver.flip();
+      resolver.scale();
+
+      const resolved = resolver.resolved();
+
+      assert.ok(['horizontal', 'vertical', 'none'].includes(resolved.flip));
+      assert.equal(typeof resolved.scale, 'number');
+    });
+
+    it('should not include the seed', () => {
+      const resolver = makeResolver(minimalStyle, { seed: 'test' });
+
+      resolver.seed();
+
+      assert.ok(!('seed' in resolver.resolved()));
+    });
+
+    it('should include variant values', () => {
+      const resolver = makeResolver(styleWithComponents, {
+        seed: 'test',
+        eyesVariant: ['open', 'closed'],
+      });
+
+      resolver.variant('eyes');
+
+      const resolved = resolver.resolved();
+
+      assert.ok('eyesVariant' in resolved);
+      assert.ok(['open', 'closed', 'wink'].includes(resolved.eyesVariant));
+    });
+
+    it('should include color values', () => {
+      const resolver = makeResolver(styleWithColors, {
+        seed: 'test',
+        skinColor: ['#ff0000', '#00ff00'],
+      });
+
+      resolver.color('skin');
+
+      const resolved = resolver.resolved();
+
+      assert.ok('skinColor' in resolved);
+      assert.ok(Array.isArray(resolved.skinColor));
+    });
+
+    it('should return memoized values on repeated calls', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'test',
+        flip: ['horizontal', 'vertical'],
+      });
+
+      const first = resolver.flip();
+      const second = resolver.flip();
+
+      assert.equal(first, second);
+    });
+  });
+
+  describe('variant weights', () => {
+    it('should never pick a weight-0 variant via PRNG', () => {
+      for (let i = 0; i < 100; i++) {
+        const resolver = makeResolver(styleWithWeights, { seed: `weight-${i}` });
+        const result = resolver.variant('eyes');
+
+        assert.notEqual(result, 'hidden');
+      }
+    });
+
+    it('should allow weight-0 variant when explicitly specified as string', () => {
+      const resolver = makeResolver(styleWithWeights, {
+        seed: 'explicit-hidden',
+        eyesVariant: 'hidden',
+      });
+
+      assert.equal(resolver.variant('eyes'), 'hidden');
+    });
+
+    it('should favor higher-weight variants', () => {
+      let commonCount = 0;
+
+      for (let i = 0; i < 200; i++) {
+        const resolver = makeResolver(styleWithWeights, { seed: `favor-${i}` });
+
+        if (resolver.variant('eyes') === 'common') {
+          commonCount++;
+        }
+      }
+
+      assert.ok(commonCount > 100, `Expected common to be picked most of the time, got ${commonCount}/200`);
+    });
+
+    it('should override weights via object variant option', () => {
+      for (let i = 0; i < 100; i++) {
+        const resolver = makeResolver(styleWithWeights, {
+          seed: `override-${i}`,
+          eyesVariant: { hidden: 1 },
+        });
+
+        assert.equal(resolver.variant('eyes'), 'hidden');
+      }
+    });
+
+    it('should filter and weight via object variant option', () => {
+      for (let i = 0; i < 100; i++) {
+        const resolver = makeResolver(styleWithWeights, {
+          seed: `filter-${i}`,
+          eyesVariant: { common: 1, rare: 1 },
+        });
+
+        const result = resolver.variant('eyes');
+
+        assert.ok(['common', 'rare'].includes(result));
+      }
+    });
+
+    it('should fall back to uniform pick when all variants have weight 0', () => {
+      const style = new Style({
+        canvas: { width: 100, height: 100, elements: [] },
+        components: {
+          eyes: {
+            width: 50,
+            height: 50,
+            variants: {
+              a: { elements: [], weight: 0 },
+              b: { elements: [], weight: 0 },
+            },
+          },
+        },
+      });
+      const resolver = makeResolver(style, { seed: 'all-zero' });
+
+      assert.ok(['a', 'b'].includes(resolver.variant('eyes')));
+    });
+
+    it('should be deterministic with weights', () => {
+      const a = makeResolver(styleWithWeights, { seed: 'deterministic-test' });
+      const b = makeResolver(styleWithWeights, { seed: 'deterministic-test' });
+
+      assert.equal(a.variant('eyes'), b.variant('eyes'));
+    });
+  });
+
+  describe('colorAngle', () => {
+    it('should return 0 by default', () => {
+      const resolver = makeResolver(minimalStyle, {});
+
+      assert.equal(resolver.colorAngle('skin'), 0);
+    });
+
+    it('should return single value as-is', () => {
+      const resolver = makeResolver(minimalStyle, {
+        skinColorAngle: 45,
+      });
+
+      assert.equal(resolver.colorAngle('skin'), 45);
+    });
+
+    it('should interpolate range', () => {
+      const resolver = makeResolver(minimalStyle, {
+        seed: 'angle-test',
+        skinColorAngle: [-90, 90],
+      });
+
+      const value = resolver.colorAngle('skin');
+
+      assert.ok(value >= -90 && value <= 90);
+    });
+  });
+});
diff --git a/src/js/core/tests/Style.test.js b/src/js/core/tests/Style.test.js
new file mode 100644
index 0000000..1662649
--- /dev/null
+++ b/src/js/core/tests/Style.test.js
@@ -0,0 +1,437 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Style } from '../lib/index.js';
+import { StyleValidationError } from '../lib/Error/StyleValidationError.js';
+import { ValidationError } from '../lib/Error/ValidationError.js';
+
+const minimal = {
+  canvas: { width: 100, height: 100, elements: [] },
+};
+
+const full = {
+  $schema: 'https://example.com/schema.json',
+  $comment: 'Test style',
+  meta: {
+    license: { name: 'MIT', url: 'https://example.com/license', text: 'MIT License' },
+    creator: { name: 'Test', url: 'https://example.com' },
+    source: { name: 'Source', url: 'https://example.com/source' },
+  },
+  canvas: {
+    width: 200,
+    height: 200,
+    elements: [
+      {
+        type: 'element',
+        name: 'rect',
+        attributes: { width: '100', height: '100', fill: '#ff0000' },
+        children: [
+          { type: 'text', value: 'hello' },
+        ],
+      },
+      {
+        type: 'component',
+        name: 'eyes',
+      },
+      {
+        type: 'text',
+        value: { type: 'variable', name: 'initials' },
+      },
+    ],
+  },
+  components: {
+    eyes: {
+      width: 50,
+      height: 50,
+      probability: 100,
+      rotate: { min: -10, max: 10 },
+      translate: { x: { min: 0, max: 5 }, y: { min: -2, max: 2 } },
+      variants: {
+        open: {
+          elements: [
+            { type: 'element', name: 'circle', attributes: { r: '10', cx: '25', cy: '25' } },
+          ],
+        },
+        closed: {
+          elements: [
+            { type: 'element', name: 'line', attributes: { x1: '10', y1: '25', x2: '40', y2: '25' } },
+          ],
+        },
+      },
+    },
+  },
+  colors: {
+    skin: {
+      values: ['#f0c8a0', '#d4a574', '#8d5524'],
+    },
+    hair: {
+      values: ['#2c1b18', '#b55239'],
+      notEqualTo: ['skin'],
+    },
+    background: {
+      values: ['#ffffff', '#000000'],
+      contrastTo: 'skin',
+    },
+  },
+};
+
+describe('Style', () => {
+  describe('constructor', () => {
+    it('should accept a minimal definition', () => {
+      const style = new Style(minimal);
+
+      assert.ok(style);
+    });
+
+    it('should accept a full definition', () => {
+      const style = new Style(full);
+
+      assert.ok(style);
+    });
+
+    it('should throw StyleValidationError for invalid data', () => {
+      assert.throws(() => new Style({}), StyleValidationError);
+    });
+
+    it('should throw an instance of ValidationError', () => {
+      assert.throws(() => new Style({}), ValidationError);
+    });
+
+    it('should throw an instance of Error', () => {
+      assert.throws(() => new Style({}), Error);
+    });
+
+    it('should include details on the error', () => {
+      try {
+        new Style({});
+        assert.fail('Expected error');
+      } catch (e) {
+        assert.ok(e instanceof StyleValidationError);
+        assert.ok(Array.isArray(e.details));
+        assert.ok(e.details.length > 0);
+      }
+    });
+  });
+
+  describe('primitive methods', () => {
+    it('should return schema', () => {
+      assert.equal(new Style(full).schema(), full.$schema);
+    });
+
+    it('should return comment', () => {
+      assert.equal(new Style(full).comment(), full.$comment);
+    });
+
+    it('should return undefined for missing optional primitives', () => {
+      const style = new Style(minimal);
+
+      assert.equal(style.schema(), undefined);
+      assert.equal(style.comment(), undefined);
+    });
+
+    it('should return defaults for missing optional objects', () => {
+      const style = new Style(minimal);
+
+      assert.ok(style.meta());
+      assert.equal(style.meta().license().name(), undefined);
+      assert.equal(style.meta().creator().name(), undefined);
+      assert.equal(style.meta().source().name(), undefined);
+      assert.deepEqual(style.attributes(), {});
+    });
+  });
+
+  describe('canvas', () => {
+    it('should return width and height', () => {
+      const style = new Style(full);
+
+      assert.equal(style.canvas().width(), 200);
+      assert.equal(style.canvas().height(), 200);
+    });
+
+    it('should return elements', () => {
+      const style = new Style(full);
+
+      assert.equal(style.canvas().elements().length, 3);
+      assert.equal(style.canvas().elements()[0].type(), 'element');
+      assert.equal(style.canvas().elements()[0].name(), 'rect');
+      assert.equal(style.canvas().elements()[1].type(), 'component');
+      assert.equal(style.canvas().elements()[1].name(), 'eyes');
+    });
+
+    it('should return element children', () => {
+      const style = new Style(full);
+      const children = style.canvas().elements()[0].children();
+
+      assert.ok(children);
+      assert.equal(children.length, 1);
+      assert.equal(children[0].type(), 'text');
+      assert.equal(children[0].value(), 'hello');
+    });
+
+    it('should return element attributes', () => {
+      const style = new Style(full);
+      const attrs = style.canvas().elements()[0].attributes();
+
+      assert.ok(attrs);
+      assert.equal(attrs['width'], '100');
+      assert.equal(attrs['fill'], '#ff0000');
+    });
+
+    it('should return element with variable reference value', () => {
+      const style = new Style(full);
+      const el = style.canvas().elements()[2];
+
+      assert.equal(el.type(), 'text');
+      assert.deepEqual(el.value(), { type: 'variable', name: 'initials' });
+    });
+
+    it('should cache elements', () => {
+      const style = new Style(full);
+
+      assert.equal(style.canvas().elements(), style.canvas().elements());
+    });
+  });
+
+  describe('meta', () => {
+    it('should return license', () => {
+      const style = new Style(full);
+
+      assert.ok(style.meta().license());
+      assert.equal(style.meta().license().name(), 'MIT');
+      assert.equal(style.meta().license().url(), 'https://example.com/license');
+      assert.equal(style.meta().license().text(), 'MIT License');
+    });
+
+    it('should return creator', () => {
+      const style = new Style(full);
+
+      assert.ok(style.meta().creator());
+      assert.equal(style.meta().creator().name(), 'Test');
+      assert.equal(style.meta().creator().url(), 'https://example.com');
+    });
+
+    it('should return source', () => {
+      const style = new Style(full);
+
+      assert.ok(style.meta().source());
+      assert.equal(style.meta().source().name(), 'Source');
+    });
+
+    it('should cache meta', () => {
+      const style = new Style(full);
+
+      assert.equal(style.meta(), style.meta());
+    });
+  });
+
+  describe('components', () => {
+    it('should return components as a Map', () => {
+      const style = new Style(full);
+
+      assert.ok(style.components() instanceof Map);
+      assert.equal(style.components().size, 1);
+      assert.ok(style.components().has('eyes'));
+    });
+
+    it('should return component properties', () => {
+      const style = new Style(full);
+      const eyes = style.components().get('eyes');
+
+      assert.ok(eyes);
+      assert.equal(eyes.width(), 50);
+      assert.equal(eyes.height(), 50);
+      assert.equal(eyes.probability(), 100);
+      assert.deepEqual(eyes.rotate(), { min: -10, max: 10 });
+    });
+
+    it('should return component translate', () => {
+      const style = new Style(full);
+      const translate = style.components().get('eyes')?.translate();
+
+      assert.ok(translate);
+      assert.deepEqual(translate.x(), { min: 0, max: 5 });
+      assert.deepEqual(translate.y(), { min: -2, max: 2 });
+    });
+
+    it('should return component variants as a Map', () => {
+      const style = new Style(full);
+      const eyes = style.components().get('eyes');
+
+      assert.ok(eyes);
+      assert.ok(eyes.variants() instanceof Map);
+      assert.equal(eyes.variants().size, 2);
+      assert.ok(eyes.variants().has('open'));
+      assert.ok(eyes.variants().has('closed'));
+    });
+
+    it('should return variant elements', () => {
+      const style = new Style(full);
+      const open = style.components().get('eyes')?.variants().get('open');
+
+      assert.ok(open);
+      assert.equal(open.elements().length, 1);
+      assert.equal(open.elements()[0].name(), 'circle');
+    });
+
+    it('should return empty Map when no components', () => {
+      const style = new Style(minimal);
+
+      assert.equal(style.components().size, 0);
+    });
+
+    it('should cache components', () => {
+      const style = new Style(full);
+
+      assert.equal(style.components(), style.components());
+    });
+  });
+
+  describe('component aliases', () => {
+    const aliasDefinition = {
+      canvas: { width: 100, height: 100, elements: [] },
+      components: {
+        eyes: {
+          width: 50,
+          height: 60,
+          probability: 80,
+          rotate: { min: -10, max: 10 },
+          scale: { min: 0.9, max: 1.1 },
+          translate: { x: { min: -5, max: 5 }, y: { min: -2, max: 2 } },
+          variants: {
+            open: { elements: [{ type: 'element', name: 'circle', attributes: { r: '5' } }] },
+            closed: { elements: [{ type: 'element', name: 'line', attributes: { x1: '0', x2: '10' } }] },
+          },
+        },
+        eyesRight: { extends: 'eyes' },
+      },
+    };
+
+    it('should expose aliases as map entries', () => {
+      const style = new Style(aliasDefinition);
+
+      assert.ok(style.components().has('eyesRight'));
+      assert.equal(style.components().get('eyesRight').extendsName(), 'eyes');
+      assert.equal(style.components().get('eyes').extendsName(), undefined);
+    });
+
+    it('should inherit width and height from the source', () => {
+      const alias = new Style(aliasDefinition).components().get('eyesRight');
+
+      assert.equal(alias.width(), 50);
+      assert.equal(alias.height(), 60);
+    });
+
+    it('should inherit variants from the source', () => {
+      const alias = new Style(aliasDefinition).components().get('eyesRight');
+
+      assert.deepEqual(Array.from(alias.variants().keys()), ['open', 'closed']);
+    });
+
+    it('should delegate probability/rotate/scale/translate to the source', () => {
+      const alias = new Style(aliasDefinition).components().get('eyesRight');
+
+      assert.equal(alias.probability(), 80);
+      assert.deepEqual(alias.rotate(), { min: -10, max: 10 });
+      assert.deepEqual(alias.scale(), { min: 0.9, max: 1.1 });
+      assert.deepEqual(alias.translate().x(), { min: -5, max: 5 });
+      assert.deepEqual(alias.translate().y(), { min: -2, max: 2 });
+    });
+
+    it('should reject definition-level overrides on alias components', () => {
+      assert.throws(
+        () =>
+          new Style({
+            canvas: { width: 100, height: 100, elements: [] },
+            components: {
+              eyes: {
+                width: 50,
+                height: 50,
+                variants: { open: { elements: [] } },
+              },
+              eyesRight: {
+                extends: 'eyes',
+                probability: 50,
+              },
+            },
+          }),
+        StyleValidationError,
+      );
+    });
+
+    it('should reject extends pointing at an unknown component', () => {
+      assert.throws(
+        () =>
+          new Style({
+            canvas: { width: 100, height: 100, elements: [] },
+            components: {
+              eyesRight: { extends: 'missing' },
+            },
+          }),
+        StyleValidationError,
+      );
+    });
+
+    it('should reject extends pointing at another alias', () => {
+      assert.throws(
+        () =>
+          new Style({
+            canvas: { width: 100, height: 100, elements: [] },
+            components: {
+              eyes: {
+                width: 10,
+                height: 10,
+                variants: { open: { elements: [] } },
+              },
+              eyesRight: { extends: 'eyes' },
+              eyesRightAgain: { extends: 'eyesRight' },
+            },
+          }),
+        StyleValidationError,
+      );
+    });
+  });
+
+  describe('colors', () => {
+    it('should return colors as a Map', () => {
+      const style = new Style(full);
+
+      assert.ok(style.colors() instanceof Map);
+      assert.equal(style.colors().size, 3);
+    });
+
+    it('should return color values', () => {
+      const style = new Style(full);
+      const skin = style.colors().get('skin');
+
+      assert.ok(skin);
+      assert.deepEqual(skin.values(), ['#f0c8a0', '#d4a574', '#8d5524']);
+    });
+
+    it('should return notEqualTo', () => {
+      const style = new Style(full);
+      const hair = style.colors().get('hair');
+
+      assert.ok(hair);
+      assert.deepEqual(hair.notEqualTo(), ['skin']);
+    });
+
+    it('should return contrastTo', () => {
+      const style = new Style(full);
+      const bg = style.colors().get('background');
+
+      assert.ok(bg);
+      assert.equal(bg.contrastTo(), 'skin');
+    });
+
+    it('should return empty Map when no colors', () => {
+      const style = new Style(minimal);
+
+      assert.equal(style.colors().size, 0);
+    });
+
+    it('should cache colors', () => {
+      const style = new Style(full);
+
+      assert.equal(style.colors(), style.colors());
+    });
+  });
+});
diff --git a/src/js/core/tests/Utils/Color.test.js b/src/js/core/tests/Utils/Color.test.js
new file mode 100644
index 0000000..ad8809a
--- /dev/null
+++ b/src/js/core/tests/Utils/Color.test.js
@@ -0,0 +1,132 @@
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { Color } from '../../lib/Utils/Color.js';
+
+describe('Color', () => {
+  describe('toRgbHex', () => {
+    it('should normalize 6-digit hex', () => {
+      assert.equal(Color.toRgbHex('#ff0000'), '#ff0000');
+    });
+
+    it('should normalize 3-digit hex', () => {
+      assert.equal(Color.toRgbHex('#f00'), '#ff0000');
+    });
+
+    it('should normalize 4-digit hex (strip alpha)', () => {
+      assert.equal(Color.toRgbHex('#f008'), '#ff0000');
+    });
+
+    it('should normalize 8-digit hex (strip alpha)', () => {
+      assert.equal(Color.toRgbHex('#ff000080'), '#ff0000');
+    });
+
+    it('should lowercase', () => {
+      assert.equal(Color.toRgbHex('#FF0000'), '#ff0000');
+      assert.equal(Color.toRgbHex('#F00'), '#ff0000');
+    });
+
+    it('should handle missing # prefix', () => {
+      assert.equal(Color.toRgbHex('ff0000'), '#ff0000');
+      assert.equal(Color.toRgbHex('f00'), '#ff0000');
+    });
+  });
+
+  describe('parseHex', () => {
+    it('should parse 6-digit hex', () => {
+      assert.deepEqual(Color.parseHex('#ff0000'), [255, 0, 0]);
+      assert.deepEqual(Color.parseHex('#00ff00'), [0, 255, 0]);
+      assert.deepEqual(Color.parseHex('#0000ff'), [0, 0, 255]);
+    });
+
+    it('should parse 3-digit hex', () => {
+      assert.deepEqual(Color.parseHex('#f00'), [255, 0, 0]);
+      assert.deepEqual(Color.parseHex('#fff'), [255, 255, 255]);
+    });
+
+    it('should parse 4-digit hex', () => {
+      assert.deepEqual(Color.parseHex('#f008'), [255, 0, 0]);
+    });
+
+    it('should parse 8-digit hex', () => {
+      assert.deepEqual(Color.parseHex('#ff000080'), [255, 0, 0]);
+    });
+
+    it('should be case-insensitive', () => {
+      assert.deepEqual(Color.parseHex('#FF0000'), [255, 0, 0]);
+    });
+  });
+
+  describe('luminance', () => {
+    it('should return 0 for black', () => {
+      assert.equal(Color.luminance('#000000'), 0);
+    });
+
+    it('should return 1 for white', () => {
+      assert.equal(Color.luminance('#ffffff'), 1);
+    });
+
+    it('should return correct value for mid-gray', () => {
+      const lum = Color.luminance('#808080');
+
+      assert.ok(lum > 0.2 && lum < 0.25);
+    });
+
+    it('should handle 3-digit hex', () => {
+      assert.equal(Color.luminance('#000'), 0);
+      assert.equal(Color.luminance('#fff'), 1);
+    });
+  });
+
+  describe('sortByContrast', () => {
+    it('should sort by descending contrast to reference', () => {
+      const result = Color.sortByContrast(['#ffffff', '#808080', '#000000'], '#ffffff');
+
+      assert.equal(result[0], '#000000');
+      assert.equal(result[2], '#ffffff');
+    });
+
+    it('should sort relative to a colored reference', () => {
+      const result = Color.sortByContrast(['#000000', '#ffffff'], '#f0c8a0');
+
+      assert.equal(result[0], '#000000');
+    });
+
+    it('should not change array length', () => {
+      const result = Color.sortByContrast(['#ff0000', '#00ff00', '#0000ff'], '#ffffff');
+
+      assert.equal(result.length, 3);
+    });
+  });
+
+  describe('filterNotEqualTo', () => {
+    it('should filter exact matches', () => {
+      const result = Color.filterNotEqualTo(['#ff0000', '#00ff00', '#0000ff'], ['#ff0000']);
+
+      assert.deepEqual(result, ['#00ff00', '#0000ff']);
+    });
+
+    it('should filter case-insensitively', () => {
+      const result = Color.filterNotEqualTo(['#ff0000', '#00ff00'], ['#FF0000']);
+
+      assert.deepEqual(result, ['#00ff00']);
+    });
+
+    it('should match short and long hex forms', () => {
+      const result = Color.filterNotEqualTo(['#ff0000', '#00ff00'], ['#f00']);
+
+      assert.deepEqual(result, ['#00ff00']);
+    });
+
+    it('should keep all when filtering would empty the list', () => {
+      const result = Color.filterNotEqualTo(['#ff0000'], ['#ff0000']);
+
+      assert.deepEqual(result, ['#ff0000']);
+    });
+
+    it('should handle multiple exclusions', () => {
+      const result = Color.filterNotEqualTo(['#ff0000', '#00ff00', '#0000ff'], ['#ff0000', '#0000ff']);
+
+      assert.deepEqual(result, ['#00ff00']);
+    });
+  });
+});
diff --git a/src/js/core/tsconfig.json b/src/js/core/tsconfig.json
new file mode 100644
index 0000000..e97031a
--- /dev/null
+++ b/src/js/core/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "@tsconfig/recommended/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": false,
+    "module": "ES2020",
+    "target": "ES2021",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "declaration": true,
+    "outDir": "./lib"
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.js"]
+}
diff --git a/src/php/core/.gitignore b/src/php/core/.gitignore
new file mode 100644
index 0000000..e85008a
--- /dev/null
+++ b/src/php/core/.gitignore
@@ -0,0 +1,12 @@
+# Cache and log files
+.DS_Store
+
+# Dependencies
+vendor
+composer.lock
+
+# PHPUnit
+.phpunit.result.cache
+
+# PHP-CS-Fixer
+.php-cs-fixer.cache
diff --git a/src/php/core/.php-cs-fixer.php b/src/php/core/.php-cs-fixer.php
new file mode 100644
index 0000000..432788b
--- /dev/null
+++ b/src/php/core/.php-cs-fixer.php
@@ -0,0 +1,20 @@
+<?php
+
+$finder = (new PhpCsFixer\Finder())
+    ->in(__DIR__ . '/src')
+    ->in(__DIR__ . '/tests');
+
+return (new PhpCsFixer\Config())
+    ->setRules([
+        '@PER-CS' => true,
+        'strict_param' => true,
+        'array_syntax' => ['syntax' => 'short'],
+        'no_unused_imports' => true,
+        'ordered_imports' => ['sort_algorithm' => 'alpha'],
+        'phpdoc_to_comment' => true,
+        'single_line_comment_style' => ['comment_types' => ['asterisk', 'hash']],
+        'single_quote' => true,
+        'trailing_comma_in_multiline' => true,
+    ])
+    ->setFinder($finder)
+    ->setRiskyAllowed(true);
diff --git a/src/php/core/LICENSE b/src/php/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/php/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/php/core/README.md b/src/php/core/README.md
new file mode 100644
index 0000000..0d11d81
--- /dev/null
+++ b/src/php/core/README.md
@@ -0,0 +1,62 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (PHP)</h1>
+
+PHP implementation of the DiceBear avatar library. Generates deterministic SVG
+avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/php-library/)
+
+## Installation
+
+```sh
+composer require dicebear/core
+```
+
+Requires PHP 8.2+ and the `mbstring` extension.
+
+## Usage
+
+```php
+use DiceBear\Avatar;
+
+// From a style definition (JSON-decoded array)
+$definition = json_decode(file_get_contents('path/to/style.json'), true);
+
+$avatar = new Avatar($definition, [
+    'seed' => 'John Doe',
+    'size' => 128,
+]);
+
+echo $avatar;              // SVG string
+echo $avatar->toDataUri(); // data:image/svg+xml;charset=utf-8,...
+```
+
+### Using the Style class
+
+```php
+use DiceBear\Style;
+use DiceBear\Avatar;
+
+$style = new Style($definition);
+
+// Create multiple avatars from the same style
+$avatar1 = new Avatar($style, ['seed' => 'Alice']);
+$avatar2 = new Avatar($style, ['seed' => 'Bob']);
+```
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/php/core/composer.json b/src/php/core/composer.json
new file mode 100644
index 0000000..cb88f98
--- /dev/null
+++ b/src/php/core/composer.json
@@ -0,0 +1,34 @@
+{
+  "name": "dicebear/core",
+  "description": "Unique avatars from dozens of styles — deterministic, customizable, vector-based.",
+  "type": "library",
+  "license": "MIT",
+  "keywords": [
+    "dicebear",
+    "avatar",
+    "svg"
+  ],
+  "require": {
+    "php": ">=8.2",
+    "ext-mbstring": "*",
+    "opis/json-schema": "^2.6",
+    "dicebear/schema": "^1.1.0"
+  },
+  "require-dev": {
+    "phpunit/phpunit": "^11.0",
+    "phpstan/phpstan": "^2.0",
+    "friendsofphp/php-cs-fixer": "^3.0"
+  },
+  "autoload": {
+    "psr-4": {
+      "DiceBear\\": "src/"
+    }
+  },
+  "autoload-dev": {
+    "psr-4": {
+      "DiceBear\\Tests\\": "tests/"
+    }
+  },
+  "minimum-stability": "dev",
+  "prefer-stable": true
+}
diff --git a/src/php/core/phpstan.neon b/src/php/core/phpstan.neon
new file mode 100644
index 0000000..6e451fa
--- /dev/null
+++ b/src/php/core/phpstan.neon
@@ -0,0 +1,4 @@
+parameters:
+    level: 6
+    paths:
+        - src
diff --git a/src/php/core/phpunit.xml b/src/php/core/phpunit.xml
new file mode 100644
index 0000000..cb9b6b5
--- /dev/null
+++ b/src/php/core/phpunit.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true">
+    <testsuites>
+        <testsuite name="default">
+            <directory>tests</directory>
+        </testsuite>
+    </testsuites>
+</phpunit>
diff --git a/src/php/core/src/Avatar.php b/src/php/core/src/Avatar.php
new file mode 100644
index 0000000..b773f58
--- /dev/null
+++ b/src/php/core/src/Avatar.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+/**
+ * Top-level entry point for rendering an avatar from a style and options.
+ *
+ * Construction immediately resolves and renders the SVG; the various
+ * accessor methods return different serializations of that result.
+ */
+class Avatar
+{
+    private string $svg;
+    /** @var array<string, mixed> */
+    private array $resolvedOptions;
+
+    /**
+     * Pass a {@see Style} instance. Passing a raw definition array is
+     * deprecated and will be removed in v11; wrap it with `new Style(...)` and
+     * reuse the instance across avatars.
+     *
+     * @param array<string, mixed> $optionsInput
+     */
+    public function __construct(mixed $styleInput, array $optionsInput = [])
+    {
+        if (!$styleInput instanceof Style) {
+            trigger_error(
+                'Passing a style definition to ' . self::class . ' is deprecated and '
+                    . 'will be removed in v11. Wrap it in a Style first: '
+                    . 'new Avatar(new Style($definition), $options).',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        $style = $styleInput instanceof Style ? $styleInput : new Style($styleInput);
+        $options = new Options($optionsInput);
+        $resolver = new Resolver($style, $options);
+
+        $this->svg = (new Renderer($style, $resolver))->render();
+        $this->resolvedOptions = $resolver->resolved();
+    }
+
+    public function __toString(): string
+    {
+        return $this->svg;
+    }
+
+    /**
+     * Returns the rendered SVG markup.
+     */
+    public function toString(): string
+    {
+        return $this->svg;
+    }
+
+    /**
+     * Returns the avatar as an associative array containing the SVG and the
+     * fully resolved options used to render it.
+     *
+     * @return array<string, mixed>
+     */
+    public function toJSON(): array
+    {
+        return [
+            'svg' => $this->svg,
+            'options' => $this->resolvedOptions,
+        ];
+    }
+
+    /**
+     * Returns the SVG encoded as a `data:image/svg+xml` URI.
+     *
+     * Encodes exactly like JavaScript's `encodeURIComponent`: `rawurlencode`
+     * additionally escapes `!*'()`, so those are reverted to stay byte-identical
+     * with the other ports.
+     */
+    public function toDataUri(): string
+    {
+        $encoded = strtr(rawurlencode($this->svg), [
+            '%21' => '!',
+            '%2A' => '*',
+            '%27' => "'",
+            '%28' => '(',
+            '%29' => ')',
+        ]);
+
+        return 'data:image/svg+xml;charset=utf-8,' . $encoded;
+    }
+}
diff --git a/src/php/core/src/Error/CircularColorReferenceError.php b/src/php/core/src/Error/CircularColorReferenceError.php
new file mode 100644
index 0000000..cdd10be
--- /dev/null
+++ b/src/php/core/src/Error/CircularColorReferenceError.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Error;
+
+/**
+ * Thrown when a color in the style definition references itself, directly or
+ * indirectly. The {@see $chain} field reproduces the resolution path.
+ */
+class CircularColorReferenceError extends \RuntimeException
+{
+    /** @var list<string> */
+    public readonly array $chain;
+
+    /**
+     * @param list<string> $chain
+     */
+    public function __construct(array $chain)
+    {
+        $path = implode(' → ', $chain);
+
+        parent::__construct("Circular color reference: {$path}");
+        $this->chain = $chain;
+    }
+}
diff --git a/src/php/core/src/Error/OptionsValidationError.php b/src/php/core/src/Error/OptionsValidationError.php
new file mode 100644
index 0000000..7e81ba2
--- /dev/null
+++ b/src/php/core/src/Error/OptionsValidationError.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Error;
+
+/**
+ * Thrown when avatar options fail schema validation.
+ */
+class OptionsValidationError extends ValidationError
+{
+    /**
+     * @param list<array{message?: string, instancePath?: string}> $details
+     */
+    public function __construct(array $details)
+    {
+        parent::__construct('Invalid options', $details);
+    }
+}
diff --git a/src/php/core/src/Error/StyleValidationError.php b/src/php/core/src/Error/StyleValidationError.php
new file mode 100644
index 0000000..802202a
--- /dev/null
+++ b/src/php/core/src/Error/StyleValidationError.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Error;
+
+/**
+ * Thrown when a style definition fails schema validation.
+ */
+class StyleValidationError extends ValidationError
+{
+    /**
+     * @param list<array{message?: string, instancePath?: string}> $details
+     */
+    public function __construct(array $details)
+    {
+        parent::__construct('Invalid style definition', $details);
+    }
+}
diff --git a/src/php/core/src/Error/ValidationError.php b/src/php/core/src/Error/ValidationError.php
new file mode 100644
index 0000000..ebff2ce
--- /dev/null
+++ b/src/php/core/src/Error/ValidationError.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Error;
+
+/**
+ * Base class for schema validation errors. Carries the prefix in the
+ * exception message and the per-field failures in {@see $details}.
+ */
+class ValidationError extends \RuntimeException
+{
+    /** @var list<array{message?: string, instancePath?: string}> */
+    public readonly array $details;
+
+    /**
+     * @param list<array{message?: string, instancePath?: string}> $details
+     */
+    public function __construct(string $prefix, array $details)
+    {
+        $parts = [];
+
+        foreach ($details as $detail) {
+            $segments = [];
+
+            if (isset($detail['instancePath']) && $detail['instancePath'] !== '') {
+                $segments[] = $detail['instancePath'];
+            }
+
+            if (isset($detail['message']) && $detail['message'] !== '') {
+                $segments[] = $detail['message'];
+            }
+
+            $parts[] = implode(' ', $segments);
+        }
+
+        parent::__construct($prefix . ': ' . implode(', ', $parts));
+        $this->details = $details;
+    }
+}
diff --git a/src/php/core/src/Options.php b/src/php/core/src/Options.php
new file mode 100644
index 0000000..62cc950
--- /dev/null
+++ b/src/php/core/src/Options.php
@@ -0,0 +1,213 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+use DiceBear\Validator\OptionsValidator;
+
+/**
+ * Validates the raw user-supplied options and exposes them through typed
+ * accessors. Each accessor returns the user's input in a normalized form
+ * (always a list for options that accept either a scalar or a list, or
+ * `null` when the option is not set), so consumers — chiefly
+ * {@see Resolver} — never have to do their own normalization.
+ *
+ * Resolution against the style definition and the PRNG happens in
+ * {@see Resolver}; this class is purely about reading user input.
+ *
+ * @internal
+ */
+class Options
+{
+    /** @var array<string, mixed> */
+    private array $data;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(array $data = [])
+    {
+        OptionsValidator::validate($data);
+
+        $this->data = $data;
+    }
+
+    public function seed(): ?string
+    {
+        return $this->data['seed'] ?? null;
+    }
+
+    public function size(): ?int
+    {
+        return $this->data['size'] ?? null;
+    }
+
+    public function idRandomization(): ?bool
+    {
+        return $this->data['idRandomization'] ?? null;
+    }
+
+    public function title(): ?string
+    {
+        return $this->data['title'] ?? null;
+    }
+
+    /** @return list<string> */
+    public function flip(): array
+    {
+        return $this->asArray($this->data['flip'] ?? null);
+    }
+
+    /** @return list<string> */
+    public function fontFamily(): array
+    {
+        return $this->asArray($this->data['fontFamily'] ?? null);
+    }
+
+    /** @return list<int|float> */
+    public function fontWeight(): array
+    {
+        return $this->asArray($this->data['fontWeight'] ?? null);
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function scale(): ?array
+    {
+        return $this->toRange($this->data['scale'] ?? null);
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function borderRadius(): ?array
+    {
+        return $this->toRange($this->data['borderRadius'] ?? null);
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function rotate(): ?array
+    {
+        return $this->toRange($this->data['rotate'] ?? null);
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function translateX(): ?array
+    {
+        return $this->toRange($this->data['translateX'] ?? null);
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function translateY(): ?array
+    {
+        return $this->toRange($this->data['translateY'] ?? null);
+    }
+
+    /**
+     * Returns the user-set variant constraint for `$name` as a weighted map,
+     * or `null` when `${name}Variant` is unset. A bare string or string list
+     * is normalized to a map with each entry weighted `1`.
+     *
+     * @return array<string, int|float>|null
+     */
+    public function componentVariant(string $name): ?array
+    {
+        $raw = $this->dynamic($name . 'Variant');
+
+        if ($raw === null) {
+            return null;
+        }
+
+        if (is_string($raw)) {
+            return [$raw => 1];
+        }
+
+        if (is_array($raw) && array_is_list($raw)) {
+            /** @var array<string, int|float> */
+            return array_fill_keys($raw, 1);
+        }
+
+        /** @var array<string, int|float> */
+        return $raw;
+    }
+
+    public function componentProbability(string $name): int|float|null
+    {
+        return $this->dynamic($name . 'Probability');
+    }
+
+    /**
+     * Asymmetric on purpose: returns `null` (rather than `[]`) when
+     * `${name}Color` is unset so the resolver can fall back to the style
+     * definition's color values.
+     *
+     * @return list<string>|null
+     */
+    public function color(string $name): ?array
+    {
+        $raw = $this->dynamic($name . 'Color');
+
+        return $raw === null ? null : $this->asArray($raw);
+    }
+
+    /** @return list<string> */
+    public function colorFill(string $name): array
+    {
+        return $this->asArray($this->dynamic($name . 'ColorFill'));
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function colorAngle(string $name): ?array
+    {
+        return $this->toRange($this->dynamic($name . 'ColorAngle'));
+    }
+
+    /** @return array{min: int|float, max: int|float}|null */
+    public function colorFillStops(string $name): ?array
+    {
+        return $this->toRange($this->dynamic($name . 'ColorFillStops'));
+    }
+
+    /**
+     * Returns the raw value of a dynamic-key option (e.g. `${name}Color`)
+     * untouched. Used for keys that vary by component or color name.
+     */
+    private function dynamic(string $key): mixed
+    {
+        return $this->data[$key] ?? null;
+    }
+
+    /** @return list<mixed> */
+    private function asArray(mixed $value): array
+    {
+        if ($value === null) {
+            return [];
+        }
+
+        return is_array($value) ? $value : [$value];
+    }
+
+    /**
+     * Normalizes a user-facing range option (bare number, `[n]`, `[min, max]`,
+     * or `null`) into the internal range struct. A bare number `n` — or a
+     * single-element array `[n]` — becomes `['min' => n, 'max' => n]` (a fixed
+     * value). An array's smaller/larger element is taken as min/max. An empty
+     * array is treated as unset so the resolver applies the option's default.
+     *
+     * @return array{min: int|float, max: int|float}|null
+     */
+    private function toRange(mixed $value): ?array
+    {
+        if ($value === null) {
+            return null;
+        }
+
+        if (is_int($value) || is_float($value)) {
+            return ['min' => $value, 'max' => $value];
+        }
+
+        if (is_array($value) && array_is_list($value) && count($value) > 0) {
+            return ['min' => min($value), 'max' => max($value)];
+        }
+
+        return null;
+    }
+}
diff --git a/src/php/core/src/OptionsDescriptor.php b/src/php/core/src/OptionsDescriptor.php
new file mode 100644
index 0000000..9d74dbb
--- /dev/null
+++ b/src/php/core/src/OptionsDescriptor.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+/**
+ * Builds a descriptor of every option a given style accepts. Tooling such as
+ * the editor uses the result to render form controls and validation hints
+ * without having to introspect the style itself.
+ */
+class OptionsDescriptor
+{
+    /** @var array<string, mixed> */
+    private static array $rotateRange = ['type' => 'range', 'min' => -360, 'max' => 360];
+    /** @var array<string, mixed> */
+    private static array $translateRange = ['type' => 'range', 'min' => -1000, 'max' => 1000];
+
+    /** @var array<string, mixed>|null */
+    private ?array $descriptor = null;
+    private Style $style;
+
+    public function __construct(Style $style)
+    {
+        $this->style = $style;
+    }
+
+    /**
+     * Returns the descriptor, building it lazily on first call.
+     *
+     * @return array<string, mixed>
+     */
+    public function toJSON(): array
+    {
+        $this->descriptor ??= $this->build();
+
+        return $this->descriptor;
+    }
+
+    /**
+     * Walks the style's components and colors and assembles the field map.
+     *
+     * @return array<string, mixed>
+     */
+    private function build(): array
+    {
+        $result = [
+            'seed' => ['type' => 'string'],
+            'size' => ['type' => 'number', 'min' => 1, 'max' => 4096],
+            'idRandomization' => ['type' => 'boolean'],
+            'title' => ['type' => 'string'],
+            'flip' => [
+                'type' => 'enum',
+                'values' => ['none', 'horizontal', 'vertical', 'both'],
+                'list' => true,
+            ],
+            'fontFamily' => ['type' => 'string', 'list' => true],
+            'fontWeight' => ['type' => 'number', 'min' => 1, 'max' => 1000, 'list' => true],
+            'scale' => ['type' => 'range', 'min' => 0, 'max' => 10],
+            'borderRadius' => ['type' => 'range', 'min' => 0, 'max' => 50],
+            'rotate' => self::$rotateRange,
+            'translateX' => self::$translateRange,
+            'translateY' => self::$translateRange,
+        ];
+
+        foreach ($this->style->components() as $name => $component) {
+            if ($component->extendsName() !== null) {
+                continue;
+            }
+
+            $variants = array_keys($component->variants());
+            sort($variants);
+
+            $result["{$name}Variant"] = [
+                'type' => 'enum',
+                'values' => $variants,
+                'list' => true,
+                'weighted' => true,
+            ];
+            $result["{$name}Probability"] = ['type' => 'number', 'min' => 0, 'max' => 100];
+        }
+
+        $colorNames = array_merge(array_keys($this->style->colors()), ['background']);
+        $colors = $this->style->colors();
+
+        foreach ($colorNames as $name) {
+            $colorField = ['type' => 'color', 'list' => true];
+            $contrastTo = isset($colors[$name]) ? $colors[$name]->contrastTo() : null;
+
+            if ($contrastTo !== null) {
+                $colorField['contrastTo'] = $contrastTo;
+            }
+
+            $result["{$name}Color"] = $colorField;
+            $result["{$name}ColorFill"] = [
+                'type' => 'enum',
+                'values' => ['solid', 'linear', 'radial'],
+                'list' => true,
+            ];
+            $result["{$name}ColorFillStops"] = ['type' => 'range', 'min' => 2];
+            $result["{$name}ColorAngle"] = self::$rotateRange;
+        }
+
+        return $result;
+    }
+}
diff --git a/src/php/core/src/Prng.php b/src/php/core/src/Prng.php
new file mode 100644
index 0000000..f430304
--- /dev/null
+++ b/src/php/core/src/Prng.php
@@ -0,0 +1,249 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+use DiceBear\Prng\Fnv1a;
+use DiceBear\Prng\Mulberry32;
+use DiceBear\Utils\Number;
+
+/**
+ * Key-based pseudorandom number generator.
+ *
+ * Each method takes a key that, combined with the seed, produces a
+ * deterministic value. The same seed + key always yields the same result,
+ * regardless of call order.
+ *
+ * @internal
+ */
+class Prng
+{
+    private string $seed;
+
+    public function __construct(string $seed)
+    {
+        $this->seed = $seed;
+    }
+
+    /**
+     * Picks a single item from `$items` deterministically. Returns `null`
+     * for an empty list. Duplicate values (by string representation) are
+     * collapsed before picking so that input order and duplication do not
+     * affect the result.
+     *
+     * @template T
+     *
+     * @param list<T> $items
+     *
+     * @return T|null
+     */
+    public function pick(string $key, array $items): mixed
+    {
+        if (count($items) === 0) {
+            return null;
+        }
+
+        if (count($items) === 1) {
+            return $items[0];
+        }
+
+        $unique = self::uniqueByCodePoint($items);
+
+        if (count($unique) === 1) {
+            return $unique[0];
+        }
+
+        $sorted = $unique;
+        usort($sorted, self::compareByCodePoint(...));
+        $index = (int) floor($this->getValue($key) * count($sorted));
+
+        return $sorted[$index];
+    }
+
+    /**
+     * Picks a key from `$weights` proportional to its weight. When all
+     * weights are zero, falls back to an unweighted {@see pick()}. Returns
+     * `null` for an empty map.
+     *
+     * @param array<string, int|float> $weights
+     */
+    public function weightedPick(string $key, array $weights): ?string
+    {
+        if (count($weights) === 0) {
+            return null;
+        }
+
+        $keys = array_keys($weights);
+
+        if (count($keys) === 1) {
+            return (string) $keys[0];
+        }
+
+        usort($keys, self::compareByCodePoint(...));
+
+        // Sum in sorted-key order to match JS reduce-over-sorted parity —
+        // float addition is non-associative, so iterating $weights directly
+        // (insertion order) would diverge from JS for fractional weights.
+        $totalWeight = 0.0;
+        foreach ($keys as $k) {
+            $totalWeight += $weights[$k];
+        }
+
+        if ($totalWeight === 0.0) {
+            return $this->pick($key, array_map('strval', $keys));
+        }
+
+        $threshold = $this->getValue($key) * $totalWeight;
+        $cumulative = 0;
+
+        foreach ($keys as $k) {
+            $cumulative += $weights[$k];
+
+            if ($threshold < $cumulative) {
+                return (string) $k;
+            }
+        }
+
+        return (string) $keys[count($keys) - 1];
+    }
+
+    /**
+     * Returns `true` with the given probability (0–100, default 50).
+     */
+    public function bool(string $key, float $likelihood = 50): bool
+    {
+        return $this->getValue($key) * 100 < $likelihood;
+    }
+
+    /**
+     * Returns a deterministic float in `$range`, rounded to four decimal
+     * places. With `$range['step'] > 0`, the result is drawn uniformly from
+     * `{ min + i*step | 0 ≤ i ≤ floor((max - min) / step) }`, so both
+     * endpoints of an evenly-divisible range are equally likely. Non-positive
+     * or absent step means continuous. `min`/`max` are sorted internally, so
+     * a reversed pair is tolerated.
+     *
+     * @param array{min: int|float, max: int|float, step?: int|float} $range
+     */
+    public function float(string $key, array $range): float
+    {
+        $min = min($range['min'], $range['max']);
+        $max = max($range['min'], $range['max']);
+        $step = $range['step'] ?? 0;
+
+        if ($step > 0) {
+            $buckets = (int) floor(($max - $min) / $step) + 1;
+            $i = (int) floor($this->getValue($key) * $buckets);
+            $value = $min + $i * $step;
+        } else {
+            $value = $min + $this->getValue($key) * ($max - $min);
+        }
+
+        // Number::roundHalfUp matches JS Math.round (half toward +Infinity);
+        // PHP's native round() rounds half away from zero, diverging from the
+        // reference for negative values landing exactly on a .5 boundary.
+        return Number::roundHalfUp($value * 10000) / 10000;
+    }
+
+    /**
+     * Returns a deterministic integer in `$range`. `min`/`max` are sorted
+     * internally, so a reversed pair is tolerated. `$range['step']` is
+     * accepted for symmetry with {@see float()} but ignored.
+     *
+     * @param array{min: int|float, max: int|float, step?: int|float} $range
+     */
+    public function integer(string $key, array $range): int
+    {
+        $min = (int) min($range['min'], $range['max']);
+        $max = (int) max($range['min'], $range['max']);
+
+        return (int) floor($this->getValue($key) * ($max - $min + 1)) + $min;
+    }
+
+    /**
+     * Fisher-Yates shuffle with chained Mulberry32 state. Duplicate values
+     * (by string representation) are collapsed before shuffling, so a
+     * caller's slice off the front cannot accidentally produce a repeated
+     * value.
+     *
+     * @template T
+     *
+     * @param list<T> $items
+     *
+     * @return list<T>
+     */
+    public function shuffle(string $key, array $items): array
+    {
+        if (count($items) <= 1) {
+            return $items;
+        }
+
+        $result = self::uniqueByCodePoint($items);
+        usort($result, self::compareByCodePoint(...));
+        $prng = new Mulberry32(Fnv1a::hash($this->seed . ':' . $key));
+
+        for ($i = count($result) - 1; $i > 0; $i--) {
+            $j = (int) floor($prng->nextFloat() * ($i + 1));
+            $temp = $result[$i];
+            $result[$i] = $result[$j];
+            $result[$j] = $temp;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Returns a single float in `[0, 1)` derived from `seed:key`. The same
+     * seed/key pair always produces the same value.
+     */
+    public function getValue(string $key): float
+    {
+        return (new Mulberry32(Fnv1a::hash($this->seed . ':' . $key)))->nextFloat();
+    }
+
+    /**
+     * Cross-language deterministic sort, matching JS `String(a) < String(b)`,
+     * which compares by UTF-16 code unit. Converting to big-endian UTF-16
+     * before `strcmp` reproduces that order; it diverges from UTF-8 byte
+     * (code-point) order only for supplementary-plane characters.
+     */
+    private static function compareByCodePoint(mixed $a, mixed $b): int
+    {
+        $au = (string) mb_convert_encoding((string) $a, 'UTF-16BE', 'UTF-8');
+        $bu = (string) mb_convert_encoding((string) $b, 'UTF-16BE', 'UTF-8');
+
+        return strcmp($au, $bu);
+    }
+
+    /**
+     * Deduplicates by string representation, keeping the first occurrence.
+     * Mirrors the cross-language sort key used by
+     * {@see compareByCodePoint()} so that every port collapses the same
+     * set of inputs. `$keyFn` lets callers (e.g. {@see weightedPick()})
+     * extract the sort key from a compound element.
+     *
+     * @template T
+     *
+     * @param list<T> $items
+     * @param (callable(T): string)|null $keyFn
+     *
+     * @return list<T>
+     */
+    private static function uniqueByCodePoint(array $items, ?callable $keyFn = null): array
+    {
+        $seen = [];
+        $result = [];
+
+        foreach ($items as $item) {
+            $repr = $keyFn !== null ? $keyFn($item) : (string) $item;
+
+            if (!isset($seen[$repr])) {
+                $seen[$repr] = true;
+                $result[] = $item;
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/src/php/core/src/Prng/Fnv1a.php b/src/php/core/src/Prng/Fnv1a.php
new file mode 100644
index 0000000..3922f54
--- /dev/null
+++ b/src/php/core/src/Prng/Fnv1a.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Prng;
+
+/**
+ * FNV-1a 32-bit hash.
+ *
+ * Offset basis: 0x811c9dc5, prime: 0x01000193.
+ *
+ * @see https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function
+ *
+ * @internal
+ */
+class Fnv1a
+{
+    /**
+     * Returns the unsigned 32-bit FNV-1a hash of `$input`. The input is
+     * decomposed into UTF-16 code units before hashing so the result is
+     * identical across language ports.
+     */
+    public static function hash(string $input): int
+    {
+        $hash = 0x811C9DC5;
+
+        // FNV prime is small enough that hash * prime fits in 64-bit.
+        foreach (self::utf16CodeUnits($input) as $code) {
+            $hash = (($hash ^ $code) * 0x01000193) & 0xFFFFFFFF;
+        }
+
+        return $hash;
+    }
+
+    /**
+     * Returns the FNV-1a hash of `$input` as an 8-character lowercase hex
+     * string.
+     */
+    public static function hex(string $input): string
+    {
+        return str_pad(dechex(self::hash($input)), 8, '0', STR_PAD_LEFT);
+    }
+
+    /**
+     * Converts a UTF-8 string to an array of UTF-16 code units,
+     * matching JavaScript's charCodeAt() behavior.
+     *
+     * @return list<int>
+     */
+    private static function utf16CodeUnits(string $input): array
+    {
+        if ($input === '') {
+            return [];
+        }
+
+        return array_values(unpack('v*', mb_convert_encoding($input, 'UTF-16LE', 'UTF-8')));
+    }
+}
diff --git a/src/php/core/src/Prng/Mulberry32.php b/src/php/core/src/Prng/Mulberry32.php
new file mode 100644
index 0000000..9e2aeb4
--- /dev/null
+++ b/src/php/core/src/Prng/Mulberry32.php
@@ -0,0 +1,89 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Prng;
+
+/**
+ * Mulberry32 PRNG — stateful, matching the C reference by Tommy Ettinger.
+ *
+ * C original:
+ * ```c
+ * uint32_t z = (x += 0x6D2B79F5UL);
+ * z = (z ^ (z >> 15)) * (z | 1UL);
+ * z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+ * return z ^ (z >> 14);
+ * ```
+ *
+ * All arithmetic is unsigned 32-bit. PHP's 64-bit ints hold uint32
+ * natively; only multiply needs a half-decomposition because
+ * uint32 * uint32 can exceed PHP_INT_MAX.
+ *
+ * @see https://gist.github.com/tommyettinger/46a874533244883189143505d203312c
+ *
+ * @internal
+ */
+class Mulberry32
+{
+    private const UINT32_MAX_PLUS_1 = 2 ** 32;
+
+    private int $state;
+
+    public function __construct(int $seed = 0)
+    {
+        $this->state = $seed & 0xFFFFFFFF;
+    }
+
+    /**
+     * Advances the state and returns the next unsigned 32-bit value.
+     */
+    public function next(): int
+    {
+        $z = ($this->state + 0x6D2B79F5) & 0xFFFFFFFF;
+        $this->state = $z;
+
+        $z = self::mul($z ^ ($z >> 15), $z | 1);
+        $z ^= self::add($z, self::mul($z ^ ($z >> 7), $z | 61));
+
+        return ($z ^ ($z >> 14)) & 0xFFFFFFFF;
+    }
+
+    /**
+     * Advances the state and returns the next value in `[0, 1)`.
+     */
+    public function nextFloat(): float
+    {
+        return $this->next() / self::UINT32_MAX_PLUS_1;
+    }
+
+    /**
+     * Returns the current state as a signed 32-bit value (for JS compat).
+     */
+    public function state(): int
+    {
+        return $this->state >= 0x80000000
+            ? (int) ($this->state - self::UINT32_MAX_PLUS_1)
+            : (int) $this->state;
+    }
+
+    /**
+     * Unsigned 32-bit multiply. Splits one operand into 16-bit halves
+     * because uint32 * uint32 can exceed PHP_INT_MAX (2^63-1).
+     */
+    private static function mul(int $a, int $b): int
+    {
+        $al = $a & 0xFFFF;
+        $ah = ($a >> 16) & 0xFFFF;
+
+        return ($al * $b + ((($ah * $b) & 0xFFFF) << 16)) & 0xFFFFFFFF;
+    }
+
+    /**
+     * Unsigned 32-bit add. The mask collapses the 64-bit PHP int back into
+     * uint32 range so the value matches the C/JS reference.
+     */
+    private static function add(int $a, int $b): int
+    {
+        return ($a + $b) & 0xFFFFFFFF;
+    }
+}
diff --git a/src/php/core/src/Renderer.php b/src/php/core/src/Renderer.php
new file mode 100644
index 0000000..69becb6
--- /dev/null
+++ b/src/php/core/src/Renderer.php
@@ -0,0 +1,589 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+use DiceBear\Prng\Fnv1a;
+use DiceBear\Style\Canvas;
+use DiceBear\Style\Element;
+use DiceBear\Utils\Initials;
+use DiceBear\Utils\License;
+use DiceBear\Utils\Number;
+use DiceBear\Utils\Xml;
+
+/**
+ * Walks a style's element tree and turns it into the final SVG markup.
+ *
+ * The renderer is single-use: it accumulates `<defs>` entries and per-render
+ * caches across method calls, so a fresh instance is required per avatar.
+ *
+ * @internal
+ */
+class Renderer
+{
+    private Style $style;
+    private Resolver $resolver;
+    /** @var array<string, string> */
+    private array $defs = [];
+    private ?string $cachedSeedHash = null;
+    private ?string $cachedInitials = null;
+
+    public function __construct(Style $style, Resolver $resolver)
+    {
+        $this->style = $style;
+        $this->resolver = $resolver;
+    }
+
+    /**
+     * Builds the complete SVG document for the avatar.
+     */
+    public function render(): string
+    {
+        $canvas = $this->style->canvas();
+        $background = $this->renderBackground($canvas);
+        $body = $this->renderElements($canvas->elements());
+
+        // Order matters: scale and flip around center, then rotate, translate,
+        // and finally clip with border radius (outermost wrapper).
+        $body = $this->applyScale($body, $canvas);
+        $body = $this->applyFlip($body, $canvas);
+        $body = $this->applyRotate($body, $canvas);
+        $body = $this->applyTranslate($body, $canvas);
+        $body = $this->applyBorderRadius($background . $body, $canvas);
+
+        $metadata = License::xml($this->style->meta());
+        $defs = count($this->defs) > 0
+            ? '<defs>' . implode('', array_values($this->defs)) . '</defs>'
+            : '';
+        $size = $this->resolver->size();
+
+        $title = $this->resolver->title();
+        $escapedTitle = $title !== null ? Xml::escape($title) : null;
+
+        $width = Number::format($canvas->width());
+        $height = Number::format($canvas->height());
+        $attrs = [
+            'xmlns="http://www.w3.org/2000/svg"',
+            "viewBox=\"0 0 {$width} {$height}\"",
+        ];
+
+        $rootAttributes = $this->renderAttributes($this->style->attributes());
+
+        if ($rootAttributes !== '') {
+            $attrs[] = ltrim($rootAttributes);
+        }
+
+        if ($escapedTitle !== null) {
+            $attrs[] = 'role="img"';
+            $attrs[] = "aria-label=\"{$escapedTitle}\"";
+        } else {
+            $attrs[] = 'aria-hidden="true"';
+        }
+
+        if ($size !== null) {
+            $sizeValue = Number::format($size);
+            $attrs[] = "width=\"{$sizeValue}\"";
+            $attrs[] = "height=\"{$sizeValue}\"";
+        }
+
+        $titleElement = $escapedTitle !== null ? "<title>{$escapedTitle}</title>" : '';
+
+        $svg = '<svg ' . implode(' ', $attrs) . '>' . '<!-- Generated by DiceBear (https://dicebear.com) -->' . $metadata . $defs . $titleElement . $body . '</svg>';
+
+        if ($this->resolver->idRandomization()) {
+            $svg = $this->randomizeIds($svg);
+        }
+
+        return $svg;
+    }
+
+    /**
+     * Wraps `$body` in a flip transform when `flip` is set to anything other
+     * than `'none'`.
+     */
+    private function applyFlip(string $body, Canvas $canvas): string
+    {
+        $flip = $this->resolver->flip();
+
+        if ($flip === 'none') {
+            return $body;
+        }
+
+        $w = Number::format($canvas->width());
+        $h = Number::format($canvas->height());
+
+        // @phpstan-ignore match.unhandled
+        $transform = match ($flip) {
+            'horizontal' => "translate({$w}, 0) scale(-1, 1)",
+            'vertical' => "translate(0, {$h}) scale(1, -1)",
+            'both' => "translate({$w}, {$h}) scale(-1, -1)",
+        };
+
+        return "<g transform=\"{$transform}\">{$body}</g>";
+    }
+
+    /**
+     * Wraps `$body` in a uniform scale transform around the canvas center
+     * when the option differs from `1`.
+     */
+    private function applyScale(string $body, Canvas $canvas): string
+    {
+        $scale = $this->resolver->scale();
+
+        if ($scale === 1.0) {
+            return $body;
+        }
+
+        $cx = $canvas->width() / 2;
+        $cy = $canvas->height() / 2;
+        $cxValue = Number::format($cx);
+        $cyValue = Number::format($cy);
+        $scaleValue = Number::format($scale);
+        $negCx = Number::format(-$cx);
+        $negCy = Number::format(-$cy);
+
+        return "<g transform=\"translate({$cxValue}, {$cyValue}) scale({$scaleValue}) translate({$negCx}, {$negCy})\">{$body}</g>";
+    }
+
+    /**
+     * Clips `$body` to the canvas rectangle (rounded when `borderRadius` is
+     * non-zero) and registers the corresponding `clipPath` in `<defs>`. The
+     * clip is always applied so transformed content cannot bleed past the
+     * canvas bounds, regardless of the consumer's `overflow` setting.
+     */
+    private function applyBorderRadius(string $body, Canvas $canvas): string
+    {
+        $radius = $this->resolver->borderRadius();
+        $id = 'clip-' . $this->hashSeed();
+
+        $rx = Number::format(($radius / 100) * $canvas->width());
+        $ry = Number::format(($radius / 100) * $canvas->height());
+        $width = Number::format($canvas->width());
+        $height = Number::format($canvas->height());
+
+        $this->defs[$id] = "<clipPath id=\"{$id}\"><rect width=\"{$width}\" height=\"{$height}\" rx=\"{$rx}\" ry=\"{$ry}\"/></clipPath>";
+
+        return "<g clip-path=\"url(#{$id})\">{$body}</g>";
+    }
+
+    /**
+     * Wraps `$body` in a rotation around the canvas center when `rotate` is
+     * non-zero.
+     */
+    private function applyRotate(string $body, Canvas $canvas): string
+    {
+        $rotate = $this->resolver->rotate();
+
+        if ($rotate === 0.0) {
+            return $body;
+        }
+
+        $cx = Number::format($canvas->width() / 2);
+        $cy = Number::format($canvas->height() / 2);
+        $rotateValue = Number::format($rotate);
+
+        return "<g transform=\"rotate({$rotateValue}, {$cx}, {$cy})\">{$body}</g>";
+    }
+
+    /**
+     * Wraps `$body` in a translate transform when either `translateX` or
+     * `translateY` is non-zero. Offsets are interpreted as percentages of
+     * the canvas dimensions.
+     */
+    private function applyTranslate(string $body, Canvas $canvas): string
+    {
+        $translateX = $this->resolver->translateX();
+        $translateY = $this->resolver->translateY();
+
+        if ($translateX === 0.0 && $translateY === 0.0) {
+            return $body;
+        }
+
+        $x = Number::format(($translateX / 100) * $canvas->width());
+        $y = Number::format(($translateY / 100) * $canvas->height());
+
+        return "<g transform=\"translate({$x}, {$y})\">{$body}</g>";
+    }
+
+    /**
+     * Returns a `<rect>` filling the canvas with the resolved background
+     * color, or an empty string when no background colors are configured.
+     */
+    private function renderBackground(Canvas $canvas): string
+    {
+        $colors = $this->resolver->color('background');
+
+        if (count($colors) === 0) {
+            return '';
+        }
+
+        $fill = Xml::escape($this->resolveColorReference('background'));
+        $width = Number::format($canvas->width());
+        $height = Number::format($canvas->height());
+
+        return "<rect width=\"{$width}\" height=\"{$height}\" fill=\"{$fill}\"/>";
+    }
+
+    /**
+     * Suffixes every `id` declaration and reference with a random hex string
+     * so that multiple instances of the same avatar do not collide in a
+     * shared document. Uses `random_int()` intentionally — a PRNG-derived
+     * suffix would produce the same ID for the same seed.
+     */
+    private function randomizeIds(string $svg): string
+    {
+        $suffix = str_pad(dechex(random_int(0, 0xffffff)), 6, '0', STR_PAD_LEFT);
+        $ids = [];
+
+        if (preg_match_all('/\bid="([^"]+)"/', $svg, $matches)) {
+            $ids = array_unique($matches[1]);
+        }
+
+        if (count($ids) === 0) {
+            return $svg;
+        }
+
+        $escaped = array_map(fn($id) => preg_quote($id, '/'), $ids);
+        $pattern = '/(id="|url\(#|href="#)(' . implode('|', $escaped) . ')("|\))/';
+
+        return preg_replace_callback($pattern, function ($match) use ($suffix) {
+            return $match[1] . $match[2] . '-' . $suffix . $match[3];
+        }, $svg);
+    }
+
+    /**
+     * Renders a list of elements and concatenates their markup.
+     *
+     * @param list<Element> $elements
+     */
+    private function renderElements(array $elements): string
+    {
+        return implode('', array_map(fn($el) => $this->renderElement($el), $elements));
+    }
+
+    /**
+     * Dispatches a single element to the renderer for its type.
+     */
+    private function renderElement(Element $element): string
+    {
+        // @phpstan-ignore match.unhandled
+        return match ($element->type()) {
+            'element' => $this->renderSvgElement($element),
+            'text' => $this->renderTextElement($element),
+            'component' => $this->renderComponentElement($element),
+        };
+    }
+
+    /**
+     * Renders an SVG element. The special `defs` name diverts children into
+     * the shared `<defs>` block.
+     *
+     * Element names and attribute names are not escaped here — they are
+     * validated by StyleValidator against a strict allowlist schema (no
+     * `<script>`, no event handlers). Values are escaped via `Xml::escape()`.
+     */
+    private function renderSvgElement(Element $element): string
+    {
+        $name = $element->name();
+
+        if ($name === null) {
+            return '';
+        }
+
+        if ($name === 'defs') {
+            foreach ($element->children() as $child) {
+                $rendered = $this->renderElement($child);
+
+                if (strlen($rendered) > 0) {
+                    $attrs = $child->attributes();
+                    $id = isset($attrs['id']) && is_string($attrs['id']) ? $attrs['id'] : '_' . count($this->defs);
+                    $this->defs[$id] = $rendered;
+                }
+            }
+
+            return '';
+        }
+
+        $attrs = $this->renderAttributes($element->attributes());
+        $children = $this->renderElements($element->children());
+
+        if (strlen($children) === 0) {
+            return "<{$name}{$attrs}/>";
+        }
+
+        return "<{$name}{$attrs}>{$children}</{$name}>";
+    }
+
+    /**
+     * Renders a text element by escaping its resolved value.
+     */
+    private function renderTextElement(Element $element): string
+    {
+        $value = $element->value();
+
+        return $value !== null ? Xml::escape($this->resolveValue($value)) : '';
+    }
+
+    /**
+     * Resolves a component reference to a chosen variant and emits a `<use>`
+     * pointing at a `<defs>` entry that holds the variant body. Aliases of the
+     * same source component sharing a variant — and identical components
+     * referenced more than once — therefore produce a single `<defs>` entry
+     * referenced by every `<use>`, never duplicated SVG markup.
+     *
+     * Any `attributes` on the component reference are written to the emitted
+     * `<use>` tag. A user-supplied `transform` is prepended to the
+     * per-component transforms so it acts as the outer (placement) transform,
+     * with the style's translate/rotate/scale applied inside it.
+     */
+    private function renderComponentElement(Element $element): string
+    {
+        $componentName = $element->name();
+
+        if (!is_string($componentName)) {
+            return '';
+        }
+
+        $variantName = $this->resolver->variant($componentName);
+
+        if ($variantName === null) {
+            return '';
+        }
+
+        $components = $this->style->components();
+        $component = $components[$componentName] ?? null;
+
+        if ($component === null) {
+            return '';
+        }
+
+        $variants = $component->variants();
+        $variant = $variants[$variantName] ?? null;
+
+        if ($variant === null) {
+            return '';
+        }
+
+        $id = "{$component->sourceName()}-{$variantName}-{$this->hashSeed()}";
+
+        if (!array_key_exists($id, $this->defs)) {
+            $body = $this->renderElements($variant->elements());
+
+            $this->defs[$id] = "<g id=\"{$id}\">{$body}</g>";
+        }
+
+        $transforms = $this->buildTransforms($component);
+        $userAttributes = $element->attributes();
+        $mergedAttributes = $userAttributes;
+
+        if (count($transforms) > 0) {
+            $userTransform = $userAttributes['transform'] ?? null;
+            $allParts = is_string($userTransform) && $userTransform !== ''
+                ? [$userTransform, ...$transforms]
+                : $transforms;
+
+            $mergedAttributes = $userAttributes ?? [];
+            $mergedAttributes['transform'] = implode(' ', $allParts);
+        }
+
+        $attrs = $this->renderAttributes($mergedAttributes);
+
+        return "<use{$attrs} href=\"#{$id}\"/>";
+    }
+
+    /**
+     * Returns the per-component SVG `transform` fragments derived from the
+     * component's translate, rotate, and scale options. Translate values are
+     * percentages of the component canvas dimensions, matching the
+     * semantics of the user-facing `translateX` / `translateY` options.
+     *
+     * The fragments are ordered so that, when joined into a single
+     * `transform` attribute, the scale is the rightmost (innermost)
+     * transform — applied first to a point, followed by rotate, then
+     * translate.
+     *
+     * @return list<string>
+     */
+    private function buildTransforms(Style\Component $component): array
+    {
+        ['rotate' => $rotate, 'translateX' => $translateX, 'translateY' => $translateY, 'scale' => $scale] =
+            $this->resolver->componentTransform($component->name());
+
+        if ($translateX === 0.0 && $translateY === 0.0 && $rotate === 0.0 && $scale === 1.0) {
+            return [];
+        }
+
+        $transforms = [];
+        $cx = $component->width() / 2;
+        $cy = $component->height() / 2;
+        $cxValue = Number::format($cx);
+        $cyValue = Number::format($cy);
+
+        if ($translateX !== 0.0 || $translateY !== 0.0) {
+            $x = Number::format(($translateX / 100) * $component->width());
+            $y = Number::format(($translateY / 100) * $component->height());
+            $transforms[] = "translate({$x}, {$y})";
+        }
+
+        if ($rotate !== 0.0) {
+            $rotateValue = Number::format($rotate);
+            $transforms[] = "rotate({$rotateValue}, {$cxValue}, {$cyValue})";
+        }
+
+        if ($scale !== 1.0) {
+            $scaleValue = Number::format($scale);
+            $negCx = Number::format(-$cx);
+            $negCy = Number::format(-$cy);
+            $transforms[] = "translate({$cxValue}, {$cyValue}) scale({$scaleValue}) translate({$negCx}, {$negCy})";
+        }
+
+        return $transforms;
+    }
+
+    /**
+     * Serializes an attribute map to a leading space-prefixed string suitable
+     * for inlining into a tag. Returns an empty string when there are no
+     * attributes to render.
+     *
+     * @param array<string, mixed>|null $attributes
+     */
+    private function renderAttributes(?array $attributes): string
+    {
+        if ($attributes === null) {
+            return '';
+        }
+
+        $parts = [];
+
+        foreach ($attributes as $key => $value) {
+            if ($value === null) {
+                continue;
+            }
+
+            $parts[] = "{$key}=\"" . Xml::escape($this->resolveAttributeValue($value)) . '"';
+        }
+
+        if (count($parts) === 0) {
+            return '';
+        }
+
+        return ' ' . implode(' ', $parts);
+    }
+
+    /**
+     * Resolves a single attribute value: literal strings pass through, color
+     * and variable references are dereferenced through the option resolver.
+     *
+     * @param string|array<string, mixed> $value
+     */
+    private function resolveAttributeValue(string|array $value): string
+    {
+        if (is_string($value)) {
+            return $value;
+        }
+
+        if (($value['type'] ?? null) === 'color') {
+            return $this->resolveColorReference($value['name']);
+        }
+
+        return $this->resolveVariable($value['name']);
+    }
+
+    /**
+     * Resolves a named color into either a hex string (solid fill / single
+     * color) or a `url(#…)` gradient reference, registering the gradient in
+     * `<defs>` as a side effect.
+     */
+    private function resolveColorReference(string $name): string
+    {
+        $colors = $this->resolver->color($name);
+        $fill = $this->resolver->colorFill($name);
+
+        if ($fill === 'solid' || count($colors) <= 1) {
+            return $colors[0] ?? 'none';
+        }
+
+        return $this->buildGradientDef($name, $colors, $fill);
+    }
+
+    /**
+     * Builds the `<linearGradient>` or `<radialGradient>` for the given color
+     * definition, registers it in `<defs>`, and returns its `url(#…)`
+     * reference.
+     *
+     * @param list<string> $colors
+     */
+    private function buildGradientDef(string $name, array $colors, string $fill): string
+    {
+        $rotation = $this->resolver->colorAngle($name);
+        $id = "{$name}-color-{$this->hashSeed()}";
+        $tag = $fill === 'linear' ? 'linearGradient' : 'radialGradient';
+        $rotationValue = Number::format($rotation);
+        $rotateAttr = $rotation !== 0.0
+            ? " gradientTransform=\"rotate({$rotationValue}, 0.5, 0.5)\""
+            : '';
+
+        $stops = [];
+        $count = count($colors);
+
+        foreach ($colors as $i => $color) {
+            $offset = Number::format($i / ($count - 1) * 100);
+            $stops[] = "<stop offset=\"{$offset}%\" stop-color=\"" . Xml::escape($color) . '"/>';
+        }
+
+        $this->defs[$id] = "<{$tag} id=\"{$id}\"{$rotateAttr}>" . implode('', $stops) . "</{$tag}>";
+
+        return "url(#{$id})";
+    }
+
+    /**
+     * Resolves an element value to its final string form. Literal strings
+     * pass through; variable references are dereferenced.
+     *
+     * @param string|array<string, mixed> $value
+     */
+    private function resolveValue(string|array $value): string
+    {
+        if (is_string($value)) {
+            return $value;
+        }
+
+        if (($value['type'] ?? null) === 'variable') {
+            return $this->resolveVariable($value['name']);
+        }
+
+        return '';
+    }
+
+    /**
+     * Resolves a built-in variable reference to its current value.
+     */
+    private function resolveVariable(string $name): string
+    {
+        // @phpstan-ignore match.unhandled
+        return match ($name) {
+            'initial' => mb_substr($this->initials(), 0, 1),
+            'initials' => $this->initials(),
+            'fontWeight' => Number::format($this->resolver->fontWeight()),
+            'fontFamily' => $this->resolver->fontFamily(),
+        };
+    }
+
+    /**
+     * Returns the seed-derived initials, cached after the first call.
+     */
+    private function initials(): string
+    {
+        return $this->cachedInitials ??= Initials::fromSeed($this->resolver->seed());
+    }
+
+    /**
+     * Returns the FNV-1a hex hash of the seed, cached after the first call.
+     * The value is used to derive stable but unique IDs for `<defs>` entries.
+     */
+    private function hashSeed(): string
+    {
+        return $this->cachedSeedHash ??= Fnv1a::hex($this->resolver->seed());
+    }
+}
diff --git a/src/php/core/src/Resolver.php b/src/php/core/src/Resolver.php
new file mode 100644
index 0000000..62b6fc6
--- /dev/null
+++ b/src/php/core/src/Resolver.php
@@ -0,0 +1,324 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+use DiceBear\Error\CircularColorReferenceError;
+use DiceBear\Utils\Color as ColorUtil;
+
+/**
+ * Bundles the three inputs needed to derive any deterministic value for an
+ * avatar — the {@see Style}, the validated user {@see Options}, and a seeded
+ * {@see Prng} — and exposes them as named accessors. Each accessor memoizes
+ * its result so that repeated calls cannot drift. The memo also serves as
+ * the informational snapshot returned by {@see resolved} — every value the
+ * resolver picks during one resolution lands there, except for the raw seed.
+ *
+ * @internal
+ */
+class Resolver
+{
+    private Style $style;
+    private Options $options;
+    private Prng $prng;
+    /** @var list<string> */
+    private array $colorResolving = [];
+    /** @var array<string, mixed> */
+    private array $result = [];
+
+    public function __construct(Style $style, Options $options)
+    {
+        $this->style = $style;
+        $this->options = $options;
+        $this->prng = new Prng($this->seed());
+    }
+
+    public function seed(): string
+    {
+        // Deliberately not memoized — the seed is the only input we keep out
+        // of the {@see resolved} snapshot, so a serialized avatar never leaks it.
+        return $this->options->seed() ?? '';
+    }
+
+    public function size(): ?int
+    {
+        return $this->memo('size', fn() => $this->options->size());
+    }
+
+    public function idRandomization(): bool
+    {
+        return $this->memo('idRandomization', fn() => $this->options->idRandomization() ?? false);
+    }
+
+    public function title(): ?string
+    {
+        return $this->memo('title', fn() => $this->options->title());
+    }
+
+    public function flip(): string
+    {
+        return $this->memo(
+            'flip',
+            fn() => $this->prng->pick('flip', $this->options->flip()) ?? 'none',
+        );
+    }
+
+    public function fontFamily(): string
+    {
+        return $this->memo(
+            'fontFamily',
+            fn() => $this->prng->pick('fontFamily', $this->options->fontFamily()) ?? 'system-ui',
+        );
+    }
+
+    public function fontWeight(): int|float
+    {
+        return $this->memo(
+            'fontWeight',
+            fn() => $this->prng->pick('fontWeight', $this->options->fontWeight()) ?? 400,
+        );
+    }
+
+    public function scale(): float
+    {
+        return $this->memoFloat('scale', $this->options->scale(), 1.0);
+    }
+
+    public function borderRadius(): float
+    {
+        return $this->memoFloat('borderRadius', $this->options->borderRadius(), 0.0);
+    }
+
+    public function rotate(): float
+    {
+        return $this->memoFloat('rotate', $this->options->rotate(), 0.0);
+    }
+
+    public function translateX(): float
+    {
+        return $this->memoFloat('translateX', $this->options->translateX(), 0.0);
+    }
+
+    public function translateY(): float
+    {
+        return $this->memoFloat('translateY', $this->options->translateY(), 0.0);
+    }
+
+    /**
+     * Selects a variant for the given component. Depending on what was passed
+     * as `${name}Variant` in the input data:
+     *
+     * - `null`: PRNG picks from all style variants using their weights.
+     * - otherwise: PRNG picks using the user-supplied weighted map (a bare
+     *   string or string list is normalized to weight `1` each in
+     *   {@see Options::componentVariant()}).
+     *
+     * Only variants that exist in the style definition are considered.
+     */
+    public function variant(string $name): ?string
+    {
+        return $this->memo("{$name}Variant", function () use ($name) {
+            $components = $this->style->components();
+            $component = $components[$name] ?? null;
+
+            if ($component === null || !$this->isVisible($name, $component)) {
+                return null;
+            }
+
+            $raw = $this->options->componentVariant($component->sourceName());
+            $variants = $component->variants();
+            $weights = [];
+
+            if ($raw === null) {
+                foreach ($variants as $v => $variant) {
+                    $weights[$v] = $variant->weight();
+                }
+            } else {
+                foreach ($raw as $v => $weight) {
+                    if (isset($variants[$v])) {
+                        $weights[$v] = $weight;
+                    }
+                }
+            }
+
+            return $this->prng->weightedPick("{$name}Variant", $weights);
+        });
+    }
+
+    /**
+     * @return list<string>
+     */
+    public function color(string $name): array
+    {
+        return $this->memo("{$name}Color", fn() => $this->resolveColor($name));
+    }
+
+    public function colorFill(string $name): string
+    {
+        return $this->memo(
+            "{$name}ColorFill",
+            fn() => $this->prng->pick("{$name}ColorFill", $this->options->colorFill($name)) ?? 'solid',
+        );
+    }
+
+    public function colorAngle(string $name): float
+    {
+        return $this->memoFloat("{$name}ColorAngle", $this->options->colorAngle($name), 0.0);
+    }
+
+    /**
+     * Picks the rotate/translateX/translateY/scale values for a single
+     * component. Memoized per `name`, so the four values land in
+     * {@see resolved} as `${name}Rotate` / `${name}TranslateX` /
+     * `${name}TranslateY` / `${name}Scale` for downstream introspection.
+     *
+     * @return array{rotate: float, translateX: float, translateY: float, scale: float}
+     */
+    public function componentTransform(string $name): array
+    {
+        $components = $this->style->components();
+        $component = $components[$name] ?? null;
+
+        return [
+            'rotate' => $this->memoFloat("{$name}Rotate", $component?->rotate(), 0.0),
+            'translateX' => $this->memoFloat("{$name}TranslateX", $component?->translate()->x(), 0.0),
+            'translateY' => $this->memoFloat("{$name}TranslateY", $component?->translate()->y(), 0.0),
+            'scale' => $this->memoFloat("{$name}Scale", $component?->scale(), 1.0),
+        ];
+    }
+
+    /**
+     * Returns an informational snapshot of every value the resolver picked.
+     * Includes top-level options (scale/rotate/translate/…), per-component
+     * variants/probabilities/colors, and per-component transform picks. The
+     * raw seed is deliberately excluded.
+     *
+     * The snapshot is NOT a round-trip-able options object — extra keys like
+     * `${name}Rotate` are not part of the user-options schema and feeding the
+     * snapshot back into a new {@see Avatar} is not supported. Callers that
+     * need to reproduce an avatar should pass the original `seed` and
+     * user-supplied options.
+     *
+     * Unset entries (null) are filtered out so they disappear on JSON encode,
+     * mirroring the JS behavior.
+     *
+     * Whole-number floats (e.g. `scale` 1.0, `rotate` 0.0) are left as floats
+     * here. `json_encode()` drops the zero fraction by default — `1.0` encodes
+     * to `1` — so the snapshot stays byte-identical to the JS, Rust, and Python
+     * ports. This relies on the default encoder behavior: passing
+     * `JSON_PRESERVE_ZERO_FRACTION` would emit `1.0` and break that parity.
+     *
+     * @return array<string, mixed>
+     */
+    public function resolved(): array
+    {
+        return array_filter($this->result, static fn($v) => $v !== null);
+    }
+
+    /**
+     * Returns the visibility probability (0–100) for the given component.
+     * Aliases read the source component's user-set probability so a single
+     * `<source>Probability` option propagates to every alias of the source.
+     */
+    private function probability(Style\Component $component): int|float
+    {
+        $raw = $this->options->componentProbability($component->sourceName());
+
+        return $raw ?? $component->probability();
+    }
+
+    private function isVisible(string $name, Style\Component $component): bool
+    {
+        return $this->prng->bool("{$name}Probability", $this->probability($component));
+    }
+
+    /**
+     * Resolves a named color to its final stop list, applying contrast
+     * sorting and `notEqualTo` filtering from the style definition. Detects
+     * circular references between colors and throws
+     * {@see CircularColorReferenceError}.
+     *
+     * @return list<string>
+     */
+    private function resolveColor(string $name): array
+    {
+        $userColors = $this->options->color($name);
+        $styleColors = $this->style->colors();
+        $styleColor = $styleColors[$name] ?? null;
+        $source = $userColors ?? $styleColor?->values() ?? [];
+
+        $candidates = array_map(fn($c) => ColorUtil::toHex($c), $source);
+        $fill = $this->colorFill($name);
+        $stops = $fill === 'solid' ? 1 : $this->colorFillStops($name);
+
+        if ($styleColor === null) {
+            return array_slice($this->prng->shuffle("{$name}Color", $candidates), 0, $stops);
+        }
+
+        // Detect circular references (e.g. a.contrastTo = b, b.contrastTo = a)
+        if (in_array($name, $this->colorResolving, true)) {
+            throw new CircularColorReferenceError(array_merge($this->colorResolving, [$name]));
+        }
+
+        $this->colorResolving[] = $name;
+        $contrastTo = $styleColor->contrastTo();
+        $notEqualTo = $styleColor->notEqualTo();
+
+        try {
+            if ($contrastTo !== null) {
+                $refColor = $this->color($contrastTo)[0] ?? null;
+
+                if ($refColor !== null) {
+                    $candidates = ColorUtil::sortByContrast($candidates, $refColor);
+                }
+            }
+
+            if (count($notEqualTo) > 0) {
+                $excluded = [];
+
+                foreach ($notEqualTo as $ref) {
+                    foreach ($this->color($ref) as $color) {
+                        $excluded[] = $color;
+                    }
+                }
+
+                $candidates = ColorUtil::filterNotEqualTo($candidates, $excluded);
+            }
+        } finally {
+            array_pop($this->colorResolving);
+        }
+
+        // Skip shuffle when sorted by contrast to preserve the ordering
+        $ordered = $contrastTo !== null
+            ? $candidates
+            : $this->prng->shuffle("{$name}Color", $candidates);
+
+        return array_slice($ordered, 0, $stops);
+    }
+
+    private function colorFillStops(string $name): int
+    {
+        $range = $this->options->colorFillStops($name);
+
+        return $range === null ? 2 : $this->prng->integer("{$name}ColorFillStops", $range);
+    }
+
+    /** @param array{min: int|float, max: int|float, step?: int|float}|null $range */
+    private function memoFloat(string $key, ?array $range, float $fallback): float
+    {
+        return $this->memo($key, fn() => $range === null ? $fallback : $this->prng->float($key, $range));
+    }
+
+    private function memo(string $key, callable $compute): mixed
+    {
+        if (array_key_exists($key, $this->result)) {
+            return $this->result[$key];
+        }
+
+        $value = $compute();
+        $this->result[$key] = $value;
+
+        return $value;
+    }
+}
diff --git a/src/php/core/src/Style.php b/src/php/core/src/Style.php
new file mode 100644
index 0000000..ff2809c
--- /dev/null
+++ b/src/php/core/src/Style.php
@@ -0,0 +1,209 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear;
+
+use DiceBear\Error\StyleValidationError;
+use DiceBear\Style\Canvas;
+use DiceBear\Style\Color;
+use DiceBear\Style\Component;
+use DiceBear\Style\Meta;
+use DiceBear\Validator\StyleValidator;
+
+/**
+ * Validated, lazily-decomposed wrapper around a style definition. Construction
+ * runs the JSON Schema validator and stores a deep copy of the input so that
+ * later mutation of the source object cannot leak into the rendered avatar.
+ */
+class Style
+{
+    /** @var array<string, mixed> */
+    private array $data;
+    private ?Meta $meta = null;
+    private ?Canvas $canvas = null;
+    /** @var array<string, Component>|null */
+    private ?array $components = null;
+    /** @var array<string, Color>|null */
+    private ?array $colors = null;
+
+    public function __construct(mixed $data)
+    {
+        StyleValidator::validate($data);
+
+        $this->data = is_array($data) ? $data : json_decode(json_encode($data), true);
+
+        $this->validateAliases();
+    }
+
+    /**
+     * Parses and validates a style definition from its raw JSON string.
+     *
+     * The string counterpart to the constructor, for the common case where the
+     * definition is raw JSON, such as a file shipped by the `dicebear/styles`
+     * package. Throws a {@see \JsonException} when $json is not valid JSON, and
+     * a {@see StyleValidationError} when the decoded value is not a valid style
+     * definition. Pass an already-decoded array to the constructor instead.
+     */
+    public static function fromJson(string $json): self
+    {
+        return new self(json_decode($json, true, flags: JSON_THROW_ON_ERROR));
+    }
+
+    /**
+     * Returns the definition's `$id`, or `null` when not set.
+     */
+    public function id(): ?string
+    {
+        return $this->data['$id'] ?? null;
+    }
+
+    /**
+     * Returns the definition's `$schema` URI, or `null` when not set.
+     */
+    public function schema(): ?string
+    {
+        return $this->data['$schema'] ?? null;
+    }
+
+    /**
+     * Returns the definition's `$comment`, or `null` when not set.
+     */
+    public function comment(): ?string
+    {
+        return $this->data['$comment'] ?? null;
+    }
+
+    /**
+     * Returns the {@see Meta} view, lazily constructed on first access.
+     */
+    public function meta(): Meta
+    {
+        return $this->meta ??= new Meta($this->data['meta'] ?? []);
+    }
+
+    /**
+     * Returns the root SVG attributes from the definition, defaulting to an
+     * empty array.
+     *
+     * @return array<string, mixed>
+     */
+    public function attributes(): array
+    {
+        return $this->data['attributes'] ?? [];
+    }
+
+    /**
+     * Returns the {@see Canvas} view, lazily constructed on first access.
+     */
+    public function canvas(): Canvas
+    {
+        return $this->canvas ??= new Canvas($this->data['canvas']);
+    }
+
+    /**
+     * Returns a name → {@see Component} map for all defined components, built
+     * lazily on first access.
+     *
+     * @return array<string, Component>
+     */
+    public function components(): array
+    {
+        if ($this->components !== null) {
+            return $this->components;
+        }
+
+        $entries = $this->data['components'] ?? [];
+        $this->components = [];
+
+        foreach ($entries as $name => $data) {
+            if (!self::isAlias($data)) {
+                $this->components[$name] = new Component($name, $data);
+            }
+        }
+
+        foreach ($entries as $name => $data) {
+            if (self::isAlias($data)) {
+                $this->components[$name] = new Component(
+                    $name,
+                    $data,
+                    $this->components[$data['extends']] ?? null,
+                );
+            }
+        }
+
+        return $this->components;
+    }
+
+    /**
+     * Verifies that every component declared via `extends` references an
+     * existing, non-alias component in the same `components` map. The schema
+     * itself cannot enforce cross-references between sibling keys.
+     */
+    private function validateAliases(): void
+    {
+        $components = $this->data['components'] ?? null;
+
+        if ($components === null) {
+            return;
+        }
+
+        $errors = [];
+
+        foreach ($components as $name => $data) {
+            if (!self::isAlias($data)) {
+                continue;
+            }
+
+            $target = $data['extends'];
+            $targetData = $components[$target] ?? null;
+
+            if ($targetData === null) {
+                $errors[] = [
+                    'instancePath' => "/components/{$name}/extends",
+                    'message' => "references unknown component \"{$target}\"",
+                ];
+
+                continue;
+            }
+
+            if (self::isAlias($targetData)) {
+                $errors[] = [
+                    'instancePath' => "/components/{$name}/extends",
+                    'message' => "references alias \"{$target}\" — alias chains are not allowed",
+                ];
+            }
+        }
+
+        if (count($errors) > 0) {
+            throw new StyleValidationError($errors);
+        }
+    }
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    private static function isAlias(array $data): bool
+    {
+        return array_key_exists('extends', $data);
+    }
+
+    /**
+     * Returns a name → {@see Color} map for all defined colors, built lazily
+     * on first access.
+     *
+     * @return array<string, Color>
+     */
+    public function colors(): array
+    {
+        if ($this->colors === null) {
+            $this->colors = [];
+
+            foreach ($this->data['colors'] ?? [] as $name => $data) {
+                $this->colors[$name] = new Color($data);
+            }
+        }
+
+        return $this->colors;
+    }
+}
diff --git a/src/php/core/src/Style/Canvas.php b/src/php/core/src/Style/Canvas.php
new file mode 100644
index 0000000..278cd16
--- /dev/null
+++ b/src/php/core/src/Style/Canvas.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over a style definition's `canvas` block, exposing the
+ * drawing area dimensions and the top-level element list.
+ */
+class Canvas
+{
+    /** @var list<Element>|null */
+    private ?array $elements = null;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the canvas width — the `width` value of the SVG `viewBox`.
+     */
+    public function width(): int|float
+    {
+        return $this->data['width'];
+    }
+
+    /**
+     * Returns the canvas height — the `height` value of the SVG `viewBox`.
+     */
+    public function height(): int|float
+    {
+        return $this->data['height'];
+    }
+
+    /**
+     * Returns the top-level elements rendered onto the canvas, lazily wrapped
+     * as {@see Element} instances on first access.
+     *
+     * @return list<Element>
+     */
+    public function elements(): array
+    {
+        return $this->elements ??= array_map(
+            fn(array $el) => new Element($el),
+            $this->data['elements'],
+        );
+    }
+}
diff --git a/src/php/core/src/Style/Color.php b/src/php/core/src/Style/Color.php
new file mode 100644
index 0000000..8be42ee
--- /dev/null
+++ b/src/php/core/src/Style/Color.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over an entry in a style definition's `colors` block.
+ */
+class Color
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the candidate color values, in definition order.
+     *
+     * @return list<string>
+     */
+    public function values(): array
+    {
+        return $this->data['values'];
+    }
+
+    /**
+     * Returns the colors that the resolver should avoid picking, or an empty
+     * list when the field is unset.
+     *
+     * @return list<string>
+     */
+    public function notEqualTo(): array
+    {
+        return $this->data['notEqualTo'] ?? [];
+    }
+
+    /**
+     * Returns the name of another color that this one should contrast against,
+     * or `null` when no contrast constraint is defined.
+     */
+    public function contrastTo(): ?string
+    {
+        return $this->data['contrastTo'] ?? null;
+    }
+}
diff --git a/src/php/core/src/Style/Component.php b/src/php/core/src/Style/Component.php
new file mode 100644
index 0000000..b5d4893
--- /dev/null
+++ b/src/php/core/src/Style/Component.php
@@ -0,0 +1,152 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over an entry in a style definition's `components` block.
+ *
+ * An entry is either a base component with its own dimensions and variants
+ * or an alias declared via `extends`. Aliases are pure references — they
+ * inherit dimensions, variants, and all transforms from the source.
+ */
+class Component
+{
+    private ?ComponentTranslate $translate = null;
+    /** @var array<string, ComponentVariant>|null */
+    private ?array $variants = null;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(
+        private readonly string $name,
+        private readonly array $data,
+        private readonly ?Component $source = null,
+    ) {}
+
+    /**
+     * Returns the entry's own name as declared in the style definition. For
+     * aliases this is the alias key, not the source component's name (use
+     * {@see sourceName} for the canonical user-option key prefix).
+     */
+    public function name(): string
+    {
+        return $this->name;
+    }
+
+    /**
+     * Returns the source component name when this entry is an alias, or
+     * `null` for a base component.
+     */
+    public function extendsName(): ?string
+    {
+        return $this->data['extends'] ?? null;
+    }
+
+    /**
+     * Returns the canonical user-option key prefix: the source component's
+     * name when this entry is an alias, otherwise the entry's own name.
+     */
+    public function sourceName(): string
+    {
+        return $this->extendsName() ?? $this->name;
+    }
+
+    /**
+     * Returns the component's intrinsic width in canvas coordinates. For
+     * aliases the source component's width is returned.
+     */
+    public function width(): int|float
+    {
+        return $this->source !== null ? $this->source->width() : $this->data['width'];
+    }
+
+    /**
+     * Returns the component's intrinsic height in canvas coordinates. For
+     * aliases the source component's height is returned.
+     */
+    public function height(): int|float
+    {
+        return $this->source !== null ? $this->source->height() : $this->data['height'];
+    }
+
+    /**
+     * Returns the probability (0–100) that this component is rendered.
+     * Aliases delegate to the source; defaults to 100 (always visible).
+     */
+    public function probability(): int|float
+    {
+        if ($this->source !== null) {
+            return $this->source->probability();
+        }
+
+        return $this->data['probability'] ?? 100;
+    }
+
+    /**
+     * Returns the rotation range, or `null` when unset.
+     * Aliases delegate to the source.
+     *
+     * @return array{min: int|float, max: int|float, step?: int|float}|null
+     */
+    public function rotate(): ?array
+    {
+        if ($this->source !== null) {
+            return $this->source->rotate();
+        }
+
+        return $this->data['rotate'] ?? null;
+    }
+
+    /**
+     * Returns the scale range, or `null` when unset.
+     * Aliases delegate to the source.
+     *
+     * @return array{min: int|float, max: int|float, step?: int|float}|null
+     */
+    public function scale(): ?array
+    {
+        if ($this->source !== null) {
+            return $this->source->scale();
+        }
+
+        return $this->data['scale'] ?? null;
+    }
+
+    /**
+     * Returns the translate descriptor. Aliases delegate to the source.
+     */
+    public function translate(): ComponentTranslate
+    {
+        if ($this->source !== null) {
+            return $this->source->translate();
+        }
+
+        return $this->translate ??= new ComponentTranslate($this->data['translate'] ?? []);
+    }
+
+    /**
+     * Returns a name → {@see ComponentVariant} map for all defined variants.
+     * Aliases delegate to the source component's variants.
+     *
+     * @return array<string, ComponentVariant>
+     */
+    public function variants(): array
+    {
+        if ($this->source !== null) {
+            return $this->source->variants();
+        }
+
+        if ($this->variants === null) {
+            $this->variants = [];
+
+            foreach ($this->data['variants'] as $name => $data) {
+                $this->variants[$name] = new ComponentVariant($data);
+            }
+        }
+
+        return $this->variants;
+    }
+}
diff --git a/src/php/core/src/Style/ComponentTranslate.php b/src/php/core/src/Style/ComponentTranslate.php
new file mode 100644
index 0000000..fd44b33
--- /dev/null
+++ b/src/php/core/src/Style/ComponentTranslate.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over a component's `translate` block, providing the X and Y
+ * offset ranges.
+ */
+class ComponentTranslate
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /** @return array{min: int|float, max: int|float, step?: int|float}|null */
+    public function x(): ?array
+    {
+        return $this->data['x'] ?? null;
+    }
+
+    /** @return array{min: int|float, max: int|float, step?: int|float}|null */
+    public function y(): ?array
+    {
+        return $this->data['y'] ?? null;
+    }
+}
diff --git a/src/php/core/src/Style/ComponentVariant.php b/src/php/core/src/Style/ComponentVariant.php
new file mode 100644
index 0000000..a9fe800
--- /dev/null
+++ b/src/php/core/src/Style/ComponentVariant.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over an entry in a component's `variants` block.
+ */
+class ComponentVariant
+{
+    /** @var list<Element>|null */
+    private ?array $elements = null;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the variant's elements, lazily wrapped as {@see Element}
+     * instances on first access.
+     *
+     * @return list<Element>
+     */
+    public function elements(): array
+    {
+        return $this->elements ??= array_map(
+            fn(array $el) => new Element($el),
+            $this->data['elements'],
+        );
+    }
+
+    /**
+     * Returns the weighted-pick weight for this variant, defaulting to `1`.
+     */
+    public function weight(): int|float
+    {
+        return $this->data['weight'] ?? 1;
+    }
+}
diff --git a/src/php/core/src/Style/Element.php b/src/php/core/src/Style/Element.php
new file mode 100644
index 0000000..bbff790
--- /dev/null
+++ b/src/php/core/src/Style/Element.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over a single render-tree element from a style definition.
+ *
+ * The same node type covers SVG elements, text, and component references —
+ * `type()` discriminates between them.
+ */
+class Element
+{
+    /** @var list<Element>|null */
+    private ?array $children = null;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the element type discriminator (`svg`, `text`, `component`, …).
+     */
+    public function type(): string
+    {
+        return $this->data['type'];
+    }
+
+    /**
+     * Returns the element's tag/component name, or `null` for elements that
+     * don't have one.
+     */
+    public function name(): ?string
+    {
+        return $this->data['name'] ?? null;
+    }
+
+    /**
+     * Returns the element's textual value (for `text` elements) or template
+     * fragment, or `null` when not applicable.
+     *
+     * @return string|array<string, mixed>|null
+     */
+    public function value(): string|array|null
+    {
+        return $this->data['value'] ?? null;
+    }
+
+    /**
+     * Returns the element's raw attribute map, or `null` when no attributes
+     * are defined.
+     *
+     * @return array<string, mixed>|null
+     */
+    public function attributes(): ?array
+    {
+        return $this->data['attributes'] ?? null;
+    }
+
+    /**
+     * Returns the element's children, lazily wrapped as {@see Element}
+     * instances on first access.
+     *
+     * @return list<Element>
+     */
+    public function children(): array
+    {
+        return $this->children ??= array_map(
+            fn(array $child) => new Element($child),
+            $this->data['children'] ?? [],
+        );
+    }
+}
diff --git a/src/php/core/src/Style/Meta.php b/src/php/core/src/Style/Meta.php
new file mode 100644
index 0000000..5eef4a7
--- /dev/null
+++ b/src/php/core/src/Style/Meta.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Lazily-constructed view over a style definition's `meta` block, exposing
+ * the license, creator, and source descriptors.
+ */
+class Meta
+{
+    private ?MetaLicense $license = null;
+    private ?MetaCreator $creator = null;
+    private ?MetaSource $source = null;
+
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the license descriptor, defaulting to an empty object when the
+     * style definition omits the field.
+     */
+    public function license(): MetaLicense
+    {
+        return $this->license ??= new MetaLicense($this->data['license'] ?? []);
+    }
+
+    /**
+     * Returns the creator descriptor, defaulting to an empty object when the
+     * style definition omits the field.
+     */
+    public function creator(): MetaCreator
+    {
+        return $this->creator ??= new MetaCreator($this->data['creator'] ?? []);
+    }
+
+    /**
+     * Returns the source descriptor, defaulting to an empty object when the
+     * style definition omits the field.
+     */
+    public function source(): MetaSource
+    {
+        return $this->source ??= new MetaSource($this->data['source'] ?? []);
+    }
+}
diff --git a/src/php/core/src/Style/MetaCreator.php b/src/php/core/src/Style/MetaCreator.php
new file mode 100644
index 0000000..eafab19
--- /dev/null
+++ b/src/php/core/src/Style/MetaCreator.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over the `meta.creator` block of a style definition.
+ */
+class MetaCreator
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the creator's display name, or `null` when not set.
+     */
+    public function name(): ?string
+    {
+        return $this->data['name'] ?? null;
+    }
+
+    /**
+     * Returns the creator's homepage URL, or `null` when not set.
+     */
+    public function url(): ?string
+    {
+        return $this->data['url'] ?? null;
+    }
+}
diff --git a/src/php/core/src/Style/MetaLicense.php b/src/php/core/src/Style/MetaLicense.php
new file mode 100644
index 0000000..d6e9071
--- /dev/null
+++ b/src/php/core/src/Style/MetaLicense.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over the `meta.license` block of a style definition.
+ */
+class MetaLicense
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the license name (e.g. `"CC BY 4.0"`), or `null` when not set.
+     */
+    public function name(): ?string
+    {
+        return $this->data['name'] ?? null;
+    }
+
+    /**
+     * Returns the license URL, or `null` when not set.
+     */
+    public function url(): ?string
+    {
+        return $this->data['url'] ?? null;
+    }
+
+    /**
+     * Returns the full license text, or `null` when not set.
+     */
+    public function text(): ?string
+    {
+        return $this->data['text'] ?? null;
+    }
+}
diff --git a/src/php/core/src/Style/MetaSource.php b/src/php/core/src/Style/MetaSource.php
new file mode 100644
index 0000000..a1a9a08
--- /dev/null
+++ b/src/php/core/src/Style/MetaSource.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Style;
+
+/**
+ * Read-only view over the `meta.source` block of a style definition.
+ */
+class MetaSource
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    public function __construct(private readonly array $data) {}
+
+    /**
+     * Returns the source name (e.g. the original work title), or `null` when
+     * not set.
+     */
+    public function name(): ?string
+    {
+        return $this->data['name'] ?? null;
+    }
+
+    /**
+     * Returns the URL of the source, or `null` when not set.
+     */
+    public function url(): ?string
+    {
+        return $this->data['url'] ?? null;
+    }
+}
diff --git a/src/php/core/src/Utils/Color.php b/src/php/core/src/Utils/Color.php
new file mode 100644
index 0000000..3b5c9cc
--- /dev/null
+++ b/src/php/core/src/Utils/Color.php
@@ -0,0 +1,175 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Utils;
+
+/**
+ * Color helpers used by the renderer and option resolver.
+ *
+ * @internal
+ */
+class Color
+{
+    /**
+     * Normalizes any hex format to 6- or 8-digit lowercase with `#` prefix.
+     */
+    public static function toHex(string $hex): string
+    {
+        $normalized = strtolower(ltrim($hex, '#'));
+
+        if (strlen($normalized) === 3) {
+            return '#' . $normalized[0] . $normalized[0] . $normalized[1] . $normalized[1] . $normalized[2] . $normalized[2];
+        }
+
+        if (strlen($normalized) === 4) {
+            return '#' . $normalized[0] . $normalized[0] . $normalized[1] . $normalized[1] . $normalized[2] . $normalized[2] . $normalized[3] . $normalized[3];
+        }
+
+        return '#' . $normalized;
+    }
+
+    /**
+     * Like {@see toHex()}, but strips the alpha channel and always returns
+     * 6-digit hex.
+     */
+    public static function toRgbHex(string $hex): string
+    {
+        $full = self::toHex($hex);
+
+        return strlen($full) > 7 ? substr($full, 0, 7) : $full;
+    }
+
+    /**
+     * Parses a hex color into an `[r, g, b]` triple of 8-bit channel values.
+     *
+     * @return array{0: int, 1: int, 2: int}
+     */
+    public static function parseHex(string $hex): array
+    {
+        $digits = substr(self::toHex($hex), 1);
+
+        return [
+            intval(substr($digits, 0, 2), 16),
+            intval(substr($digits, 2, 2), 16),
+            intval(substr($digits, 4, 2), 16),
+        ];
+    }
+
+    /**
+     * WCAG 2.1 relative luminance with sRGB linearization.
+     *
+     * @see https://www.w3.org/WAI/GL/wiki/Relative_luminance
+     */
+    public static function luminance(string $hex): float
+    {
+        $rgb = self::parseHex($hex);
+        $linearR = self::linearize($rgb[0]);
+        $linearG = self::linearize($rgb[1]);
+        $linearB = self::linearize($rgb[2]);
+
+        return 0.2126 * $linearR + 0.7152 * $linearG + 0.0722 * $linearB;
+    }
+
+    /**
+     * Returns a new array sorted by descending contrast against the reference
+     * color.
+     *
+     * @see https://www.w3.org/WAI/GL/wiki/Contrast_ratio
+     *
+     * @param list<string> $candidates
+     *
+     * @return list<string>
+     */
+    public static function sortByContrast(array $candidates, string $refColor): array
+    {
+        $refLum = self::luminance($refColor);
+        $withRatio = array_map(function (string $color) use ($refLum) {
+            $lum = self::luminance($color);
+            $ratio = (max($lum, $refLum) + 0.05) / (min($lum, $refLum) + 0.05);
+
+            return ['color' => $color, 'ratio' => $ratio];
+        }, $candidates);
+
+        usort($withRatio, fn($a, $b) => $b['ratio'] <=> $a['ratio']);
+
+        return array_map(fn($entry) => $entry['color'], $withRatio);
+    }
+
+    /**
+     * Returns a new array with excluded colors removed. Falls back to the
+     * original candidates when filtering would empty the list.
+     *
+     * @param list<string> $candidates
+     * @param list<string> $excluded
+     *
+     * @return list<string>
+     */
+    public static function filterNotEqualTo(array $candidates, array $excluded): array
+    {
+        $normalized = [];
+        foreach ($excluded as $color) {
+            $normalized[self::toRgbHex($color)] = true;
+        }
+
+        $filtered = array_values(array_filter(
+            $candidates,
+            fn(string $color) => !isset($normalized[self::toRgbHex($color)]),
+        ));
+
+        return count($filtered) > 0 ? $filtered : $candidates;
+    }
+
+    /**
+     * Linear-light value for every 8-bit sRGB channel value, precomputed from
+     * `$srgb / 12.92` below the 0.04045 threshold and
+     * `(($srgb + 0.055) / 1.055) ** 2.4` above it (`$srgb = $channel / 255`).
+     *
+     * A lookup table because `**`/`pow` is not required to be correctly
+     * rounded: results differ between math libraries and JS engines, which
+     * would break cross-language byte parity. Values are the JS reference
+     * outputs.
+     */
+    private const LINEARIZED = [
+        0.0, 0.0003035269835488375, 0.000607053967097675, 0.0009105809506465125, 0.00121410793419535, 0.0015176349177441874, 0.001821161901293025, 0.0021246888848418626,
+        0.0024282158683907, 0.0027317428519395373, 0.003035269835488375, 0.003346535763899161, 0.003676507324047436, 0.004024717018496307, 0.004391442037410293, 0.004776953480693729,
+        0.005181516702338386, 0.005605391624202723, 0.006048833022857055, 0.006512090792594474, 0.006995410187265387, 0.007499032043226175, 0.008023192985384994, 0.008568125618069307,
+        0.009134058702220787, 0.009721217320237847, 0.010329823029626938, 0.010960094006488246, 0.011612245179743887, 0.012286488356915872, 0.012983032342173012, 0.013702083047289686,
+        0.014443843596092545, 0.01520851442291271, 0.01599629336550963, 0.016807375752887384, 0.017641954488384078, 0.018500220128379697, 0.019382360956935723, 0.0202885630566524,
+        0.021219010376003558, 0.02217388479338738, 0.02315336617811041, 0.024157632448504756, 0.025186859627361627, 0.026241221894849898, 0.027320891639074897, 0.028426039504420793,
+        0.0295568344378088, 0.030713443732993635, 0.03189603307301153, 0.033104766570885055, 0.03433980680868217, 0.03560131487502034, 0.03688945040110004, 0.0382043715953465,
+        0.03954623527673283, 0.04091519690685319, 0.042311410620809675, 0.043735029256973465, 0.04518620438567554, 0.0466650863368801, 0.048171824226889426, 0.04970656598412723,
+        0.05126945837404324, 0.052860647023180246, 0.05448027644244237, 0.05612849004960009, 0.05780543019106723, 0.0595112381629812, 0.06124605423161761, 0.06301001765316767,
+        0.06480326669290577, 0.06662593864377289, 0.06847816984440017, 0.07036009569659588, 0.07227185068231748, 0.07421356838014963, 0.07618538148130785, 0.07818742180518633,
+        0.08021982031446831, 0.0822827071298148, 0.08437621154414882, 0.08650046203654976, 0.08865558628577294, 0.09084171118340767, 0.09305896284668747, 0.0953074666309647,
+        0.09758734714186246, 0.09989872824711389, 0.1022417330881013, 0.10461648409110419, 0.10702310297826761, 0.10946171077829933, 0.1119324278369056, 0.11443537382697373,
+        0.11697066775851084, 0.11953842798834562, 0.12213877222960187, 0.12477181756095049, 0.12743768043564743, 0.1301364766903643, 0.13286832155381798, 0.13563332965520566,
+        0.13843161503245183, 0.14126329114027164, 0.14412847085805777, 0.14702726649759498, 0.14995978981060856, 0.15292615199615017, 0.1559264637078274, 0.1589608350608804,
+        0.16202937563911096, 0.1651321945016676, 0.16826940018969075, 0.1714411007328226, 0.17464740365558504, 0.17788841598362914, 0.18116424424986022, 0.184474994500441,
+        0.18782077230067787, 0.1912016827407914, 0.19461783044157582, 0.19806931955994886, 0.20155625379439707, 0.20507873639031693, 0.20863687014525575, 0.21223075741405523,
+        0.21586050011389923, 0.21952619972926923, 0.2232279573168085, 0.22696587351009836, 0.23074004852434915, 0.23455058216100522, 0.238397573812271, 0.24228112246555486,
+        0.24620132670783548, 0.25015828472995344, 0.25415209433082675, 0.2581828529215958, 0.26225065752969623, 0.26635560480286247, 0.2704977910130658, 0.27467731206038465,
+        0.2788942634768104, 0.2831487404299921, 0.2874408377269175, 0.29177064981753587, 0.2961382707983211, 0.3005437944157765, 0.3049873140698863, 0.30946892281750854,
+        0.31398871337571754, 0.31854677812509186, 0.32314320911295075, 0.3277780980565422, 0.33245153634617935, 0.33716361504833037, 0.341914424908661, 0.3467040563550296,
+        0.35153259950043936, 0.3564001441459435, 0.3613067797835095, 0.3662525955988395, 0.3712376804741491, 0.37626212299090644, 0.3813260114325301, 0.386429433787049,
+        0.39157247774972326, 0.39675523072562685, 0.40197777983219574, 0.4072402119017367, 0.41254261348390375, 0.4178850708481375, 0.4232676699860717, 0.4286904966139067,
+        0.4341536361747489, 0.4396571738409188, 0.44520119451622786, 0.45078578283822346, 0.45641102318040466, 0.4620769996544071, 0.467783796112159, 0.47353149614800955,
+        0.4793201831008268, 0.4851499400560704, 0.4910208498478356, 0.4969329950608704, 0.5028864580325687, 0.5088813208549338, 0.5149176653765214, 0.5209955732043543,
+        0.5271151257058131, 0.5332764040105052, 0.5394794890121071, 0.5457244613701866, 0.5520114015120001, 0.5583403896342679, 0.5647115057049292, 0.5711248294648731,
+        0.5775804404296506, 0.5840784178911641, 0.5906188409193369, 0.5972017883637634, 0.6038273388553378, 0.6104955708078648, 0.6172065624196511, 0.6239603916750761,
+        0.6307571363461468, 0.6375968739940326, 0.6444796819705821, 0.6514056374198242, 0.6583748172794486, 0.665387298282272, 0.6724431569576875, 0.6795424696330938,
+        0.6866853124353134, 0.6938717612919899, 0.7011018919329731, 0.7083757798916868, 0.7156935005064807, 0.7230551289219693, 0.7304607400903537, 0.7379104087727308,
+        0.7454042095403874, 0.7529422167760779, 0.7605245046752924, 0.7681511472475071, 0.7758222183174236, 0.7835377915261935, 0.7912979403326302, 0.799102738014409,
+        0.8069522576692516, 0.8148465722161012, 0.8227857543962835, 0.8307698767746546, 0.83879901174074, 0.846873231509858, 0.8549926081242338, 0.8631572134541023,
+        0.8713671191987973, 0.8796223968878317, 0.8879231178819663, 0.8962693533742664, 0.9046611743911496, 0.9130986517934192, 0.9215818562772946, 0.9301108583754237,
+        0.938685728457888, 0.9473065367331999, 0.9559733532492861, 0.9646862478944651, 0.9734452903984125, 0.9822505503331171, 0.9911020971138298, 1.0,
+    ];
+
+    /**
+     * Converts an 8-bit sRGB channel value into linear-light space.
+     */
+    private static function linearize(int $channel): float
+    {
+        return self::LINEARIZED[$channel];
+    }
+}
diff --git a/src/php/core/src/Utils/Initials.php b/src/php/core/src/Utils/Initials.php
new file mode 100644
index 0000000..2972384
--- /dev/null
+++ b/src/php/core/src/Utils/Initials.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Utils;
+
+/**
+ * Derives display initials from a seed string.
+ *
+ * @see https://www.regular-expressions.info/unicode.html
+ *
+ * @internal
+ */
+class Initials
+{
+    /**
+     * Returns one or two uppercase initials for the given seed. By default
+     * strips `@...` so email addresses yield a single initial instead of
+     * being treated as two words.
+     */
+    public static function fromSeed(string $seed, bool $discardAtSymbol = true): string
+    {
+        $input = $seed;
+
+        if ($discardAtSymbol) {
+            // Strip the entire @ suffix (e.g. an email domain), including any
+            // line terminators — the /s (dotall) modifier makes . match
+            // newlines too.
+            $input = preg_replace('/@.*/s', '', $seed);
+        }
+
+        // The /u flag is required so the character class strips whole code
+        // points; without it preg_replace removes the raw UTF-8 bytes 0xB4/0xBC
+        // that also occur inside multibyte letters (e.g. ô, ü), corrupting them.
+        $input = preg_replace('/[`´\'ʼ]/u', '', $input);
+
+        if (!preg_match_all('/(\p{L}[\p{L}\p{M}]*)/u', $input, $matches)) {
+            return $discardAtSymbol ? self::fromSeed($seed, false) : '';
+        }
+
+        $words = $matches[0];
+
+        if (count($words) === 1) {
+            if (preg_match('/^(?:\p{L}\p{M}*){1,2}/u', $words[0], $match)) {
+                return mb_strtoupper($match[0]);
+            }
+
+            return '';
+        }
+
+        $first = null;
+        $last = null;
+
+        if (preg_match('/^(?:\p{L}\p{M}*)/u', $words[0], $match)) {
+            $first = $match[0];
+        }
+
+        if (preg_match('/^(?:\p{L}\p{M}*)/u', $words[count($words) - 1], $match)) {
+            $last = $match[0];
+        }
+
+        if ($first === null || $last === null) {
+            return '';
+        }
+
+        return mb_strtoupper($first . $last);
+    }
+}
diff --git a/src/php/core/src/Utils/License.php b/src/php/core/src/Utils/License.php
new file mode 100644
index 0000000..4cdf13d
--- /dev/null
+++ b/src/php/core/src/Utils/License.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Utils;
+
+use DiceBear\Style\Meta;
+
+/**
+ * Builds attribution strings and embedded RDF/Dublin Core metadata from a
+ * style's {@see Meta} block.
+ *
+ * @internal
+ */
+class License
+{
+    /**
+     * Returns a single-line attribution string suitable for `<title>` or
+     * `<desc>` content. Returns an empty string when no attribution data is
+     * available.
+     */
+    public static function text(Meta $meta): string
+    {
+        $sourceName = $meta->source()->name();
+        $sourceUrl = $meta->source()->url();
+        $creatorName = $meta->creator()->name();
+        $licenseName = $meta->license()->name();
+        $licenseUrl = $meta->license()->url();
+
+        if ($sourceName === null && $creatorName === null && $licenseName === null) {
+            return '';
+        }
+
+        $title = $sourceName !== null ? "“{$sourceName}”" : 'Design';
+
+        if ($sourceUrl !== null) {
+            $title .= " ({$sourceUrl})";
+        }
+
+        $creator = '“' . ($creatorName ?? 'Unknown') . '”';
+
+        $result = '';
+
+        // Skip "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+        if ($licenseName !== 'MIT' && $creatorName !== 'DiceBear' && $sourceName !== null) {
+            $result .= 'Remix of ';
+        }
+
+        $result .= "{$title} by {$creator}";
+
+        if ($licenseName !== null) {
+            $result .= ", licensed under “{$licenseName}”";
+
+            if ($licenseUrl !== null) {
+                $result .= " ({$licenseUrl})";
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Builds an embedded `<metadata>` block with Dublin Core terms describing
+     * the style's source, creator, license, and rights statement. Returns an
+     * empty string when no metadata fields are populated.
+     */
+    public static function xml(Meta $meta): string
+    {
+        $title = $meta->source()->name();
+        $creatorName = $meta->creator()->name();
+        $sourceUrl = $meta->source()->url();
+        $licenseUrl = $meta->license()->url();
+        $rights = self::text($meta);
+
+        if ($title === null && $creatorName === null && $sourceUrl === null && $licenseUrl === null && $rights === '') {
+            return '';
+        }
+
+        $fields = [];
+
+        if ($title !== null) {
+            $fields[] = '<dc:title>' . Xml::escape($title) . '</dc:title>';
+        }
+
+        if ($creatorName !== null) {
+            $fields[] = '<dc:creator>' . Xml::escape($creatorName) . '</dc:creator>';
+        }
+
+        if ($sourceUrl !== null) {
+            $fields[] = '<dc:source xsi:type="dcterms:URI">' . Xml::escape($sourceUrl) . '</dc:source>';
+        }
+
+        if ($licenseUrl !== null) {
+            $fields[] = '<dcterms:license xsi:type="dcterms:URI">' . Xml::escape($licenseUrl) . '</dcterms:license>';
+        }
+
+        if ($rights !== '') {
+            $fields[] = '<dc:rights>' . Xml::escape($rights) . '</dc:rights>';
+        }
+
+        return '<metadata'
+            . ' xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"'
+            . ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
+            . ' xmlns:dc="http://purl.org/dc/elements/1.1/"'
+            . ' xmlns:dcterms="http://purl.org/dc/terms/">'
+            . '<rdf:RDF><rdf:Description>' . implode('', $fields) . '</rdf:Description></rdf:RDF>'
+            . '</metadata>';
+    }
+}
diff --git a/src/php/core/src/Utils/Number.php b/src/php/core/src/Utils/Number.php
new file mode 100644
index 0000000..1720626
--- /dev/null
+++ b/src/php/core/src/Utils/Number.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Utils;
+
+/**
+ * Formats a number for SVG output, rounded to at most 5 decimal places.
+ *
+ * Rounding to a fixed precision keeps the output bounded and identical across
+ * the JS, PHP, Python, Rust, Go, and Dart ports: every value becomes a
+ * multiple of 1e-5 in the SVG coordinate range, which has no exponential form,
+ * so the result is built from integer arithmetic — sidestepping PHP's
+ * `precision`-based float cast, which would otherwise diverge from the JS
+ * reference for small/large values. Five decimals is far below sub-pixel
+ * precision for any realistic canvas.
+ *
+ * @internal
+ */
+class Number
+{
+    public static function format(int|float $value): string
+    {
+        if (is_nan((float) $value)) {
+            return 'NaN';
+        }
+
+        if (is_infinite((float) $value)) {
+            return $value > 0 ? 'Infinity' : '-Infinity';
+        }
+
+        $scaled = self::roundHalfUp($value * 100000);
+        $sign = $scaled < 0 ? '-' : '';
+        $scaled = abs($scaled);
+
+        $integerPart = intdiv($scaled, 100000);
+        $fraction = rtrim(str_pad((string) ($scaled % 100000), 5, '0', STR_PAD_LEFT), '0');
+
+        return $sign . $integerPart . ($fraction !== '' ? '.' . $fraction : '');
+    }
+
+    /**
+     * Rounds half toward +Infinity, matching JS Math.round. Comparing the
+     * fractional part against 0.5 — rather than floor($x + 0.5) — avoids the
+     * edge case where the largest double below 0.5 would round up to 1.0.
+     */
+    public static function roundHalfUp(float $value): int
+    {
+        $floor = floor($value);
+
+        return (int) ($value - $floor < 0.5 ? $floor : $floor + 1);
+    }
+}
diff --git a/src/php/core/src/Utils/Xml.php b/src/php/core/src/Utils/Xml.php
new file mode 100644
index 0000000..268a95f
--- /dev/null
+++ b/src/php/core/src/Utils/Xml.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Utils;
+
+/**
+ * Minimal XML escaping helper for SVG/XML text and attribute content.
+ *
+ * @internal
+ */
+class Xml
+{
+    private const ENTITIES = [
+        '&' => '&amp;',
+        "'" => '&apos;',
+        '"' => '&quot;',
+        '<' => '&lt;',
+        '>' => '&gt;',
+    ];
+
+    /**
+     * Returns `$value` with the five XML predefined entities escaped.
+     */
+    public static function escape(string $value): string
+    {
+        return strtr($value, self::ENTITIES);
+    }
+}
diff --git a/src/php/core/src/Validator/AbstractValidator.php b/src/php/core/src/Validator/AbstractValidator.php
new file mode 100644
index 0000000..1cc3df8
--- /dev/null
+++ b/src/php/core/src/Validator/AbstractValidator.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Validator;
+
+use Composer\InstalledVersions;
+use Opis\JsonSchema\Errors\ValidationError as OpisValidationError;
+use Opis\JsonSchema\Validator;
+
+/**
+ * Base class for JSON Schema validators.
+ *
+ * Subclasses bind a schema file and convert input data into the shape Opis
+ * expects, then translate validation failures into a domain-specific error.
+ *
+ * @internal
+ */
+abstract class AbstractValidator
+{
+    private static ?Validator $validator = null;
+    /** @var array<class-string, object> */
+    private static array $schemas = [];
+
+    /**
+     * Returns the schema file name (relative to the schema package's `src/`).
+     */
+    abstract protected static function schemaFile(): string;
+
+    /**
+     * Converts the input value to the structure expected by Opis JSON Schema.
+     */
+    abstract protected static function toObject(mixed $data): mixed;
+
+    /**
+     * Throws the subclass-specific validation error.
+     *
+     * @param list<array{message?: string, instancePath?: string}> $details
+     */
+    abstract protected static function throwError(array $details): never;
+
+    /**
+     * Validates the given data against the bound schema.
+     *
+     * Throws the subclass-specific validation error on failure.
+     */
+    public static function validate(mixed $data): void
+    {
+        $result = self::validator()->validate(static::toObject($data), static::schema());
+
+        if (!$result->isValid()) {
+            /** @var list<array{message?: string, instancePath?: string}> $details */
+            $details = [];
+
+            self::collectErrors($result->error(), $details);
+
+            if (count($details) === 0) {
+                $details[] = ['message' => 'Validation failed'];
+            }
+
+            static::throwError($details);
+        }
+    }
+
+    private static function validator(): Validator
+    {
+        if (self::$validator === null) {
+            self::$validator = new Validator();
+            self::$validator->setMaxErrors(10);
+        }
+
+        return self::$validator;
+    }
+
+    /**
+     * Returns the parsed schema, cached per concrete subclass.
+     */
+    protected static function schema(): object
+    {
+        $key = static::class;
+
+        return self::$schemas[$key] ??= json_decode(
+            file_get_contents(self::schemaPath(static::schemaFile())),
+        );
+    }
+
+    /**
+     * Resolves a schema file name to its absolute path inside dicebear/schema.
+     */
+    private static function schemaPath(string $filename): string
+    {
+        return InstalledVersions::getInstallPath('dicebear/schema') . '/src/' . $filename;
+    }
+
+    /**
+     * Walks an Opis validation error tree and flattens leaf errors into
+     * `[ message, instancePath ]` entries.
+     *
+     * @param list<array{message?: string, instancePath?: string}> $details
+     */
+    private static function collectErrors(?OpisValidationError $error, array &$details): void
+    {
+        if ($error === null) {
+            return;
+        }
+
+        $subErrors = $error->subErrors();
+
+        if (count($subErrors) > 0) {
+            foreach ($subErrors as $sub) {
+                self::collectErrors($sub, $details);
+            }
+
+            return;
+        }
+
+        $path = $error->data()->fullPath();
+        $instancePath = count($path) > 0 ? '/' . implode('/', $path) : '';
+
+        $details[] = [
+            'message' => $error->keyword(),
+            'instancePath' => $instancePath,
+        ];
+    }
+}
diff --git a/src/php/core/src/Validator/OptionsValidator.php b/src/php/core/src/Validator/OptionsValidator.php
new file mode 100644
index 0000000..c05b222
--- /dev/null
+++ b/src/php/core/src/Validator/OptionsValidator.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Validator;
+
+use DiceBear\Error\OptionsValidationError;
+
+/**
+ * Validates avatar options against the shared `options.json` schema.
+ *
+ * @internal
+ */
+class OptionsValidator extends AbstractValidator
+{
+    /**
+     * @inheritDoc
+     */
+    protected static function schemaFile(): string
+    {
+        return 'options.json';
+    }
+
+    /**
+     * @inheritDoc
+     *
+     * Empty arrays are coerced to `stdClass` so they validate as JSON objects
+     * rather than empty arrays.
+     */
+    protected static function toObject(mixed $data): mixed
+    {
+        if (!is_array($data)) {
+            return $data;
+        }
+
+        return empty($data) ? new \stdClass() : json_decode(json_encode($data));
+    }
+
+    /**
+     * @inheritDoc
+     */
+    protected static function throwError(array $details): never
+    {
+        throw new OptionsValidationError($details);
+    }
+}
diff --git a/src/php/core/src/Validator/StyleValidator.php b/src/php/core/src/Validator/StyleValidator.php
new file mode 100644
index 0000000..1683538
--- /dev/null
+++ b/src/php/core/src/Validator/StyleValidator.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Validator;
+
+use DiceBear\Error\StyleValidationError;
+
+/**
+ * Validates style definitions against the shared `definition.json` schema.
+ *
+ * @internal
+ */
+class StyleValidator extends AbstractValidator
+{
+    /**
+     * @inheritDoc
+     */
+    protected static function schemaFile(): string
+    {
+        return 'definition.json';
+    }
+
+    /**
+     * @inheritDoc
+     */
+    protected static function toObject(mixed $data): mixed
+    {
+        return is_array($data) ? json_decode(json_encode($data)) : $data;
+    }
+
+    /**
+     * @inheritDoc
+     */
+    protected static function throwError(array $details): never
+    {
+        throw new StyleValidationError($details);
+    }
+}
diff --git a/src/php/core/tests/AvatarTest.php b/src/php/core/tests/AvatarTest.php
new file mode 100644
index 0000000..a52b214
--- /dev/null
+++ b/src/php/core/tests/AvatarTest.php
@@ -0,0 +1,143 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Avatar;
+use DiceBear\Style;
+use PHPUnit\Framework\TestCase;
+
+class AvatarTest extends TestCase
+{
+    private static function minimalStyleData(): array
+    {
+        return ['canvas' => ['width' => 100, 'height' => 100, 'elements' => []]];
+    }
+
+    // constructor
+
+    public function testAcceptsStyleInstanceAndRawOptions(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+        $this->assertInstanceOf(Avatar::class, $avatar);
+    }
+
+    public function testAcceptsRawStyleDataButEmitsDeprecation(): void
+    {
+        // Back-compat: passing a raw definition still renders, but is
+        // deprecated in favor of wrapping it in a Style first. This is the
+        // single test that intentionally exercises the E_USER_DEPRECATED.
+        //
+        // A temporary error handler fully captures (and thereby consumes) the
+        // deprecation so it does not surface as a reported PHPUnit issue,
+        // while still letting us assert that it fired and that rendering works.
+        $captured = [];
+        set_error_handler(static function (int $errno, string $errstr) use (&$captured): bool {
+            $captured[] = $errstr;
+            return true;
+        }, E_USER_DEPRECATED);
+
+        try {
+            $avatar = new Avatar(self::minimalStyleData(), ['seed' => 'test']);
+        } finally {
+            restore_error_handler();
+        }
+
+        $this->assertCount(1, $captured, 'passing a raw definition must emit exactly one deprecation');
+        $this->assertSame(
+            'Passing a style definition to ' . Avatar::class . ' is deprecated and '
+                . 'will be removed in v11. Wrap it in a Style first: '
+                . 'new Avatar(new Style($definition), $options).',
+            $captured[0],
+        );
+
+        // The deprecated definition path must still render identically.
+        $this->assertInstanceOf(Avatar::class, $avatar);
+        $this->assertStringStartsWith('<svg ', $avatar->toString());
+    }
+
+    public function testAcceptsRawStyleDataAndRawOptions(): void
+    {
+        $avatar = new Avatar(new Style(self::minimalStyleData()), ['seed' => 'test']);
+        $this->assertInstanceOf(Avatar::class, $avatar);
+    }
+
+    public function testWorksWithoutOptions(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style);
+        $this->assertInstanceOf(Avatar::class, $avatar);
+    }
+
+    // toString
+
+    public function testToStringReturnsString(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+        $this->assertIsString($avatar->toString());
+    }
+
+    // toJSON
+
+    public function testToJsonReturnsObjectWithSvgAndOptions(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+        $json = $avatar->toJSON();
+
+        $this->assertIsString($json['svg']);
+        $this->assertIsArray($json['options']);
+    }
+
+    public function testToJsonConsistentWithToString(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+
+        $this->assertSame($avatar->toJSON()['svg'], $avatar->toString());
+    }
+
+    public function testToJsonReturnsDeepCopyOfOptions(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+
+        $json1 = $avatar->toJSON();
+        $json2 = $avatar->toJSON();
+        $json1['options']['injected'] = 'modified';
+
+        $this->assertArrayNotHasKey('injected', $json2['options']);
+    }
+
+    public function testToJsonDoesNotIncludeSeed(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+
+        $this->assertArrayNotHasKey('seed', $avatar->toJSON()['options']);
+    }
+
+    // toDataUri
+
+    public function testToDataUriReturnsDataUri(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+
+        $this->assertStringStartsWith('data:image/svg+xml;charset=utf-8,', $avatar->toDataUri());
+    }
+
+    public function testToDataUriContainsEncodedSvg(): void
+    {
+        $style = new Style(self::minimalStyleData());
+        $avatar = new Avatar($style, ['seed' => 'test']);
+
+        // The exact byte-level encoding (JS encodeURIComponent) is pinned by
+        // the parity fixtures; here only the round-trip is asserted.
+        $payload = substr($avatar->toDataUri(), strlen('data:image/svg+xml;charset=utf-8,'));
+        $this->assertSame($avatar->toString(), rawurldecode($payload));
+    }
+}
diff --git a/src/php/core/tests/OptionsDescriptorTest.php b/src/php/core/tests/OptionsDescriptorTest.php
new file mode 100644
index 0000000..f2842fc
--- /dev/null
+++ b/src/php/core/tests/OptionsDescriptorTest.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\OptionsDescriptor;
+use DiceBear\Style;
+use PHPUnit\Framework\TestCase;
+
+class OptionsDescriptorTest extends TestCase
+{
+    private static function minimalStyle(): Style
+    {
+        return new Style(['canvas' => ['width' => 100, 'height' => 100, 'elements' => []]]);
+    }
+
+    private static function fullStyle(): Style
+    {
+        return new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 100, 'height' => 100,
+                    'variants' => [
+                        'open' => ['elements' => []],
+                        'closed' => ['elements' => []],
+                        'wink' => ['elements' => []],
+                    ],
+                ],
+                'mouth' => [
+                    'width' => 100, 'height' => 100,
+                    'variants' => [
+                        'happy' => ['elements' => []],
+                        'sad' => ['elements' => []],
+                    ],
+                ],
+            ],
+            'colors' => [
+                'skin' => ['values' => ['#ff0000', '#00ff00']],
+                'hair' => ['values' => ['#000000']],
+                'text' => ['values' => ['#ffffff', '#000000'], 'contrastTo' => 'background'],
+            ],
+        ]);
+    }
+
+    // base options
+
+    public function testIncludesAllBaseOptions(): void
+    {
+        $schema = (new OptionsDescriptor(self::minimalStyle()))->toJSON();
+
+        $this->assertSame(['type' => 'string'], $schema['seed']);
+        $this->assertSame(['type' => 'number', 'min' => 1, 'max' => 4096], $schema['size']);
+        $this->assertSame(['type' => 'boolean'], $schema['idRandomization']);
+        $this->assertSame(['type' => 'enum', 'values' => ['none', 'horizontal', 'vertical', 'both'], 'list' => true], $schema['flip']);
+        $this->assertSame(['type' => 'range', 'min' => 0, 'max' => 10], $schema['scale']);
+        $this->assertSame(['type' => 'range', 'min' => 0, 'max' => 50], $schema['borderRadius']);
+        $this->assertSame(['type' => 'range', 'min' => -360, 'max' => 360], $schema['rotate']);
+        $this->assertSame(['type' => 'range', 'min' => -1000, 'max' => 1000], $schema['translateX']);
+        $this->assertSame(['type' => 'range', 'min' => -1000, 'max' => 1000], $schema['translateY']);
+        $this->assertSame(['type' => 'string', 'list' => true], $schema['fontFamily']);
+        $this->assertSame(['type' => 'number', 'min' => 1, 'max' => 1000, 'list' => true], $schema['fontWeight']);
+    }
+
+    public function testAlwaysIncludesBackgroundColorOptions(): void
+    {
+        $schema = (new OptionsDescriptor(self::minimalStyle()))->toJSON();
+
+        $this->assertSame(['type' => 'color', 'list' => true], $schema['backgroundColor']);
+        $this->assertSame(['type' => 'enum', 'values' => ['solid', 'linear', 'radial'], 'list' => true], $schema['backgroundColorFill']);
+        $this->assertSame(['type' => 'range', 'min' => 2], $schema['backgroundColorFillStops']);
+        $this->assertSame(['type' => 'range', 'min' => -360, 'max' => 360], $schema['backgroundColorAngle']);
+    }
+
+    // component options
+
+    public function testGeneratesComponentOptions(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+
+        $this->assertArrayHasKey('eyesVariant', $schema);
+        $this->assertArrayHasKey('eyesProbability', $schema);
+        $this->assertArrayNotHasKey('eyesRotate', $schema);
+        $this->assertArrayNotHasKey('eyesTranslateX', $schema);
+        $this->assertArrayNotHasKey('eyesTranslateY', $schema);
+        $this->assertArrayNotHasKey('eyesScale', $schema);
+        $this->assertArrayHasKey('mouthVariant', $schema);
+    }
+
+    public function testRootScaleConstraints(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+        $this->assertSame(['type' => 'range', 'min' => 0, 'max' => 10], $schema['scale']);
+    }
+
+    public function testSortedVariantNames(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+
+        $this->assertSame([
+            'type' => 'enum',
+            'values' => ['closed', 'open', 'wink'],
+            'list' => true,
+            'weighted' => true,
+        ], $schema['eyesVariant']);
+    }
+
+    public function testProbabilityConstraints(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+        $this->assertSame(['type' => 'number', 'min' => 0, 'max' => 100], $schema['eyesProbability']);
+    }
+
+    // color options
+
+    public function testGeneratesColorOptions(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+
+        $this->assertSame(['type' => 'color', 'list' => true], $schema['skinColor']);
+        $this->assertSame(['type' => 'color', 'list' => true], $schema['hairColor']);
+        $this->assertSame(['type' => 'enum', 'values' => ['solid', 'linear', 'radial'], 'list' => true], $schema['skinColorFill']);
+    }
+
+    public function testExposesContrastToOnColorFields(): void
+    {
+        $schema = (new OptionsDescriptor(self::fullStyle()))->toJSON();
+
+        $this->assertSame([
+            'type' => 'color',
+            'list' => true,
+            'contrastTo' => 'background',
+        ], $schema['textColor']);
+        $this->assertArrayNotHasKey('contrastTo', $schema['skinColor']);
+    }
+
+    // caching
+
+    public function testStructurallyEqual(): void
+    {
+        $descriptor = new OptionsDescriptor(self::fullStyle());
+        $this->assertSame($descriptor->toJSON(), $descriptor->toJSON());
+    }
+
+    public function testReturnsIndependentCopies(): void
+    {
+        $descriptor = new OptionsDescriptor(self::fullStyle());
+        $a = $descriptor->toJSON();
+        $b = $descriptor->toJSON();
+
+        $a['seed'] = ['type' => 'mutated'];
+        $this->assertNotSame($a['seed'], $b['seed']);
+    }
+}
diff --git a/src/php/core/tests/OptionsTest.php b/src/php/core/tests/OptionsTest.php
new file mode 100644
index 0000000..0e72f44
--- /dev/null
+++ b/src/php/core/tests/OptionsTest.php
@@ -0,0 +1,209 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Error\OptionsValidationError;
+use DiceBear\Error\ValidationError;
+use DiceBear\Options;
+use PHPUnit\Framework\TestCase;
+
+class OptionsTest extends TestCase
+{
+    // constructor
+
+    public function testAcceptsEmptyData(): void
+    {
+        $this->assertNotNull(new Options([]));
+    }
+
+    public function testAcceptsFullInputData(): void
+    {
+        $options = new Options([
+            'seed' => 'test-seed',
+            'size' => 128,
+            'flip' => 'horizontal',
+            'scale' => 1.2,
+        ]);
+        $this->assertNotNull($options);
+    }
+
+    public function testThrowsOptionsValidationError(): void
+    {
+        $this->expectException(OptionsValidationError::class);
+        new Options(['size' => -1]);
+    }
+
+    public function testThrowsValidationError(): void
+    {
+        $this->expectException(ValidationError::class);
+        new Options(['size' => -1]);
+    }
+
+    public function testErrorIncludesDetails(): void
+    {
+        try {
+            new Options(['size' => -1]);
+            $this->fail('Expected error');
+        } catch (OptionsValidationError $e) {
+            $this->assertIsArray($e->details);
+            $this->assertGreaterThan(0, count($e->details));
+        }
+    }
+
+    // scalar passthroughs
+
+    public function testScalarsReturnNullWhenUnset(): void
+    {
+        $options = new Options([]);
+        $this->assertNull($options->seed());
+        $this->assertNull($options->size());
+        $this->assertNull($options->idRandomization());
+        $this->assertNull($options->title());
+    }
+
+    public function testScalarsReturnUserSetValues(): void
+    {
+        $options = new Options([
+            'seed' => 'abc',
+            'size' => 256,
+            'idRandomization' => true,
+            'title' => 'My Avatar',
+        ]);
+        $this->assertSame('abc', $options->seed());
+        $this->assertSame(256, $options->size());
+        $this->assertTrue($options->idRandomization());
+        $this->assertSame('My Avatar', $options->title());
+    }
+
+    // top-level normalization
+
+    public function testNormalizesScalarListToOneElementList(): void
+    {
+        $options = new Options(['flip' => 'horizontal']);
+        $this->assertSame(['horizontal'], $options->flip());
+    }
+
+    public function testPassesListArrayThrough(): void
+    {
+        $options = new Options(['flip' => ['horizontal', 'vertical']]);
+        $this->assertSame(['horizontal', 'vertical'], $options->flip());
+    }
+
+    public function testNormalizesScalarRangeToFixedValue(): void
+    {
+        $options = new Options(['scale' => 1.5]);
+        $this->assertSame(['min' => 1.5, 'max' => 1.5], $options->scale());
+    }
+
+    public function testNormalizesRangeTupleToObject(): void
+    {
+        $options = new Options(['scale' => [0.8, 1.2]]);
+        $this->assertSame(['min' => 0.8, 'max' => 1.2], $options->scale());
+    }
+
+    public function testSingleElementRangeArrayIsAFixedValue(): void
+    {
+        // `[n]` behaves like the scalar `n`; an empty array is unset (default).
+        $this->assertSame(['min' => 2, 'max' => 2], (new Options(['scale' => [2]]))->scale());
+        $this->assertNull((new Options(['scale' => []]))->scale());
+    }
+
+    public function testReturnsNullForUnsetRangeOptions(): void
+    {
+        $options = new Options([]);
+        $this->assertNull($options->scale());
+        $this->assertNull($options->borderRadius());
+        $this->assertNull($options->rotate());
+        $this->assertNull($options->translateX());
+        $this->assertNull($options->translateY());
+    }
+
+    public function testReturnsEmptyArrayForUnsetListOptions(): void
+    {
+        $options = new Options([]);
+        $this->assertSame([], $options->flip());
+        $this->assertSame([], $options->fontFamily());
+        $this->assertSame([], $options->fontWeight());
+    }
+
+    // componentVariant()
+
+    public function testComponentVariantReturnsNullWhenUnset(): void
+    {
+        $this->assertNull((new Options([]))->componentVariant('eyes'));
+    }
+
+    public function testComponentVariantNormalizesStringToWeightedMap(): void
+    {
+        $options = new Options(['eyesVariant' => 'open']);
+        $this->assertSame(['open' => 1], $options->componentVariant('eyes'));
+    }
+
+    public function testComponentVariantNormalizesListToWeightedMap(): void
+    {
+        $options = new Options(['eyesVariant' => ['open', 'closed']]);
+        $this->assertSame(['open' => 1, 'closed' => 1], $options->componentVariant('eyes'));
+    }
+
+    public function testComponentVariantPassesWeightedRecordThrough(): void
+    {
+        $options = new Options(['eyesVariant' => ['open' => 5, 'closed' => 1]]);
+        $this->assertSame(['open' => 5, 'closed' => 1], $options->componentVariant('eyes'));
+    }
+
+    // componentProbability()
+
+    public function testComponentProbabilityReturnsNullWhenUnset(): void
+    {
+        $this->assertNull((new Options([]))->componentProbability('eyes'));
+    }
+
+    public function testComponentProbabilityReturnsValue(): void
+    {
+        $options = new Options(['eyesProbability' => 80]);
+        $this->assertSame(80, $options->componentProbability('eyes'));
+    }
+
+    // color()
+
+    public function testColorReturnsNullWhenUnset(): void
+    {
+        $this->assertNull((new Options([]))->color('skin'));
+    }
+
+    public function testColorNormalizesSingleHex(): void
+    {
+        $options = new Options(['skinColor' => '#f0c8a0']);
+        $this->assertSame(['#f0c8a0'], $options->color('skin'));
+    }
+
+    public function testColorPassesListThrough(): void
+    {
+        $options = new Options(['skinColor' => ['#f0c8a0', '#d4a574']]);
+        $this->assertSame(['#f0c8a0', '#d4a574'], $options->color('skin'));
+    }
+
+    // colorFill / colorAngle / colorFillStops
+
+    public function testColorMetaNormalizes(): void
+    {
+        $options = new Options([
+            'skinColorFill' => 'linear',
+            'skinColorAngle' => 45,
+            'skinColorFillStops' => [2, 4],
+        ]);
+        $this->assertSame(['linear'], $options->colorFill('skin'));
+        $this->assertSame(['min' => 45, 'max' => 45], $options->colorAngle('skin'));
+        $this->assertSame(['min' => 2, 'max' => 4], $options->colorFillStops('skin'));
+    }
+
+    public function testColorMetaDefaultsWhenUnset(): void
+    {
+        $options = new Options([]);
+        $this->assertSame([], $options->colorFill('skin'));
+        $this->assertNull($options->colorAngle('skin'));
+        $this->assertNull($options->colorFillStops('skin'));
+    }
+}
diff --git a/src/php/core/tests/ParityTest.php b/src/php/core/tests/ParityTest.php
new file mode 100644
index 0000000..ddc7568
--- /dev/null
+++ b/src/php/core/tests/ParityTest.php
@@ -0,0 +1,406 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Avatar;
+use DiceBear\Error\CircularColorReferenceError;
+use DiceBear\Error\ValidationError;
+use DiceBear\OptionsDescriptor;
+use DiceBear\Prng;
+use DiceBear\Prng\Fnv1a;
+use DiceBear\Prng\Mulberry32;
+use DiceBear\Style;
+use DiceBear\Utils\Color;
+use DiceBear\Utils\Initials;
+use DiceBear\Utils\Number;
+use PHPUnit\Framework\Attributes\DataProvider;
+use PHPUnit\Framework\TestCase;
+
+// Cross-language parity tests. Reads the shared fixtures at
+// tests/fixtures/parity/ and asserts that the PHP implementation produces
+// exactly the values committed there. The JS test suite at
+// src/js/core/tests/Parity.test.js reads the same fixtures, so any
+// divergence between the two implementations will surface as a failure
+// on whichever side drifts.
+//
+// To regenerate the fixtures: `npm run fixtures:parity` (from repo root).
+class ParityTest extends TestCase
+{
+    private const FIXTURES_DIR = __DIR__ . '/../../../../tests/fixtures/parity';
+
+    /** @return array<string, mixed> */
+    private static function loadFixture(string $relPath): array
+    {
+        $raw = file_get_contents(self::FIXTURES_DIR . '/' . $relPath);
+        return json_decode($raw, true, flags: JSON_THROW_ON_ERROR);
+    }
+
+    // -----------------------------------------------------------------------
+    // Fnv1a
+    // -----------------------------------------------------------------------
+
+    public static function fnv1aProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('fnv1a.json') as $entry) {
+            $cases['hash ' . json_encode($entry['input'])] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('fnv1aProvider')]
+    public function testFnv1a(array $entry): void
+    {
+        $this->assertSame($entry['hash'], Fnv1a::hash($entry['input']));
+        $this->assertSame($entry['hex'], Fnv1a::hex($entry['input']));
+    }
+
+    // -----------------------------------------------------------------------
+    // Mulberry32
+    // -----------------------------------------------------------------------
+
+    public static function mulberry32Provider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('mulberry32.json') as $entry) {
+            $cases['seed ' . $entry['seed']] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('mulberry32Provider')]
+    public function testMulberry32(array $entry): void
+    {
+        $m = new Mulberry32($entry['seed']);
+        foreach ($entry['sequence'] as $i => $expected) {
+            $float = $m->nextFloat();
+            $state = $m->state();
+            $this->assertSame($expected['float'], $float, "step $i float");
+            $this->assertSame($expected['state'], $state, "step $i state");
+        }
+    }
+
+    // -----------------------------------------------------------------------
+    // Prng
+    // -----------------------------------------------------------------------
+
+    private static function prngFixture(string $method): array
+    {
+        static $fixture = null;
+        if ($fixture === null) {
+            $fixture = self::loadFixture('prng.json');
+        }
+        $cases = [];
+        foreach ($fixture[$method] as $i => $entry) {
+            $cases["#$i " . json_encode(['seed' => $entry['seed'], 'key' => $entry['key']])] = [$entry];
+        }
+        return $cases;
+    }
+
+    public static function prngGetValueProvider(): array
+    {
+        return self::prngFixture('getValue');
+    }
+
+    #[DataProvider('prngGetValueProvider')]
+    public function testPrngGetValue(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->getValue($c['key']));
+    }
+
+    public static function prngPickProvider(): array
+    {
+        return self::prngFixture('pick');
+    }
+
+    #[DataProvider('prngPickProvider')]
+    public function testPrngPick(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->pick($c['key'], $c['items']));
+    }
+
+    public static function prngWeightedPickProvider(): array
+    {
+        return self::prngFixture('weightedPick');
+    }
+
+    #[DataProvider('prngWeightedPickProvider')]
+    public function testPrngWeightedPick(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->weightedPick($c['key'], $c['weights']));
+    }
+
+    public static function prngBoolProvider(): array
+    {
+        return self::prngFixture('bool');
+    }
+
+    #[DataProvider('prngBoolProvider')]
+    public function testPrngBool(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->bool($c['key'], (float) $c['likelihood']));
+    }
+
+    public static function prngFloatProvider(): array
+    {
+        return self::prngFixture('float');
+    }
+
+    #[DataProvider('prngFloatProvider')]
+    public function testPrngFloat(array $c): void
+    {
+        $this->assertSame((float) $c['result'], (new Prng($c['seed']))->float($c['key'], $c['range']));
+    }
+
+    public static function prngIntegerProvider(): array
+    {
+        return self::prngFixture('integer');
+    }
+
+    #[DataProvider('prngIntegerProvider')]
+    public function testPrngInteger(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->integer($c['key'], $c['range']));
+    }
+
+    public static function prngShuffleProvider(): array
+    {
+        return self::prngFixture('shuffle');
+    }
+
+    #[DataProvider('prngShuffleProvider')]
+    public function testPrngShuffle(array $c): void
+    {
+        $this->assertSame($c['result'], (new Prng($c['seed']))->shuffle($c['key'], $c['items']));
+    }
+
+    // -----------------------------------------------------------------------
+    // Number formatting
+    // -----------------------------------------------------------------------
+
+    public static function numberProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('numbers.json') as $i => $entry) {
+            $cases["#$i {$entry['output']}"] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('numberProvider')]
+    public function testNumberFormatting(array $entry): void
+    {
+        $this->assertSame($entry['output'], Number::format($entry['input']));
+    }
+
+    // -----------------------------------------------------------------------
+    // Initials
+    // -----------------------------------------------------------------------
+
+    public static function initialsProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('initials.json') as $i => $entry) {
+            $cases["#$i " . json_encode($entry['seed'])] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('initialsProvider')]
+    public function testInitials(array $entry): void
+    {
+        $this->assertSame($entry['result'], Initials::fromSeed($entry['seed']));
+    }
+
+    // -----------------------------------------------------------------------
+    // Avatar
+    // -----------------------------------------------------------------------
+
+    public static function avatarProvider(): array
+    {
+        $cases = [];
+        foreach (glob(self::FIXTURES_DIR . '/avatars/*.json') as $path) {
+            $styleName = basename($path, '.json');
+            foreach (self::loadFixture("avatars/$styleName.json") as $entry) {
+                $cases["$styleName / {$entry['id']}"] = [$styleName, $entry];
+            }
+        }
+        return $cases;
+    }
+
+    #[DataProvider('avatarProvider')]
+    public function testAvatar(string $styleName, array $entry): void
+    {
+        static $styleCache = [];
+        $styleData = $styleCache[$styleName] ??= self::loadFixture("styles/$styleName.json");
+
+        $avatar = new Avatar(new Style($styleData), $entry['options']);
+        $json = $avatar->toJSON();
+        $this->assertSame($entry['svg'], $json['svg']);
+        // Round-trip the resolved options through json_encode/json_decode
+        // so int-vs-float typing matches the JS-generated fixture
+        // (PHP `1.0` and JS `1` both become JSON `1`).
+        $this->assertSame(
+            $entry['resolvedOptions'],
+            json_decode(json_encode($json['options'], JSON_THROW_ON_ERROR), true, flags: JSON_THROW_ON_ERROR),
+        );
+
+        // Only select cases carry a dataUri — it pins the percent-encoding
+        // contract (JS encodeURIComponent) without bloating every fixture.
+        if (isset($entry['dataUri'])) {
+            $this->assertSame($entry['dataUri'], $avatar->toDataUri());
+        }
+    }
+
+    // -----------------------------------------------------------------------
+    // Color
+    // -----------------------------------------------------------------------
+
+    public static function colorProvider(): array
+    {
+        $fixtures = self::loadFixture('colors.json');
+        $cases = [];
+
+        foreach (['toHex', 'toRgbHex', 'parseHex', 'luminance'] as $method) {
+            foreach ($fixtures[$method] as $entry) {
+                $cases["$method {$entry['input']}"] = [$method, [$entry['input']], $entry['result']];
+            }
+        }
+
+        foreach ($fixtures['sortByContrast'] as $i => $entry) {
+            $cases["sortByContrast #$i"] = [
+                'sortByContrast',
+                [$entry['candidates'], $entry['refColor']],
+                $entry['result'],
+            ];
+        }
+
+        foreach ($fixtures['filterNotEqualTo'] as $i => $entry) {
+            $cases["filterNotEqualTo #$i"] = [
+                'filterNotEqualTo',
+                [$entry['candidates'], $entry['excluded']],
+                $entry['result'],
+            ];
+        }
+
+        return $cases;
+    }
+
+    /**
+     * @param list<mixed> $args
+     */
+    #[DataProvider('colorProvider')]
+    public function testColor(string $method, array $args, mixed $expected): void
+    {
+        if ($method === 'luminance') {
+            // JSON serializes whole-number luminance (0, 1) as int.
+            $expected = (float) $expected;
+        }
+
+        $this->assertSame($expected, Color::$method(...$args));
+    }
+
+    // -----------------------------------------------------------------------
+    // Validation
+    // -----------------------------------------------------------------------
+    //
+    // Only the accept/reject outcome is shared across languages — error
+    // messages are language-specific. The circular color reference cases
+    // additionally pin the reported resolution chain.
+
+    public static function styleValidationProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('validation.json')['styles'] as $entry) {
+            $cases[$entry['id']] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('styleValidationProvider')]
+    public function testStyleValidation(array $entry): void
+    {
+        if ($entry['valid']) {
+            $this->assertInstanceOf(Style::class, new Style($entry['definition']));
+        } else {
+            $this->expectException(ValidationError::class);
+            new Style($entry['definition']);
+        }
+    }
+
+    public static function optionsValidationProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('validation.json')['options'] as $entry) {
+            $cases[$entry['id']] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('optionsValidationProvider')]
+    public function testOptionsValidation(array $entry): void
+    {
+        static $minimalStyle = null;
+        $minimalStyle ??= array_values(array_filter(
+            self::loadFixture('validation.json')['styles'],
+            static fn (array $e) => $e['id'] === 'minimal',
+        ))[0]['definition'];
+
+        if ($entry['valid']) {
+            $this->assertInstanceOf(Avatar::class, new Avatar(new Style($minimalStyle), $entry['options']));
+        } else {
+            $this->expectException(ValidationError::class);
+            new Avatar(new Style($minimalStyle), $entry['options']);
+        }
+    }
+
+    public static function circularColorProvider(): array
+    {
+        $cases = [];
+        foreach (self::loadFixture('validation.json')['circularColors'] as $entry) {
+            $cases[$entry['id']] = [$entry];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('circularColorProvider')]
+    public function testCircularColorReference(array $entry): void
+    {
+        try {
+            new Avatar(new Style($entry['style']), $entry['options']);
+            $this->fail('expected a circular color reference error');
+        } catch (CircularColorReferenceError $e) {
+            $this->assertSame($entry['chain'], $e->chain);
+        }
+    }
+
+    // -----------------------------------------------------------------------
+    // OptionsDescriptor
+    // -----------------------------------------------------------------------
+
+    public static function descriptorProvider(): array
+    {
+        $cases = [];
+        foreach (glob(self::FIXTURES_DIR . '/descriptors/*.json') as $path) {
+            $styleName = basename($path, '.json');
+            $cases[$styleName] = [$styleName];
+        }
+        return $cases;
+    }
+
+    #[DataProvider('descriptorProvider')]
+    public function testOptionsDescriptor(string $styleName): void
+    {
+        $style = new Style(self::loadFixture("styles/$styleName.json"));
+        $descriptor = (new OptionsDescriptor($style))->toJSON();
+
+        // Same round-trip as the avatar test: pins key order and int-vs-float
+        // typing against the JS-generated fixture.
+        $this->assertSame(
+            self::loadFixture("descriptors/$styleName.json"),
+            json_decode(json_encode($descriptor, JSON_THROW_ON_ERROR), true, flags: JSON_THROW_ON_ERROR),
+        );
+    }
+}
diff --git a/src/php/core/tests/PrngTest.php b/src/php/core/tests/PrngTest.php
new file mode 100644
index 0000000..fdfa301
--- /dev/null
+++ b/src/php/core/tests/PrngTest.php
@@ -0,0 +1,564 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Prng;
+use DiceBear\Prng\Fnv1a;
+use DiceBear\Prng\Mulberry32;
+use PHPUnit\Framework\TestCase;
+
+// Known-value vectors (Fnv1a, Mulberry32, getValue) live in
+// tests/fixtures/parity/ and are exercised by ParityTest. This file keeps
+// only the PHP-side behavioral and edge-case tests.
+class PrngTest extends TestCase
+{
+    // fnv1a
+
+    public function testFnv1aProducesDifferentHashesForDifferentInputs(): void
+    {
+        $this->assertNotSame(Fnv1a::hash('abc'), Fnv1a::hash('abd'));
+    }
+
+    public function testFnv1aReturnsUnsigned32BitIntegers(): void
+    {
+        $inputs = ['', 'a', 'hello', 'test:flip', 'some-long-seed:optionName'];
+
+        foreach ($inputs as $input) {
+            $hash = Fnv1a::hash($input);
+
+            $this->assertGreaterThanOrEqual(0, $hash);
+            $this->assertLessThanOrEqual(0xFFFFFFFF, $hash);
+        }
+    }
+
+    // fnv1aHex
+
+    public function testFnv1aHexPadsTo8Characters(): void
+    {
+        $this->assertSame(8, strlen(Fnv1a::hex('test')));
+    }
+
+    // mulberry32
+
+    public function testMulberry32ReturnsFloatInRange(): void
+    {
+        $seeds = [0, 1, 42, 2166136261, 4294967295];
+
+        foreach ($seeds as $seed) {
+            $mulberry = new Mulberry32($seed);
+            $value = $mulberry->nextFloat();
+
+            $this->assertGreaterThanOrEqual(0, $value);
+            $this->assertLessThan(1, $value);
+        }
+    }
+
+    // getValue
+
+    public function testGetValueIsDeterministic(): void
+    {
+        $a = new Prng('seed');
+        $b = new Prng('seed');
+
+        $this->assertSame($a->getValue('key'), $b->getValue('key'));
+    }
+
+    public function testGetValueDiffersForDifferentSeeds(): void
+    {
+        $a = new Prng('seed-a');
+        $b = new Prng('seed-b');
+
+        $this->assertNotSame($a->getValue('key'), $b->getValue('key'));
+    }
+
+    public function testGetValueDiffersForDifferentKeys(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertNotSame($prng->getValue('flip'), $prng->getValue('scale'));
+    }
+
+    public function testGetValueReturnsFloatInRange(): void
+    {
+        $prng = new Prng('test');
+        $keys = ['a', 'b', 'flip', 'scale', 'rotate', 'eyesVariant'];
+
+        foreach ($keys as $key) {
+            $value = $prng->getValue($key);
+
+            $this->assertGreaterThanOrEqual(0, $value);
+            $this->assertLessThan(1, $value);
+        }
+    }
+
+    // pick
+
+    public function testPickReturnsNullForEmptyArray(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertNull($prng->pick('key', []));
+    }
+
+    public function testPickReturnsSingleItem(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame('only', $prng->pick('key', ['only']));
+    }
+
+    public function testPickIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+        $items = ['a', 'b', 'c', 'd'];
+
+        $this->assertSame($a->pick('key', $items), $b->pick('key', $items));
+    }
+
+    public function testPickAlwaysReturnsValidItem(): void
+    {
+        $items = ['x', 'y', 'z'];
+
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+
+            $this->assertContains($prng->pick('key', $items), $items);
+        }
+    }
+
+    public function testPickCollapsesDuplicateItems(): void
+    {
+        $unique = ['a', 'b', 'c'];
+        $withDuplicates = ['a', 'a', 'b', 'b', 'b', 'c'];
+
+        for ($i = 0; $i < 50; $i++) {
+            $this->assertSame(
+                (new Prng("seed-{$i}"))->pick('key', $unique),
+                (new Prng("seed-{$i}"))->pick('key', $withDuplicates),
+            );
+        }
+    }
+
+    public function testPickTreatsAllDuplicatesAsSingleItem(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame('only', $prng->pick('key', ['only', 'only', 'only']));
+    }
+
+    // float
+
+    public function testFloatReturnsValueWhenMinEqualsMax(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertEqualsWithDelta(42, $prng->float('key', ['min' => 42, 'max' => 42]), 1e-10);
+    }
+
+    public function testFloatInterpolatesWithinBounds(): void
+    {
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $value = $prng->float('key', ['min' => 10, 'max' => 20]);
+
+            $this->assertGreaterThanOrEqual(10, $value);
+            $this->assertLessThanOrEqual(20, $value);
+        }
+    }
+
+    public function testFloatHandlesReversedOrder(): void
+    {
+        $prng = new Prng('test');
+        $value = $prng->float('key', ['min' => 20, 'max' => 10]);
+
+        $this->assertGreaterThanOrEqual(10, $value);
+        $this->assertLessThanOrEqual(20, $value);
+    }
+
+    public function testFloatQuantizesToStep(): void
+    {
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $value = $prng->float('key', ['min' => 0, 'max' => 100, 'step' => 5]);
+
+            $this->assertGreaterThanOrEqual(0, $value);
+            $this->assertLessThanOrEqual(100, $value);
+            $this->assertEqualsWithDelta(0.0, fmod($value, 5), 1e-9, "Expected multiple of 5, got {$value}");
+        }
+    }
+
+    public function testFloatIgnoresNonPositiveStep(): void
+    {
+        for ($i = 0; $i < 20; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $value = $prng->float('key', ['min' => 10, 'max' => 20, 'step' => 0]);
+
+            $this->assertGreaterThanOrEqual(10, $value);
+            $this->assertLessThanOrEqual(20, $value);
+        }
+    }
+
+    public function testFloatStepIsAnchoredAtMin(): void
+    {
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $value = $prng->float('key', ['min' => 3, 'max' => 23, 'step' => 5]);
+
+            $this->assertGreaterThanOrEqual(3, $value);
+            $this->assertLessThanOrEqual(23, $value);
+            $this->assertEqualsWithDelta(0.0, fmod($value - 3, 5), 1e-9, "Expected 3 + n*5, got {$value}");
+        }
+    }
+
+    public function testFloatReachesMaxEndpointWhenStepDividesRangeEvenly(): void
+    {
+        $maxSeen = false;
+
+        for ($i = 0; $i < 500; $i++) {
+            $value = (new Prng("seed-{$i}"))->float('key', ['min' => 0, 'max' => 90, 'step' => 90]);
+
+            $this->assertTrue($value === 0.0 || $value === 90.0, "Expected 0 or 90, got {$value}");
+            if ($value === 90.0) {
+                $maxSeen = true;
+            }
+        }
+
+        $this->assertTrue($maxSeen, 'Expected 90 to appear at least once across 500 seeds');
+    }
+
+    public function testFloatDistributesSteppedValuesRoughlyUniformly(): void
+    {
+        $buckets = [0 => 0, 45 => 0, 90 => 0, 135 => 0, 180 => 0];
+        $samples = 2000;
+
+        for ($i = 0; $i < $samples; $i++) {
+            $value = (new Prng("seed-{$i}"))->float('key', ['min' => 0, 'max' => 180, 'step' => 45]);
+            $key = (int) $value;
+
+            $this->assertArrayHasKey($key, $buckets, "Unexpected bucket value: {$value}");
+            $buckets[$key]++;
+        }
+
+        $expected = $samples / 5; // 400 per bucket
+        $tolerance = $expected * 0.35; // ±35% — generous for 2000 samples
+
+        foreach ($buckets as $value => $count) {
+            $this->assertLessThan(
+                $tolerance,
+                abs($count - $expected),
+                "Bucket {$value}: expected ~{$expected} ±{$tolerance}, got {$count}",
+            );
+        }
+    }
+
+    public function testFloatIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+
+        $this->assertSame(
+            $a->float('key', ['min' => 0, 'max' => 100]),
+            $b->float('key', ['min' => 0, 'max' => 100]),
+        );
+    }
+
+    public function testFloatRoundsToFourDecimalPlaces(): void
+    {
+        $prng = new Prng('test');
+        $value = $prng->float('scale', ['min' => 0, 'max' => 1]);
+        $parts = explode('.', (string) $value);
+        $decimals = $parts[1] ?? '';
+
+        $this->assertLessThanOrEqual(4, strlen($decimals), "Expected at most 4 decimal places, got {$decimals}: {$value}");
+    }
+
+    public function testFloatReturnsKnownValues(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame(
+            $prng->float('scale', ['min' => 0, 'max' => 1]),
+            $prng->float('scale', ['min' => 0, 'max' => 1]),
+        );
+        $this->assertSame(
+            $prng->float('a', ['min' => 10, 'max' => 20]),
+            $prng->float('a', ['min' => 10, 'max' => 20]),
+        );
+    }
+
+    // bool
+
+    public function testBoolReturnsBool(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertIsBool($prng->bool('key'));
+    }
+
+    public function testBoolAlwaysTrueForLikelihood100(): void
+    {
+        for ($i = 0; $i < 20; $i++) {
+            $prng = new Prng("seed-{$i}");
+
+            $this->assertTrue($prng->bool('key', 100));
+        }
+    }
+
+    public function testBoolAlwaysFalseForLikelihood0(): void
+    {
+        for ($i = 0; $i < 20; $i++) {
+            $prng = new Prng("seed-{$i}");
+
+            $this->assertFalse($prng->bool('key', 0));
+        }
+    }
+
+    public function testBoolIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+
+        $this->assertSame($a->bool('key', 50), $b->bool('key', 50));
+    }
+
+    // integer
+
+    public function testIntegerReturnsValueWhenMinEqualsMax(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame(5, $prng->integer('key', ['min' => 5, 'max' => 5]));
+    }
+
+    public function testIntegerWithinBounds(): void
+    {
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $value = $prng->integer('key', ['min' => 1, 'max' => 10]);
+
+            $this->assertGreaterThanOrEqual(1, $value);
+            $this->assertLessThanOrEqual(10, $value);
+            $this->assertSame($value, (int) floor($value));
+        }
+    }
+
+    public function testIntegerHandlesReversedOrder(): void
+    {
+        $prng = new Prng('test');
+        $value = $prng->integer('key', ['min' => 10, 'max' => 1]);
+
+        $this->assertGreaterThanOrEqual(1, $value);
+        $this->assertLessThanOrEqual(10, $value);
+    }
+
+    public function testIntegerIgnoresStep(): void
+    {
+        $prng = new Prng('test');
+        $value = $prng->integer('key', ['min' => 3, 'max' => 10, 'step' => 5]);
+
+        $this->assertGreaterThanOrEqual(3, $value);
+        $this->assertLessThanOrEqual(10, $value);
+        $this->assertSame($value, (int) floor($value));
+    }
+
+    public function testIntegerIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+
+        $this->assertSame(
+            $a->integer('key', ['min' => 1, 'max' => 100]),
+            $b->integer('key', ['min' => 1, 'max' => 100]),
+        );
+    }
+
+    public function testIntegerDistributesValuesRoughlyUniformly(): void
+    {
+        $buckets = [1 => 0, 2 => 0, 3 => 0, 4 => 0, 5 => 0];
+        $samples = 2000;
+
+        for ($i = 0; $i < $samples; $i++) {
+            $value = (new Prng("seed-{$i}"))->integer('key', ['min' => 1, 'max' => 5]);
+
+            $this->assertArrayHasKey($value, $buckets, "Unexpected bucket value: {$value}");
+            $buckets[$value]++;
+        }
+
+        $expected = $samples / 5; // 400 per bucket
+        $tolerance = $expected * 0.35; // ±35% — generous for 2000 samples
+
+        foreach ($buckets as $value => $count) {
+            $this->assertLessThan(
+                $tolerance,
+                abs($count - $expected),
+                "Bucket {$value}: expected ~{$expected} ±{$tolerance}, got {$count}",
+            );
+        }
+    }
+
+    // shuffle
+
+    public function testShuffleReturnsNewArray(): void
+    {
+        $prng = new Prng('test');
+        $items = [1, 2, 3, 4, 5];
+        $result = $prng->shuffle('key', $items);
+
+        $this->assertNotSame($result, $items);
+    }
+
+    public function testShuffleContainsSameElements(): void
+    {
+        $prng = new Prng('test');
+        $items = [1, 2, 3, 4, 5];
+        $result = $prng->shuffle('key', $items);
+
+        sort($result);
+        $sorted = $items;
+        sort($sorted);
+
+        $this->assertSame($sorted, $result);
+    }
+
+    public function testShuffleDoesNotModifyOriginal(): void
+    {
+        $prng = new Prng('test');
+        $items = [1, 2, 3, 4, 5];
+        $copy = $items;
+
+        $prng->shuffle('key', $items);
+
+        $this->assertSame($copy, $items);
+    }
+
+    public function testShuffleIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+        $items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+        $this->assertSame($a->shuffle('key', $items), $b->shuffle('key', $items));
+    }
+
+    public function testShuffleProducesDifferentOrderingsForDifferentKeys(): void
+    {
+        $prng = new Prng('test');
+        $items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
+        $this->assertNotSame($prng->shuffle('key-a', $items), $prng->shuffle('key-b', $items));
+    }
+
+    public function testShuffleHandlesEmptyArray(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame([], $prng->shuffle('key', []));
+    }
+
+    public function testShuffleHandlesSingleElement(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame([42], $prng->shuffle('key', [42]));
+    }
+
+    // weightedPick
+
+    public function testWeightedPickReturnsNullForEmptyMap(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertNull($prng->weightedPick('key', []));
+    }
+
+    public function testWeightedPickReturnsSingleKey(): void
+    {
+        $prng = new Prng('test');
+
+        $this->assertSame('only', $prng->weightedPick('key', ['only' => 1]));
+    }
+
+    public function testWeightedPickFallsBackToUniformWhenAllWeightsZero(): void
+    {
+        $prng = new Prng('test');
+        $result = $prng->weightedPick('key', ['a' => 0, 'b' => 0, 'c' => 0]);
+
+        $this->assertContains($result, ['a', 'b', 'c']);
+    }
+
+    public function testWeightedPickIsDeterministic(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+        $weights = ['a' => 1, 'b' => 5, 'c' => 2];
+
+        $this->assertSame(
+            $a->weightedPick('key', $weights),
+            $b->weightedPick('key', $weights),
+        );
+    }
+
+    public function testWeightedPickNeverPicksWeightZeroKey(): void
+    {
+        $weights = ['rare' => 0, 'common' => 1];
+
+        for ($i = 0; $i < 100; $i++) {
+            $prng = new Prng("seed-{$i}");
+
+            $this->assertSame('common', $prng->weightedPick('key', $weights));
+        }
+    }
+
+    public function testWeightedPickFavorsHigherWeightedKeys(): void
+    {
+        $weights = ['heavy' => 100, 'light' => 1];
+        $heavyCount = 0;
+
+        for ($i = 0; $i < 200; $i++) {
+            $prng = new Prng("seed-{$i}");
+
+            if ($prng->weightedPick('key', $weights) === 'heavy') {
+                $heavyCount++;
+            }
+        }
+
+        $this->assertGreaterThan(150, $heavyCount, "Expected heavy to be picked most of the time, got {$heavyCount}/200");
+    }
+
+    public function testWeightedPickProducesInsertionOrderIndependentResults(): void
+    {
+        $a = new Prng('test');
+        $b = new Prng('test');
+
+        $resultA = $a->weightedPick('key', ['x' => 1, 'y' => 5, 'z' => 2]);
+        $resultB = $b->weightedPick('key', ['z' => 2, 'x' => 1, 'y' => 5]);
+
+        $this->assertSame($resultA, $resultB);
+    }
+
+    public function testWeightedPickAlwaysReturnsValidKey(): void
+    {
+        $weights = ['a' => 1, 'b' => 1, 'c' => 1];
+
+        for ($i = 0; $i < 50; $i++) {
+            $prng = new Prng("seed-{$i}");
+            $result = $prng->weightedPick('key', $weights);
+
+            $this->assertContains($result, ['a', 'b', 'c']);
+        }
+    }
+
+    // shuffle dedup
+
+    public function testShuffleCollapsesDuplicates(): void
+    {
+        $prng = new Prng('test');
+        $result = $prng->shuffle('key', ['a', 'a', 'b', 'b', 'c', 'c']);
+        sort($result);
+
+        $this->assertSame(['a', 'b', 'c'], $result);
+    }
+}
diff --git a/src/php/core/tests/RendererTest.php b/src/php/core/tests/RendererTest.php
new file mode 100644
index 0000000..db82736
--- /dev/null
+++ b/src/php/core/tests/RendererTest.php
@@ -0,0 +1,905 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Avatar;
+use DiceBear\Style;
+use PHPUnit\Framework\TestCase;
+
+class RendererTest extends TestCase
+{
+    private static function minimalStyle(): Style
+    {
+        return new Style(['canvas' => ['width' => 100, 'height' => 100, 'elements' => []]]);
+    }
+
+    // SVG wrapper
+
+    public function testSvgWithViewBox(): void
+    {
+        $svg = (new Avatar(self::minimalStyle()))->toString();
+        $this->assertStringStartsWith('<svg ', $svg);
+        $this->assertStringContainsString('xmlns="http://www.w3.org/2000/svg"', $svg);
+        $this->assertStringContainsString('viewBox="0 0 100 100"', $svg);
+        $this->assertStringEndsWith('</svg>', $svg);
+    }
+
+    public function testTitleSetsRoleImgAndAriaLabel(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['title' => 'Test Avatar']))->toString();
+        $this->assertStringContainsString('role="img"', $svg);
+        $this->assertStringContainsString('aria-label="Test Avatar"', $svg);
+        $this->assertStringContainsString('<title>Test Avatar</title>', $svg);
+    }
+
+    public function testTitleEscaped(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['title' => 'A & B <C>']))->toString();
+        $this->assertStringContainsString('aria-label="A &amp; B &lt;C&gt;"', $svg);
+        $this->assertStringContainsString('<title>A &amp; B &lt;C&gt;</title>', $svg);
+    }
+
+    public function testAriaHiddenWithoutTitle(): void
+    {
+        $svg = (new Avatar(self::minimalStyle()))->toString();
+        $this->assertStringContainsString('aria-hidden="true"', $svg);
+        $this->assertStringNotContainsString('role="img"', $svg);
+        $this->assertStringNotContainsString('<title>', $svg);
+    }
+
+    public function testSizeIncludedWhenSet(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['size' => 64]))->toString();
+        $this->assertStringContainsString('width="64"', $svg);
+        $this->assertStringContainsString('height="64"', $svg);
+    }
+
+    public function testSizeNotIncludedWhenNotSet(): void
+    {
+        $svg = (new Avatar(self::minimalStyle()))->toString();
+        $openTag = substr($svg, 0, strpos($svg, '>') + 1);
+        $this->assertStringNotContainsString('width=', $openTag);
+        $this->assertStringNotContainsString('height=', $openTag);
+    }
+
+    // element rendering
+
+    public function testSelfClosingElements(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['x' => '0', 'y' => '0', 'width' => '100', 'height' => '100']],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('<rect x="0" y="0" width="100" height="100"/>', $svg);
+    }
+
+    public function testElementsWithChildren(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'g', 'children' => [
+                        ['type' => 'element', 'name' => 'circle', 'attributes' => ['cx' => '50', 'cy' => '50', 'r' => '10']],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('<g><circle cx="50" cy="50" r="10"/></g>', $svg);
+    }
+
+    public function testNestedElements(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'g', 'attributes' => ['id' => 'outer'], 'children' => [
+                        ['type' => 'element', 'name' => 'g', 'attributes' => ['id' => 'inner'], 'children' => [
+                            ['type' => 'element', 'name' => 'rect'],
+                        ]],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('<g id="outer"><g id="inner"><rect/></g></g>', $svg);
+    }
+
+    // text rendering
+
+    public function testTextContent(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => 'Hello'],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('<text>Hello</text>', $svg);
+    }
+
+    public function testVariableReferenceInitial(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => ['type' => 'variable', 'name' => 'initial']],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'Alice']))->toString();
+        $this->assertStringContainsString('<text>A</text>', $svg);
+    }
+
+    public function testInitialsMultiWord(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => ['type' => 'variable', 'name' => 'initials']],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'Alice Bob']))->toString();
+        $this->assertStringContainsString('<text>AB</text>', $svg);
+    }
+
+    public function testInitialsSingleWord(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => ['type' => 'variable', 'name' => 'initials']],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'Alice']))->toString();
+        $this->assertStringContainsString('<text>AL</text>', $svg);
+    }
+
+    public function testInitialsDiscardAtSymbol(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => ['type' => 'variable', 'name' => 'initials']],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'alice@example.com']))->toString();
+        $this->assertStringContainsString('<text>AL</text>', $svg);
+    }
+
+    // component rendering
+
+    public function testRendersSelectedVariant(): void
+    {
+        $style = $this->styleWithComponents();
+        $svg = (new Avatar($style, ['seed' => 'test', 'eyesVariant' => 'open']))->toString();
+        $this->assertStringContainsString('<circle r="5"/>', $svg);
+        $this->assertStringNotContainsString('<line', $svg);
+    }
+
+    public function testRegistersVariantBodyInDefsAndReferencesItViaUse(): void
+    {
+        $style = $this->styleWithComponents();
+        $svg = (new Avatar($style, ['seed' => 'test', 'eyesVariant' => 'open']))->toString();
+
+        $this->assertSame(
+            1,
+            preg_match('/<g id="(eyes-open-[a-f0-9]+)"><circle r="5"\\/><\\/g>/', $svg, $idMatch),
+            'expected variant body wrapped in <g id="…"> inside <defs>',
+        );
+        $this->assertStringContainsString('<defs>', $svg);
+        $this->assertStringContainsString("<use href=\"#{$idMatch[1]}\"/>", $svg);
+    }
+
+    public function testSkipsComponentWithProbabilityZero(): void
+    {
+        $style = $this->styleWithComponents();
+        $svg = (new Avatar($style, ['seed' => 'test', 'eyesProbability' => 0]))->toString();
+        $this->assertStringNotContainsString('<circle', $svg);
+        $this->assertStringNotContainsString('<line', $svg);
+        $this->assertStringNotContainsString('<use', $svg);
+    }
+
+    public function testComponentTransformsFromDefinition(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [['type' => 'component', 'name' => 'eyes']],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'translate' => ['x' => ['min' => 5, 'max' => 5], 'y' => ['min' => 10, 'max' => 10]],
+                    'variants' => ['open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'test']))->toString();
+        $this->assertStringContainsString('<use transform="translate(2.5, 5)" href="#eyes-open-', $svg);
+    }
+
+    public function testComponentRotationFromDefinitionWithCenter(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [['type' => 'component', 'name' => 'eyes']],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'rotate' => ['min' => 45, 'max' => 45],
+                    'variants' => ['open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'test']))->toString();
+        $this->assertStringContainsString('<use transform="rotate(45, 25, 25)" href="#eyes-open-', $svg);
+    }
+
+    public function testOmitsTransformAttributeWithoutComponentTransforms(): void
+    {
+        $style = $this->styleWithComponents();
+        $svg = (new Avatar($style, [
+            'seed' => 'test',
+            'eyesVariant' => 'open',
+        ]))->toString();
+
+        $this->assertStringContainsString('<use href="#eyes-open-', $svg);
+        $this->assertSame(0, preg_match('/<use[^>]*\\btransform=/', $svg));
+    }
+
+    public function testAppliesAttributesFromComponentReferenceToUseTag(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100,
+                'height' => 100,
+                'elements' => [
+                    [
+                        'type' => 'component',
+                        'name' => 'eyes',
+                        'attributes' => [
+                            'transform' => 'matrix(.5 0 0 .5 10 20)',
+                            'opacity' => '.75',
+                        ],
+                    ],
+                ],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50,
+                    'height' => 50,
+                    'variants' => [
+                        'open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]],
+                    ],
+                ],
+            ],
+        ]);
+
+        $svg = (new Avatar($style, ['seed' => 'test', 'eyesVariant' => 'open']))->toString();
+
+        $this->assertStringContainsString(
+            '<use transform="matrix(.5 0 0 .5 10 20)" opacity=".75" href="#eyes-open-',
+            $svg,
+        );
+    }
+
+    public function testPrependsUserTransformToBuiltInComponentTransforms(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100,
+                'height' => 100,
+                'elements' => [
+                    [
+                        'type' => 'component',
+                        'name' => 'eyes',
+                        'attributes' => ['transform' => 'matrix(.5 0 0 .5 10 20)'],
+                    ],
+                ],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50,
+                    'height' => 50,
+                    'rotate' => ['min' => 45, 'max' => 45],
+                    'variants' => [
+                        'open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]],
+                    ],
+                ],
+            ],
+        ]);
+
+        $svg = (new Avatar($style, ['seed' => 'test']))->toString();
+
+        $this->assertStringContainsString(
+            '<use transform="matrix(.5 0 0 .5 10 20) rotate(45, 25, 25)" href="#eyes-open-',
+            $svg,
+        );
+    }
+
+    public function testDeduplicatesIdenticalComponentReferences(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100,
+                'height' => 100,
+                'elements' => [
+                    ['type' => 'component', 'name' => 'eyes'],
+                    ['type' => 'component', 'name' => 'eyes'],
+                ],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50,
+                    'height' => 50,
+                    'variants' => [
+                        'open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]],
+                    ],
+                ],
+            ],
+        ]);
+
+        $svg = (new Avatar($style, ['seed' => 'test', 'eyesVariant' => 'open']))->toString();
+
+        $this->assertSame(1, preg_match_all('/<circle r="5"\\/>/', $svg), 'variant body must appear only once');
+        $this->assertSame(2, preg_match_all('/<use href="#eyes-open-[a-f0-9]+"\\/>/', $svg), 'each component reference becomes its own <use>');
+    }
+
+    // color rendering
+
+    public function testSolidColorReference(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['fill' => ['type' => 'color', 'name' => 'bg']]],
+                ],
+            ],
+            'colors' => ['bg' => ['values' => ['#ff0000']]],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'test', 'bgColor' => ['#ff0000']]))->toString();
+        $this->assertStringContainsString('fill="#ff0000"', $svg);
+    }
+
+    public function testLinearGradient(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['fill' => ['type' => 'color', 'name' => 'bg']]],
+                ],
+            ],
+            'colors' => ['bg' => ['values' => ['#ff0000', '#0000ff']]],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'test', 'bgColor' => ['#ff0000', '#0000ff'], 'bgColorFill' => 'linear']))->toString();
+        $this->assertStringContainsString('<defs>', $svg);
+        $this->assertStringContainsString('<linearGradient id="bg-color-', $svg);
+        $this->assertStringContainsString('stop-color="#ff0000"', $svg);
+        $this->assertStringContainsString('stop-color="#0000ff"', $svg);
+        $this->assertStringContainsString('fill="url(#bg-color-', $svg);
+    }
+
+    public function testRadialGradient(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['fill' => ['type' => 'color', 'name' => 'bg']]],
+                ],
+            ],
+            'colors' => ['bg' => ['values' => ['#ff0000', '#0000ff']]],
+        ]);
+        $svg = (new Avatar($style, ['seed' => 'test', 'bgColor' => ['#ff0000', '#0000ff'], 'bgColorFill' => 'radial']))->toString();
+        $this->assertStringContainsString('<radialGradient id="bg-color-', $svg);
+    }
+
+    // flip
+
+    public function testHorizontalFlip(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['flip' => 'horizontal']))->toString();
+        $this->assertStringContainsString('scale(-1, 1)', $svg);
+        $this->assertStringContainsString('translate(100, 0)', $svg);
+    }
+
+    public function testVerticalFlip(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['flip' => 'vertical']))->toString();
+        $this->assertStringContainsString('scale(1, -1)', $svg);
+        $this->assertStringContainsString('translate(0, 100)', $svg);
+    }
+
+    public function testBothFlip(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['flip' => 'both']))->toString();
+        $this->assertStringContainsString('scale(-1, -1)', $svg);
+        $this->assertStringContainsString('translate(100, 100)', $svg);
+    }
+
+    public function testNoFlipWhenNone(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['flip' => 'none']))->toString();
+        $this->assertStringNotContainsString('scale(-1', $svg);
+    }
+
+    // scale
+
+    public function testScaleTransform(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['scale' => 0.5]))->toString();
+        $this->assertStringContainsString('scale(0.5)', $svg);
+        $this->assertStringContainsString('translate(50, 50)', $svg);
+        $this->assertStringContainsString('translate(-50, -50)', $svg);
+    }
+
+    public function testNoScaleWhen1(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['scale' => 1]))->toString();
+        $this->assertStringNotContainsString('scale(', $svg);
+    }
+
+    // component scale
+
+    /**
+     * @param array<string, mixed> $extras
+     */
+    private static function styleWithComponent(array $extras = []): Style
+    {
+        return new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [['type' => 'component', 'name' => 'eyes']],
+            ],
+            'components' => [
+                'eyes' => array_merge(
+                    ['width' => 50, 'height' => 50],
+                    $extras,
+                    ['variants' => ['open' => ['elements' => [['type' => 'element', 'name' => 'rect']]]]],
+                ),
+            ],
+        ]);
+    }
+
+    public function testComponentScaleFromDefinition(): void
+    {
+        $svg = (new Avatar(self::styleWithComponent(['scale' => ['min' => 2, 'max' => 2]]), ['seed' => 'test']))->toString();
+        $this->assertStringContainsString('translate(25, 25) scale(2) translate(-25, -25)', $svg);
+    }
+
+    public function testNoComponentScaleWrapperWhenDefinitionIsOne(): void
+    {
+        $svg = (new Avatar(self::styleWithComponent(), ['seed' => 'test']))->toString();
+        $this->assertStringNotContainsString('scale(', $svg);
+    }
+
+    public function testComponentScaleAfterRotateInTransformAttribute(): void
+    {
+        $svg = (new Avatar(
+            self::styleWithComponent(['rotate' => ['min' => 45, 'max' => 45], 'scale' => ['min' => 2, 'max' => 2]]),
+            ['seed' => 'test'],
+        ))->toString();
+
+        $rotateIndex = strpos($svg, 'rotate(45');
+        $scaleIndex = strpos($svg, 'scale(2)');
+
+        $this->assertNotFalse($rotateIndex);
+        $this->assertNotFalse($scaleIndex);
+        $this->assertLessThan($scaleIndex, $rotateIndex);
+    }
+
+    // borderRadius
+
+    public function testBorderRadiusViaClipPath(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['borderRadius' => 10]))->toString();
+        $this->assertStringContainsString('<clipPath id="clip-', $svg);
+        $this->assertStringContainsString('rx="10"', $svg);
+        $this->assertStringContainsString('ry="10"', $svg);
+        $this->assertStringContainsString('clip-path="url(#clip-', $svg);
+    }
+
+    public function testStillAppliesSquareClipPathWhenBorderRadiusIs0(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['borderRadius' => 0]))->toString();
+        $this->assertStringContainsString('<clipPath id="clip-', $svg);
+        $this->assertStringContainsString('rx="0"', $svg);
+        $this->assertStringContainsString('ry="0"', $svg);
+        $this->assertStringContainsString('clip-path="url(#clip-', $svg);
+    }
+
+    // idRandomization
+
+    public function testRandomizeIdsWhenEnabled(): void
+    {
+        $style = $this->styleWithIds();
+        $svg = (new Avatar($style, ['seed' => 'test', 'idRandomization' => true]))->toString();
+        $this->assertStringNotContainsString('id="grad1"', $svg);
+        $this->assertStringNotContainsString('url(#grad1)', $svg);
+        $this->assertStringContainsString('id="grad1-', $svg);
+        $this->assertStringContainsString('url(#grad1-', $svg);
+    }
+
+    public function testPreserveIdsWhenDisabled(): void
+    {
+        $style = $this->styleWithIds();
+        $svg = (new Avatar($style, ['seed' => 'test', 'idRandomization' => false]))->toString();
+        $this->assertStringContainsString('id="grad1"', $svg);
+        $this->assertStringContainsString('url(#grad1)', $svg);
+    }
+
+    public function testDifferentIdsOnEachCall(): void
+    {
+        $style = $this->styleWithIds();
+        $svg1 = (new Avatar($style, ['seed' => 'test', 'idRandomization' => true]))->toString();
+        $svg2 = (new Avatar($style, ['seed' => 'test', 'idRandomization' => true]))->toString();
+        $this->assertNotSame($svg1, $svg2);
+    }
+
+    // background
+
+    public function testSolidBackground(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['backgroundColor' => ['#ff0000']]))->toString();
+        $this->assertStringContainsString('<rect width="100" height="100" fill="#ff0000"/>', $svg);
+    }
+
+    public function testGradientBackground(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), [
+            'backgroundColor' => ['#ff0000', '#0000ff'],
+            'backgroundColorFill' => 'linear',
+        ]))->toString();
+        $this->assertStringContainsString('<linearGradient id="background-color-', $svg);
+        $this->assertStringContainsString('fill="url(#background-color-', $svg);
+    }
+
+    public function testGradientRotation(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), [
+            'backgroundColor' => ['#ff0000', '#0000ff'],
+            'backgroundColorFill' => 'linear',
+            'backgroundColorAngle' => 45,
+        ]))->toString();
+        $this->assertStringContainsString('gradientTransform="rotate(45, 0.5, 0.5)"', $svg);
+    }
+
+    public function testNoBackgroundWithoutColors(): void
+    {
+        $svg = (new Avatar(self::minimalStyle()))->toString();
+        // The clipPath wrapper always emits a <rect>; only the background
+        // <rect> carries a fill attribute, so check for that specifically.
+        $this->assertDoesNotMatchRegularExpression('/<rect[^>]*\sfill=/', $svg);
+    }
+
+    // global transforms
+
+    public function testGlobalRotation(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['rotate' => 45]))->toString();
+        $this->assertStringContainsString('rotate(45, 50, 50)', $svg);
+    }
+
+    public function testNoRotationWhen0(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['rotate' => 0]))->toString();
+        $this->assertStringNotContainsString('rotate(', $svg);
+    }
+
+    public function testGlobalTranslate(): void
+    {
+        $svg = (new Avatar(self::minimalStyle(), ['translateX' => 10, 'translateY' => -20]))->toString();
+        $this->assertStringContainsString('translate(10, -20)', $svg);
+    }
+
+    // metadata
+
+    public function testMetadataWithDublinCore(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'meta' => [
+                'creator' => ['name' => 'John Doe'],
+                'source' => ['name' => 'My Style', 'url' => 'https://example.com'],
+                'license' => ['name' => 'MIT', 'url' => 'https://opensource.org/licenses/MIT'],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('<metadata', $svg);
+        $this->assertStringContainsString('<dc:title>My Style</dc:title>', $svg);
+        $this->assertStringContainsString('<dc:creator>John Doe</dc:creator>', $svg);
+    }
+
+    public function testNoMetadataWhenNoMeta(): void
+    {
+        $svg = (new Avatar(self::minimalStyle()))->toString();
+        $this->assertStringNotContainsString('<metadata', $svg);
+    }
+
+    public function testRemixOfPrefix(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'meta' => [
+                'creator' => ['name' => 'Pablo Stanley'],
+                'source' => ['name' => 'Avataaars', 'url' => 'https://avataaars.com'],
+                'license' => ['name' => 'CC BY 4.0', 'url' => 'https://creativecommons.org/licenses/by/4.0/'],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('Remix of', $svg);
+        $this->assertStringContainsString('Avataaars', $svg);
+    }
+
+    public function testNoRemixOfForMitDiceBear(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'meta' => [
+                'creator' => ['name' => 'DiceBear'],
+                'source' => ['name' => 'Initials'],
+                'license' => ['name' => 'MIT'],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringNotContainsString('Remix of', $svg);
+        $this->assertStringContainsString('Initials', $svg);
+    }
+
+    public function testXmlEscapingInMetadata(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'meta' => [
+                'creator' => ['name' => 'A & B'],
+                'source' => ['name' => '<Script>'],
+                'license' => ['name' => 'MIT'],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('A &amp; B', $svg);
+        $this->assertStringContainsString('&lt;Script&gt;', $svg);
+    }
+
+    // variable attributes
+
+    public function testFontFamilyVariable(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'attributes' => ['font-family' => ['type' => 'variable', 'name' => 'fontFamily']], 'children' => [
+                        ['type' => 'text', 'value' => 'Hello'],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['fontFamily' => 'Arial']))->toString();
+        $this->assertStringContainsString('font-family="Arial"', $svg);
+    }
+
+    public function testFontWeightVariable(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'attributes' => ['font-weight' => ['type' => 'variable', 'name' => 'fontWeight']], 'children' => [
+                        ['type' => 'text', 'value' => 'Hello'],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style, ['fontWeight' => 700]))->toString();
+        $this->assertStringContainsString('font-weight="700"', $svg);
+    }
+
+    public function testPlainStringFontFamily(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'attributes' => ['font-family' => 'monospace'], 'children' => [
+                        ['type' => 'text', 'value' => 'Hello'],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('font-family="monospace"', $svg);
+    }
+
+    // xml escaping
+
+    public function testEscapeAttributeValues(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['d' => 'a & b "c"']],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringContainsString('d="a &amp; b &quot;c&quot;"', $svg);
+    }
+
+    public function testEscapeTextContent(): void
+    {
+        $style = new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'text', 'children' => [
+                        ['type' => 'text', 'value' => '<script>alert("xss")</script>'],
+                    ]],
+                ],
+            ],
+        ]);
+        $svg = (new Avatar($style))->toString();
+        $this->assertStringNotContainsString('<script>', $svg);
+        $this->assertStringContainsString('&lt;script&gt;', $svg);
+    }
+
+    // helpers
+
+    private function styleWithComponents(): Style
+    {
+        return new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [['type' => 'component', 'name' => 'eyes']],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'variants' => [
+                        'open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]],
+                        'closed' => ['elements' => [['type' => 'element', 'name' => 'line', 'attributes' => ['x1' => '0', 'x2' => '10']]]],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
+    private function styleWithIds(): Style
+    {
+        return new Style([
+            'canvas' => [
+                'width' => 100, 'height' => 100,
+                'elements' => [
+                    ['type' => 'element', 'name' => 'defs', 'children' => [
+                        ['type' => 'element', 'name' => 'linearGradient', 'attributes' => ['id' => 'grad1'], 'children' => [
+                            ['type' => 'element', 'name' => 'stop', 'attributes' => ['offset' => '0%', 'stop-color' => 'red']],
+                        ]],
+                    ]],
+                    ['type' => 'element', 'name' => 'rect', 'attributes' => ['fill' => 'url(#grad1)']],
+                ],
+            ],
+        ]);
+    }
+
+    // component aliases
+
+    private static function aliasStyle(): Style
+    {
+        return new Style([
+            'canvas' => [
+                'width' => 100,
+                'height' => 100,
+                'elements' => [
+                    ['type' => 'component', 'name' => 'eyes'],
+                    ['type' => 'component', 'name' => 'eyesRight'],
+                ],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 20,
+                    'height' => 20,
+                    'variants' => [
+                        'a' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['id' => 'a']]]],
+                        'b' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['id' => 'b']]]],
+                        'c' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['id' => 'c']]]],
+                        'd' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['id' => 'd']]]],
+                        'e' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['id' => 'e']]]],
+                    ],
+                ],
+                'eyesRight' => ['extends' => 'eyes'],
+            ],
+        ]);
+    }
+
+    public function testAliasGetsIndependentVariantPerSeed(): void
+    {
+        $differed = false;
+
+        foreach (['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'] as $seed) {
+            $svg = (new Avatar(self::aliasStyle(), ['seed' => $seed]))->toString();
+            preg_match_all('/<circle id="([a-z])"\\/>/', $svg, $matches);
+
+            if (count($matches[1]) === 2 && $matches[1][0] !== $matches[1][1]) {
+                $differed = true;
+                break;
+            }
+        }
+
+        $this->assertTrue($differed, 'expected at least one seed where alias picks a different variant than the source');
+    }
+
+    public function testAliasInheritsEyesVariantAndSharesDefsEntry(): void
+    {
+        $svg = (new Avatar(self::aliasStyle(), [
+            'seed' => 'fallthrough',
+            'eyesVariant' => 'b',
+        ]))->toString();
+
+        preg_match_all('/<circle id="([a-z])"\\/>/', $svg, $circles);
+        preg_match_all('/<use href="#(eyes-[a-z]-[a-f0-9]+)"\\/>/', $svg, $uses);
+
+        $this->assertSame(['b'], $circles[1], 'variant body is registered once');
+        $this->assertCount(2, $uses[1], 'both component slots reference the body');
+        $this->assertSame($uses[1][0], $uses[1][1], 'both <use> elements share the same href');
+    }
+
+    public function testAliasPropagatesEyesProbability(): void
+    {
+        $svg = (new Avatar(self::aliasStyle(), [
+            'seed' => 'probability-fallthrough',
+            'eyesProbability' => 0,
+        ]))->toString();
+
+        $this->assertStringNotContainsString('<circle', $svg);
+    }
+
+    public function testAliasSilentlyIgnoresAliasKeyedOptions(): void
+    {
+        $without = (new Avatar(self::aliasStyle(), [
+            'seed' => 'ignore-alias-key',
+            'eyesVariant' => 'a',
+        ]))->toString();
+        $with = (new Avatar(self::aliasStyle(), [
+            'seed' => 'ignore-alias-key',
+            'eyesVariant' => 'a',
+            'eyesRightVariant' => 'd',
+        ]))->toString();
+
+        $this->assertSame($without, $with);
+    }
+}
diff --git a/src/php/core/tests/ResolverTest.php b/src/php/core/tests/ResolverTest.php
new file mode 100644
index 0000000..9f9f806
--- /dev/null
+++ b/src/php/core/tests/ResolverTest.php
@@ -0,0 +1,737 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Error\CircularColorReferenceError;
+use DiceBear\Options;
+use DiceBear\Resolver;
+use DiceBear\Style;
+use PHPUnit\Framework\TestCase;
+
+class ResolverTest extends TestCase
+{
+    /**
+     * @param array<string, mixed> $data
+     */
+    private static function makeResolver(Style $style, array $data = []): Resolver
+    {
+        return new Resolver($style, new Options($data));
+    }
+
+    private static function minimalStyle(): Style
+    {
+        return new Style(['canvas' => ['width' => 100, 'height' => 100, 'elements' => []]]);
+    }
+
+    private static function styleWithComponents(): Style
+    {
+        return new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'variants' => [
+                        'open' => ['elements' => []],
+                        'closed' => ['elements' => []],
+                        'wink' => ['elements' => []],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
+    private static function styleWithColors(): Style
+    {
+        return new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'colors' => [
+                'skin' => ['values' => ['#f0c8a0', '#d4a574', '#8d5524']],
+                'hair' => ['values' => ['#2c1b18', '#b55239', '#d6b370'], 'notEqualTo' => ['skin']],
+                'background' => ['values' => ['#ffffff', '#000000', '#cccccc'], 'contrastTo' => 'skin'],
+            ],
+        ]);
+    }
+
+    private static function styleWithWeights(): Style
+    {
+        return new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'variants' => [
+                        'common' => ['elements' => [], 'weight' => 10],
+                        'rare' => ['elements' => [], 'weight' => 1],
+                        'hidden' => ['elements' => [], 'weight' => 0],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
+    private static function fullOptions(): array
+    {
+        return [
+            'seed' => 'test-seed',
+            'size' => 128,
+            'idRandomization' => true,
+            'flip' => ['horizontal', 'vertical'],
+            'fontFamily' => ['Arial', 'Helvetica'],
+            'fontWeight' => [400, 700],
+            'scale' => [0.8, 1.2],
+            'borderRadius' => [0, 50],
+            'eyesProbability' => 80,
+            'eyesVariant' => ['open', 'closed', 'wink'],
+            'skinColor' => ['#f0c8a0', '#d4a574'],
+            'rotate' => [-15, 15],
+            'translateX' => [-5, 5],
+            'translateY' => [-2, 2],
+        ];
+    }
+
+    // constructor
+
+    public function testAcceptsMinimalOptions(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), []);
+        $this->assertNotNull($resolver);
+    }
+
+    public function testAcceptsFullOptions(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), self::fullOptions());
+        $this->assertNotNull($resolver);
+    }
+
+    // defaults
+
+    public function testDefaults(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), []);
+        $this->assertSame('', $resolver->seed());
+        $this->assertNull($resolver->size());
+        $this->assertFalse($resolver->idRandomization());
+        $this->assertSame('none', $resolver->flip());
+        $this->assertSame('system-ui', $resolver->fontFamily());
+        $this->assertSame(400, $resolver->fontWeight());
+        $this->assertEqualsWithDelta(1, $resolver->scale(), 1e-10);
+        $this->assertEqualsWithDelta(0, $resolver->borderRadius(), 1e-10);
+    }
+
+    public function testPatternDefaults(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), []);
+        $this->assertNull($resolver->variant('eyes'));
+        $this->assertSame([], $resolver->color('skin'));
+        $this->assertSame('solid', $resolver->colorFill('skin'));
+        $this->assertEqualsWithDelta(0, $resolver->rotate(), 1e-10);
+        $this->assertEqualsWithDelta(0, $resolver->translateX(), 1e-10);
+        $this->assertEqualsWithDelta(0, $resolver->translateY(), 1e-10);
+    }
+
+    // single values
+
+    public function testSingleValues(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'my-seed',
+            'size' => 256,
+            'idRandomization' => true,
+            'flip' => 'horizontal',
+            'fontFamily' => 'Arial',
+            'fontWeight' => 700,
+            'scale' => 1.5,
+            'borderRadius' => 25,
+        ]);
+
+        $this->assertSame('my-seed', $resolver->seed());
+        $this->assertSame(256, $resolver->size());
+        $this->assertTrue($resolver->idRandomization());
+        $this->assertSame('horizontal', $resolver->flip());
+        $this->assertSame('Arial', $resolver->fontFamily());
+        $this->assertSame(700, $resolver->fontWeight());
+        $this->assertEqualsWithDelta(1.5, $resolver->scale(), 1e-10);
+        $this->assertEqualsWithDelta(25, $resolver->borderRadius(), 1e-10);
+    }
+
+    public function testSinglePatternValues(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'eyesProbability' => 80,
+            'eyesVariant' => 'open',
+            'skinColor' => '#f0c8a0',
+            'rotate' => 45,
+            'translateX' => 5,
+            'translateY' => -3,
+        ]);
+
+        $this->assertNull($resolver->variant('eyes'));
+        $this->assertSame(['#f0c8a0'], $resolver->color('skin'));
+        $this->assertEqualsWithDelta(45, $resolver->rotate(), 1e-10);
+        $this->assertEqualsWithDelta(5, $resolver->translateX(), 1e-10);
+        $this->assertEqualsWithDelta(-3, $resolver->translateY(), 1e-10);
+    }
+
+    // PRNG resolution
+
+    public function testDeterministic(): void
+    {
+        $full = self::fullOptions();
+        $a = self::makeResolver(self::minimalStyle(), $full);
+        $b = self::makeResolver(self::minimalStyle(), $full);
+
+        $this->assertSame($a->flip(), $b->flip());
+        $this->assertSame($a->fontFamily(), $b->fontFamily());
+        $this->assertSame($a->fontWeight(), $b->fontWeight());
+        $this->assertSame($a->scale(), $b->scale());
+        $this->assertSame($a->borderRadius(), $b->borderRadius());
+    }
+
+    public function testDifferentSeeds(): void
+    {
+        $full = self::fullOptions();
+        $a = self::makeResolver(self::minimalStyle(), array_merge($full, ['seed' => 'seed-a']));
+        $b = self::makeResolver(self::minimalStyle(), array_merge($full, ['seed' => 'seed-b']));
+
+        $results = [
+            $a->flip() !== $b->flip(),
+            $a->fontFamily() !== $b->fontFamily(),
+            $a->scale() !== $b->scale(),
+            $a->rotate() !== $b->rotate(),
+        ];
+
+        $this->assertTrue(in_array(true, $results, true));
+    }
+
+    public function testPicksFromArrays(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'pick-test',
+            'flip' => ['horizontal', 'vertical'],
+            'skinColor' => ['#f0c8a0', '#d4a574', '#8d5524'],
+        ]);
+
+        $this->assertContains($resolver->flip(), ['horizontal', 'vertical']);
+        $this->assertCount(1, $resolver->color('skin'));
+        $this->assertContains($resolver->color('skin')[0], ['#f0c8a0', '#d4a574', '#8d5524']);
+    }
+
+    public function testInterpolatesRanges(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'range-test',
+            'scale' => [0.8, 1.2],
+            'borderRadius' => [0, 50],
+            'rotate' => [-15, 15],
+            'translateX' => [-5, 5],
+        ]);
+
+        $this->assertGreaterThanOrEqual(0.8, $resolver->scale());
+        $this->assertLessThanOrEqual(1.2, $resolver->scale());
+        $this->assertGreaterThanOrEqual(0, $resolver->borderRadius());
+        $this->assertLessThanOrEqual(50, $resolver->borderRadius());
+        $this->assertGreaterThanOrEqual(-15, $resolver->rotate());
+        $this->assertLessThanOrEqual(15, $resolver->rotate());
+    }
+
+    public function testPicksColorFillFromArrays(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'fill-test',
+            'skinColorFill' => ['solid', 'linear', 'radial'],
+        ]);
+        $this->assertContains($resolver->colorFill('skin'), ['solid', 'linear', 'radial']);
+    }
+
+    public function testColorFillStopsForGradient(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'gradient-test',
+            'skinColor' => ['#f0c8a0', '#d4a574', '#8d5524'],
+            'skinColorFill' => 'linear',
+            'skinColorFillStops' => 2,
+        ]);
+
+        $colors = $resolver->color('skin');
+        $this->assertCount(2, $colors);
+
+        foreach ($colors as $c) {
+            $this->assertContains($c, ['#f0c8a0', '#d4a574', '#8d5524']);
+        }
+    }
+
+    public function testDefaultsTo2StopsForGradient(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'gradient-default-test',
+            'skinColor' => ['#f0c8a0', '#d4a574', '#8d5524'],
+            'skinColorFill' => 'radial',
+        ]);
+        $this->assertCount(2, $resolver->color('skin'));
+    }
+
+    public function testSingleColorForSolidFill(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'solid-test',
+            'skinColor' => ['#f0c8a0', '#d4a574', '#8d5524'],
+            'skinColorFill' => 'solid',
+        ]);
+
+        $colors = $resolver->color('skin');
+        $this->assertCount(1, $colors);
+        $this->assertContains($colors[0], ['#f0c8a0', '#d4a574', '#8d5524']);
+    }
+
+    public function testPicksFromFontWeightArray(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'fw-test',
+            'fontWeight' => [400, 700],
+        ]);
+        $this->assertContains($resolver->fontWeight(), [400, 700]);
+    }
+
+    // colorFillStops via color()
+
+    public function testRespectsCustomStopsCount(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'stops-test',
+            'skinColor' => ['#ff0000', '#00ff00', '#0000ff', '#ffffff'],
+            'skinColorFill' => 'linear',
+            'skinColorFillStops' => 3,
+        ]);
+        $this->assertCount(3, $resolver->color('skin'));
+    }
+
+    public function testPicksIntegerStopsFromRange(): void
+    {
+        for ($i = 0; $i < 20; $i++) {
+            $resolver = self::makeResolver(self::minimalStyle(), [
+                'seed' => "stops-{$i}",
+                'skinColor' => ['#ff0000', '#00ff00', '#0000ff', '#ffffff', '#000000'],
+                'skinColorFill' => 'radial',
+                'skinColorFillStops' => [2, 4],
+            ]);
+
+            $count = count($resolver->color('skin'));
+            $this->assertGreaterThanOrEqual(2, $count);
+            $this->assertLessThanOrEqual(4, $count);
+        }
+    }
+
+    // componentTransform()
+
+    public function testComponentTransformIdentityDefaults(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), ['seed' => 'identity']);
+        $t = $resolver->componentTransform('eyes');
+        $this->assertEqualsWithDelta(0.0, $t['rotate'], 1e-10);
+        $this->assertEqualsWithDelta(0.0, $t['translateX'], 1e-10);
+        $this->assertEqualsWithDelta(0.0, $t['translateY'], 1e-10);
+        $this->assertEqualsWithDelta(1.0, $t['scale'], 1e-10);
+    }
+
+    public function testComponentTransformDrawsRotateFromDefinition(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'rotate' => ['min' => -10, 'max' => 10],
+                    'variants' => ['open' => ['elements' => []]],
+                ],
+            ],
+        ]);
+        $resolver = self::makeResolver($style, ['seed' => 'rotate']);
+        $t = $resolver->componentTransform('eyes');
+        $this->assertGreaterThanOrEqual(-10, $t['rotate']);
+        $this->assertLessThanOrEqual(10, $t['rotate']);
+    }
+
+    public function testComponentTransformIsDeterministicPerSeed(): void
+    {
+        $a = self::makeResolver(self::styleWithComponents(), ['seed' => 'pick']);
+        $b = self::makeResolver(self::styleWithComponents(), ['seed' => 'pick']);
+        $this->assertSame($a->componentTransform('eyes'), $b->componentTransform('eyes'));
+    }
+
+    public function testComponentTransformIdentityForUnknownComponent(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), ['seed' => 'unknown']);
+        $t = $resolver->componentTransform('missing');
+        $this->assertEqualsWithDelta(0.0, $t['rotate'], 1e-10);
+        $this->assertEqualsWithDelta(0.0, $t['translateX'], 1e-10);
+        $this->assertEqualsWithDelta(0.0, $t['translateY'], 1e-10);
+        $this->assertEqualsWithDelta(1.0, $t['scale'], 1e-10);
+    }
+
+    public function testRootScaleDefaultsToOne(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), ['seed' => 'root-scale']);
+        $this->assertEqualsWithDelta(1.0, $resolver->scale(), 1e-10);
+    }
+
+    // probability / visibility
+
+    public function testVariantWhenProbability100(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'visible-test',
+            'eyesProbability' => 100,
+        ]);
+        $this->assertNotNull($resolver->variant('eyes'));
+    }
+
+    public function testVariantNullWhenProbability0(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'hidden-test',
+            'eyesProbability' => 0,
+        ]);
+        $this->assertNull($resolver->variant('eyes'));
+    }
+
+    public function testVariantVisibleByDefault(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), ['seed' => 'default-visible-test']);
+        $this->assertNotNull($resolver->variant('eyes'));
+    }
+
+    // variant constraints
+
+    public function testOnlyPicksFromStyleDefinedVariants(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'variant-test',
+            'eyesVariant' => ['open', 'closed', 'invalid'],
+        ]);
+
+        $result = $resolver->variant('eyes');
+        $this->assertNotNull($result);
+        $this->assertContains($result, ['open', 'closed', 'wink']);
+        $this->assertNotSame('invalid', $result);
+    }
+
+    public function testVariantNullWhenNoUserVariantsMatch(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'fallback-test',
+            'eyesVariant' => ['invalid1', 'invalid2'],
+        ]);
+        $this->assertNull($resolver->variant('eyes'));
+    }
+
+    public function testEmptyVariantArrayYieldsNullVariant(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'empty-test',
+            'eyesVariant' => [],
+        ]);
+        $this->assertNull($resolver->variant('eyes'));
+    }
+
+    public function testPicksFromStyleVariantsWhenNoOption(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), ['seed' => 'default-test']);
+        $result = $resolver->variant('eyes');
+        $this->assertNotNull($result);
+        $this->assertContains($result, ['open', 'closed', 'wink']);
+    }
+
+    public function testVariantNullWhenComponentMissing(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'no-component-test',
+            'eyesVariant' => 'open',
+        ]);
+        $this->assertNull($resolver->variant('eyes'));
+    }
+
+    // color constraints
+
+    public function testContrastToSorting(): void
+    {
+        $resolver = self::makeResolver(self::styleWithColors(), [
+            'seed' => 'contrast-test',
+            'skinColor' => '#f0c8a0',
+            'backgroundColor' => ['#ffffff', '#000000', '#cccccc'],
+        ]);
+
+        $colors = $resolver->color('background');
+        $this->assertCount(1, $colors);
+        $this->assertSame('#000000', $colors[0]);
+    }
+
+    public function testNotEqualToFiltering(): void
+    {
+        $resolver = self::makeResolver(self::styleWithColors(), [
+            'seed' => 'not-equal-test',
+            'skinColor' => '#f0c8a0',
+            'hairColor' => ['#f0c8a0', '#2c1b18', '#b55239'],
+        ]);
+
+        $colors = $resolver->color('hair');
+        $this->assertCount(1, $colors);
+        $this->assertNotSame('#f0c8a0', $colors[0]);
+    }
+
+    public function testNotEqualToKeepsAllWhenAllWouldBeFiltered(): void
+    {
+        $resolver = self::makeResolver(self::styleWithColors(), [
+            'seed' => 'all-filtered-test',
+            'skinColor' => '#f0c8a0',
+            'hairColor' => ['#f0c8a0'],
+        ]);
+
+        $colors = $resolver->color('hair');
+        $this->assertCount(1, $colors);
+        $this->assertSame('#f0c8a0', $colors[0]);
+    }
+
+    public function testColorCaching(): void
+    {
+        $resolver = self::makeResolver(self::styleWithColors(), [
+            'seed' => 'cache-test',
+            'skinColor' => ['#f0c8a0', '#d4a574'],
+        ]);
+        $this->assertSame($resolver->color('skin'), $resolver->color('skin'));
+    }
+
+    public function testColorWithoutStyleDefinition(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'no-style-test',
+            'customColor' => ['#ff0000', '#00ff00'],
+        ]);
+
+        $colors = $resolver->color('custom');
+        $this->assertCount(1, $colors);
+        $this->assertContains($colors[0], ['#ff0000', '#00ff00']);
+    }
+
+    public function testCircularContrastToThrows(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'colors' => [
+                'a' => ['values' => ['#ff0000', '#00ff00'], 'contrastTo' => 'b'],
+                'b' => ['values' => ['#0000ff', '#ffffff'], 'contrastTo' => 'a'],
+            ],
+        ]);
+
+        $resolver = self::makeResolver($style, [
+            'seed' => 'circular-test',
+            'aColor' => ['#ff0000', '#00ff00'],
+            'bColor' => ['#0000ff', '#ffffff'],
+        ]);
+
+        try {
+            $resolver->color('a');
+            $this->fail('Expected error');
+        } catch (CircularColorReferenceError $e) {
+            $this->assertSame(['a', 'b', 'a'], $e->chain);
+            $this->assertStringContainsString('a → b → a', $e->getMessage());
+        }
+    }
+
+    public function testCircularNotEqualToThrows(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'colors' => [
+                'a' => ['values' => ['#ff0000'], 'notEqualTo' => ['b']],
+                'b' => ['values' => ['#00ff00'], 'notEqualTo' => ['a']],
+            ],
+        ]);
+
+        $resolver = self::makeResolver($style, [
+            'seed' => 'circular-not-equal-test',
+            'aColor' => ['#ff0000'],
+            'bColor' => ['#00ff00'],
+        ]);
+
+        try {
+            $resolver->color('a');
+            $this->fail('Expected error');
+        } catch (CircularColorReferenceError $e) {
+            $this->assertSame(['a', 'b', 'a'], $e->chain);
+            $this->assertStringContainsString('a → b → a', $e->getMessage());
+        }
+    }
+
+    // resolved
+
+    public function testResolvedIncludesConsumedValues(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'test',
+            'flip' => ['horizontal', 'vertical'],
+            'scale' => [0.5, 1],
+        ]);
+
+        $resolver->seed();
+        $resolver->flip();
+        $resolver->scale();
+
+        $resolved = $resolver->resolved();
+        $this->assertContains($resolved['flip'], ['horizontal', 'vertical', 'none']);
+        $this->assertIsNumeric($resolved['scale']);
+    }
+
+    public function testResolvedDoesNotIncludeSeed(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), ['seed' => 'test']);
+
+        $resolver->seed();
+
+        $this->assertArrayNotHasKey('seed', $resolver->resolved());
+    }
+
+    public function testResolvedMemoized(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'test',
+            'flip' => ['horizontal', 'vertical'],
+        ]);
+
+        $first = $resolver->flip();
+        $second = $resolver->flip();
+        $this->assertSame($first, $second);
+    }
+
+    public function testResolvedIncludesVariantValues(): void
+    {
+        $resolver = self::makeResolver(self::styleWithComponents(), [
+            'seed' => 'test',
+            'eyesVariant' => ['open', 'closed'],
+        ]);
+
+        $resolver->variant('eyes');
+
+        $resolved = $resolver->resolved();
+        $this->assertArrayHasKey('eyesVariant', $resolved);
+        $this->assertContains($resolved['eyesVariant'], ['open', 'closed', 'wink']);
+    }
+
+    public function testResolvedIncludesColorValues(): void
+    {
+        $resolver = self::makeResolver(self::styleWithColors(), [
+            'seed' => 'test',
+            'skinColor' => ['#ff0000', '#00ff00'],
+        ]);
+
+        $resolver->color('skin');
+
+        $resolved = $resolver->resolved();
+        $this->assertArrayHasKey('skinColor', $resolved);
+        $this->assertIsArray($resolved['skinColor']);
+    }
+
+    // variant weights
+
+    public function testWeightZeroNeverPicked(): void
+    {
+        for ($i = 0; $i < 100; $i++) {
+            $resolver = self::makeResolver(self::styleWithWeights(), ['seed' => "weight-{$i}"]);
+            $this->assertNotSame('hidden', $resolver->variant('eyes'));
+        }
+    }
+
+    public function testWeightZeroAllowedWhenExplicit(): void
+    {
+        $resolver = self::makeResolver(self::styleWithWeights(), [
+            'seed' => 'explicit-hidden',
+            'eyesVariant' => 'hidden',
+        ]);
+        $this->assertSame('hidden', $resolver->variant('eyes'));
+    }
+
+    public function testHigherWeightFavored(): void
+    {
+        $commonCount = 0;
+        for ($i = 0; $i < 200; $i++) {
+            $resolver = self::makeResolver(self::styleWithWeights(), ['seed' => "favor-{$i}"]);
+            if ($resolver->variant('eyes') === 'common') {
+                $commonCount++;
+            }
+        }
+        $this->assertGreaterThan(100, $commonCount);
+    }
+
+    public function testObjectVariantOverridesWeights(): void
+    {
+        for ($i = 0; $i < 100; $i++) {
+            $resolver = self::makeResolver(self::styleWithWeights(), [
+                'seed' => "override-{$i}",
+                'eyesVariant' => ['hidden' => 1],
+            ]);
+            $this->assertSame('hidden', $resolver->variant('eyes'));
+        }
+    }
+
+    public function testObjectVariantFiltersAndWeights(): void
+    {
+        for ($i = 0; $i < 100; $i++) {
+            $resolver = self::makeResolver(self::styleWithWeights(), [
+                'seed' => "filter-{$i}",
+                'eyesVariant' => ['common' => 1, 'rare' => 1],
+            ]);
+            $this->assertContains($resolver->variant('eyes'), ['common', 'rare']);
+        }
+    }
+
+    public function testAllWeightsZeroFallback(): void
+    {
+        $style = new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 50, 'height' => 50,
+                    'variants' => [
+                        'a' => ['elements' => [], 'weight' => 0],
+                        'b' => ['elements' => [], 'weight' => 0],
+                    ],
+                ],
+            ],
+        ]);
+        $resolver = self::makeResolver($style, ['seed' => 'all-zero']);
+        $this->assertContains($resolver->variant('eyes'), ['a', 'b']);
+    }
+
+    public function testDeterministicWithWeights(): void
+    {
+        $a = self::makeResolver(self::styleWithWeights(), ['seed' => 'deterministic-test']);
+        $b = self::makeResolver(self::styleWithWeights(), ['seed' => 'deterministic-test']);
+        $this->assertSame($a->variant('eyes'), $b->variant('eyes'));
+    }
+
+    // colorAngle
+
+    public function testColorAngleDefault(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), []);
+        $this->assertEqualsWithDelta(0, $resolver->colorAngle('skin'), 1e-10);
+    }
+
+    public function testColorAngleSingleValue(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), ['skinColorAngle' => 45]);
+        $this->assertEqualsWithDelta(45, $resolver->colorAngle('skin'), 1e-10);
+    }
+
+    public function testColorAngleRange(): void
+    {
+        $resolver = self::makeResolver(self::minimalStyle(), [
+            'seed' => 'angle-test',
+            'skinColorAngle' => [-90, 90],
+        ]);
+        $value = $resolver->colorAngle('skin');
+        $this->assertGreaterThanOrEqual(-90, $value);
+        $this->assertLessThanOrEqual(90, $value);
+    }
+}
diff --git a/src/php/core/tests/StyleTest.php b/src/php/core/tests/StyleTest.php
new file mode 100644
index 0000000..2ce9bb9
--- /dev/null
+++ b/src/php/core/tests/StyleTest.php
@@ -0,0 +1,439 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests;
+
+use DiceBear\Error\StyleValidationError;
+use DiceBear\Error\ValidationError;
+use DiceBear\Style;
+use PHPUnit\Framework\TestCase;
+
+class StyleTest extends TestCase
+{
+    private static function minimal(): array
+    {
+        return ['canvas' => ['width' => 100, 'height' => 100, 'elements' => []]];
+    }
+
+    private static function full(): array
+    {
+        return [
+            '$schema' => 'https://example.com/schema.json',
+            '$comment' => 'Test style',
+            'meta' => [
+                'license' => ['name' => 'MIT', 'url' => 'https://example.com/license', 'text' => 'MIT License'],
+                'creator' => ['name' => 'Test', 'url' => 'https://example.com'],
+                'source' => ['name' => 'Source', 'url' => 'https://example.com/source'],
+            ],
+            'canvas' => [
+                'width' => 200,
+                'height' => 200,
+                'elements' => [
+                    [
+                        'type' => 'element',
+                        'name' => 'rect',
+                        'attributes' => ['width' => '100', 'height' => '100', 'fill' => '#ff0000'],
+                        'children' => [
+                            ['type' => 'text', 'value' => 'hello'],
+                        ],
+                    ],
+                    [
+                        'type' => 'component',
+                        'name' => 'eyes',
+                    ],
+                    [
+                        'type' => 'text',
+                        'value' => ['type' => 'variable', 'name' => 'initials'],
+                    ],
+                ],
+            ],
+            'components' => [
+                'eyes' => [
+                    'width' => 50,
+                    'height' => 50,
+                    'probability' => 100,
+                    'rotate' => ['min' => -10, 'max' => 10],
+                    'translate' => ['x' => ['min' => 0, 'max' => 5], 'y' => ['min' => -2, 'max' => 2]],
+                    'variants' => [
+                        'open' => [
+                            'elements' => [
+                                ['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '10', 'cx' => '25', 'cy' => '25']],
+                            ],
+                        ],
+                        'closed' => [
+                            'elements' => [
+                                ['type' => 'element', 'name' => 'line', 'attributes' => ['x1' => '10', 'y1' => '25', 'x2' => '40', 'y2' => '25']],
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+            'colors' => [
+                'skin' => [
+                    'values' => ['#f0c8a0', '#d4a574', '#8d5524'],
+                ],
+                'hair' => [
+                    'values' => ['#2c1b18', '#b55239'],
+                    'notEqualTo' => ['skin'],
+                ],
+                'background' => [
+                    'values' => ['#ffffff', '#000000'],
+                    'contrastTo' => 'skin',
+                ],
+            ],
+        ];
+    }
+
+    // constructor
+
+    public function testAcceptsMinimalDefinition(): void
+    {
+        $style = new Style(self::minimal());
+        $this->assertNotNull($style);
+    }
+
+    public function testAcceptsFullDefinition(): void
+    {
+        $style = new Style(self::full());
+        $this->assertNotNull($style);
+    }
+
+    public function testFromJsonParsesRawDefinition(): void
+    {
+        $style = Style::fromJson(json_encode(self::full()));
+        $this->assertSame('https://example.com/schema.json', $style->schema());
+    }
+
+    public function testFromJsonThrowsJsonExceptionForMalformedJson(): void
+    {
+        $this->expectException(\JsonException::class);
+        Style::fromJson('not json');
+    }
+
+    public function testFromJsonThrowsStyleValidationErrorForInvalidDefinition(): void
+    {
+        $this->expectException(StyleValidationError::class);
+        Style::fromJson('{}');
+    }
+
+    public function testThrowsStyleValidationErrorForInvalidData(): void
+    {
+        $this->expectException(StyleValidationError::class);
+        new Style([]);
+    }
+
+    public function testThrowsValidationError(): void
+    {
+        $this->expectException(ValidationError::class);
+        new Style([]);
+    }
+
+    public function testThrowsRuntimeException(): void
+    {
+        $this->expectException(\RuntimeException::class);
+        new Style([]);
+    }
+
+    public function testErrorIncludesDetails(): void
+    {
+        try {
+            new Style([]);
+            $this->fail('Expected error');
+        } catch (StyleValidationError $e) {
+            $this->assertIsArray($e->details);
+            $this->assertGreaterThan(0, count($e->details));
+        }
+    }
+
+    // primitive methods
+
+    public function testReturnsSchema(): void
+    {
+        $full = self::full();
+        $this->assertSame($full['$schema'], (new Style($full))->schema());
+    }
+
+    public function testReturnsComment(): void
+    {
+        $full = self::full();
+        $this->assertSame($full['$comment'], (new Style($full))->comment());
+    }
+
+    public function testReturnsNullForMissingOptionalPrimitives(): void
+    {
+        $style = new Style(self::minimal());
+        $this->assertNull($style->schema());
+        $this->assertNull($style->comment());
+    }
+
+    public function testReturnsDefaultsForMissingOptionalObjects(): void
+    {
+        $style = new Style(self::minimal());
+        $this->assertNotNull($style->meta());
+        $this->assertNull($style->meta()->license()->name());
+        $this->assertNull($style->meta()->creator()->name());
+        $this->assertNull($style->meta()->source()->name());
+        $this->assertSame([], $style->attributes());
+    }
+
+    // canvas
+
+    public function testCanvasWidthAndHeight(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame(200, $style->canvas()->width());
+        $this->assertSame(200, $style->canvas()->height());
+    }
+
+    public function testCanvasElements(): void
+    {
+        $style = new Style(self::full());
+        $this->assertCount(3, $style->canvas()->elements());
+        $this->assertSame('element', $style->canvas()->elements()[0]->type());
+        $this->assertSame('rect', $style->canvas()->elements()[0]->name());
+        $this->assertSame('component', $style->canvas()->elements()[1]->type());
+        $this->assertSame('eyes', $style->canvas()->elements()[1]->name());
+    }
+
+    public function testCanvasElementChildren(): void
+    {
+        $style = new Style(self::full());
+        $children = $style->canvas()->elements()[0]->children();
+        $this->assertCount(1, $children);
+        $this->assertSame('text', $children[0]->type());
+        $this->assertSame('hello', $children[0]->value());
+    }
+
+    public function testCanvasElementAttributes(): void
+    {
+        $style = new Style(self::full());
+        $attrs = $style->canvas()->elements()[0]->attributes();
+        $this->assertNotNull($attrs);
+        $this->assertSame('100', $attrs['width']);
+        $this->assertSame('#ff0000', $attrs['fill']);
+    }
+
+    public function testCanvasElementVariableReference(): void
+    {
+        $style = new Style(self::full());
+        $el = $style->canvas()->elements()[2];
+        $this->assertSame('text', $el->type());
+        $this->assertSame(['type' => 'variable', 'name' => 'initials'], $el->value());
+    }
+
+    public function testCanvasCachesElements(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame($style->canvas()->elements(), $style->canvas()->elements());
+    }
+
+    // meta
+
+    public function testMetaLicense(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame('MIT', $style->meta()->license()->name());
+        $this->assertSame('https://example.com/license', $style->meta()->license()->url());
+        $this->assertSame('MIT License', $style->meta()->license()->text());
+    }
+
+    public function testMetaCreator(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame('Test', $style->meta()->creator()->name());
+        $this->assertSame('https://example.com', $style->meta()->creator()->url());
+    }
+
+    public function testMetaSource(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame('Source', $style->meta()->source()->name());
+    }
+
+    public function testMetaCached(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame($style->meta(), $style->meta());
+    }
+
+    // components
+
+    public function testComponentsReturnsArray(): void
+    {
+        $style = new Style(self::full());
+        $this->assertCount(1, $style->components());
+        $this->assertArrayHasKey('eyes', $style->components());
+    }
+
+    public function testComponentProperties(): void
+    {
+        $style = new Style(self::full());
+        $eyes = $style->components()['eyes'];
+        $this->assertSame(50, $eyes->width());
+        $this->assertSame(50, $eyes->height());
+        $this->assertSame(100, $eyes->probability());
+        $this->assertSame(['min' => -10, 'max' => 10], $eyes->rotate());
+    }
+
+    public function testComponentTranslate(): void
+    {
+        $style = new Style(self::full());
+        $translate = $style->components()['eyes']->translate();
+        $this->assertSame(['min' => 0, 'max' => 5], $translate->x());
+        $this->assertSame(['min' => -2, 'max' => 2], $translate->y());
+    }
+
+    public function testComponentVariants(): void
+    {
+        $style = new Style(self::full());
+        $eyes = $style->components()['eyes'];
+        $this->assertCount(2, $eyes->variants());
+        $this->assertArrayHasKey('open', $eyes->variants());
+        $this->assertArrayHasKey('closed', $eyes->variants());
+    }
+
+    public function testVariantElements(): void
+    {
+        $style = new Style(self::full());
+        $open = $style->components()['eyes']->variants()['open'];
+        $this->assertCount(1, $open->elements());
+        $this->assertSame('circle', $open->elements()[0]->name());
+    }
+
+    public function testEmptyComponentsWhenNone(): void
+    {
+        $style = new Style(self::minimal());
+        $this->assertCount(0, $style->components());
+    }
+
+    public function testComponentsCached(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame($style->components(), $style->components());
+    }
+
+    // colors
+
+    public function testColorsReturnsArray(): void
+    {
+        $style = new Style(self::full());
+        $this->assertCount(3, $style->colors());
+    }
+
+    public function testColorValues(): void
+    {
+        $style = new Style(self::full());
+        $skin = $style->colors()['skin'];
+        $this->assertSame(['#f0c8a0', '#d4a574', '#8d5524'], $skin->values());
+    }
+
+    public function testColorNotEqualTo(): void
+    {
+        $style = new Style(self::full());
+        $hair = $style->colors()['hair'];
+        $this->assertSame(['skin'], $hair->notEqualTo());
+    }
+
+    public function testColorContrastTo(): void
+    {
+        $style = new Style(self::full());
+        $bg = $style->colors()['background'];
+        $this->assertSame('skin', $bg->contrastTo());
+    }
+
+    public function testEmptyColorsWhenNone(): void
+    {
+        $style = new Style(self::minimal());
+        $this->assertCount(0, $style->colors());
+    }
+
+    public function testColorsCached(): void
+    {
+        $style = new Style(self::full());
+        $this->assertSame($style->colors(), $style->colors());
+    }
+
+    // component aliases
+
+    private static function aliasDefinition(): array
+    {
+        return [
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 50,
+                    'height' => 60,
+                    'probability' => 80,
+                    'rotate' => ['min' => -10, 'max' => 10],
+                    'scale' => ['min' => 0.9, 'max' => 1.1],
+                    'translate' => ['x' => ['min' => -5, 'max' => 5], 'y' => ['min' => -2, 'max' => 2]],
+                    'variants' => [
+                        'open' => ['elements' => [['type' => 'element', 'name' => 'circle', 'attributes' => ['r' => '5']]]],
+                        'closed' => ['elements' => [['type' => 'element', 'name' => 'line', 'attributes' => ['x1' => '0', 'x2' => '10']]]],
+                    ],
+                ],
+                'eyesRight' => ['extends' => 'eyes'],
+            ],
+        ];
+    }
+
+    public function testAliasExposedAsMapEntry(): void
+    {
+        $style = new Style(self::aliasDefinition());
+        $this->assertArrayHasKey('eyesRight', $style->components());
+        $this->assertSame('eyes', $style->components()['eyesRight']->extendsName());
+        $this->assertNull($style->components()['eyes']->extendsName());
+    }
+
+    public function testAliasInheritsWidthAndHeight(): void
+    {
+        $alias = (new Style(self::aliasDefinition()))->components()['eyesRight'];
+        $this->assertSame(50, $alias->width());
+        $this->assertSame(60, $alias->height());
+    }
+
+    public function testAliasInheritsVariants(): void
+    {
+        $alias = (new Style(self::aliasDefinition()))->components()['eyesRight'];
+        $this->assertSame(['open', 'closed'], array_keys($alias->variants()));
+    }
+
+    public function testAliasDelegatesProbabilityRotateScaleTranslateToSource(): void
+    {
+        $alias = (new Style(self::aliasDefinition()))->components()['eyesRight'];
+        $this->assertSame(80, $alias->probability());
+        $this->assertSame(['min' => -10, 'max' => 10], $alias->rotate());
+        $this->assertSame(['min' => 0.9, 'max' => 1.1], $alias->scale());
+        $this->assertSame(['min' => -5, 'max' => 5], $alias->translate()->x());
+        $this->assertSame(['min' => -2, 'max' => 2], $alias->translate()->y());
+    }
+
+    public function testAliasRejectsUnknownExtendsTarget(): void
+    {
+        $this->expectException(StyleValidationError::class);
+
+        new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => ['eyesRight' => ['extends' => 'missing']],
+        ]);
+    }
+
+    public function testAliasRejectsAliasOfAlias(): void
+    {
+        $this->expectException(StyleValidationError::class);
+
+        new Style([
+            'canvas' => ['width' => 100, 'height' => 100, 'elements' => []],
+            'components' => [
+                'eyes' => [
+                    'width' => 10,
+                    'height' => 10,
+                    'variants' => ['open' => ['elements' => []]],
+                ],
+                'eyesRight' => ['extends' => 'eyes'],
+                'eyesRightAgain' => ['extends' => 'eyesRight'],
+            ],
+        ]);
+    }
+}
diff --git a/src/php/core/tests/Utils/ColorTest.php b/src/php/core/tests/Utils/ColorTest.php
new file mode 100644
index 0000000..e425e8e
--- /dev/null
+++ b/src/php/core/tests/Utils/ColorTest.php
@@ -0,0 +1,162 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DiceBear\Tests\Utils;
+
+use DiceBear\Utils\Color;
+use PHPUnit\Framework\TestCase;
+
+class ColorTest extends TestCase
+{
+    // toRgbHex
+
+    public function testToRgbHexNormalizes6Digit(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('#ff0000'));
+    }
+
+    public function testToRgbHexNormalizes3Digit(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('#f00'));
+    }
+
+    public function testToRgbHexStripsAlpha4Digit(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('#f008'));
+    }
+
+    public function testToRgbHexStripsAlpha8Digit(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('#ff000080'));
+    }
+
+    public function testToRgbHexLowercases(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('#FF0000'));
+        $this->assertSame('#ff0000', Color::toRgbHex('#F00'));
+    }
+
+    public function testToRgbHexHandlesMissingPrefix(): void
+    {
+        $this->assertSame('#ff0000', Color::toRgbHex('ff0000'));
+        $this->assertSame('#ff0000', Color::toRgbHex('f00'));
+    }
+
+    // parseHex
+
+    public function testParseHex6Digit(): void
+    {
+        $this->assertSame([255, 0, 0], Color::parseHex('#ff0000'));
+        $this->assertSame([0, 255, 0], Color::parseHex('#00ff00'));
+        $this->assertSame([0, 0, 255], Color::parseHex('#0000ff'));
+    }
+
+    public function testParseHex3Digit(): void
+    {
+        $this->assertSame([255, 0, 0], Color::parseHex('#f00'));
+        $this->assertSame([255, 255, 255], Color::parseHex('#fff'));
+    }
+
+    public function testParseHex4Digit(): void
+    {
+        $this->assertSame([255, 0, 0], Color::parseHex('#f008'));
+    }
+
+    public function testParseHex8Digit(): void
+    {
+        $this->assertSame([255, 0, 0], Color::parseHex('#ff000080'));
+    }
+
+    public function testParseHexCaseInsensitive(): void
+    {
+        $this->assertSame([255, 0, 0], Color::parseHex('#FF0000'));
+    }
+
+    // luminance
+
+    public function testLuminanceBlackIsZero(): void
+    {
+        $this->assertSame(0.0, Color::luminance('#000000'));
+    }
+
+    public function testLuminanceWhiteIsOne(): void
+    {
+        $this->assertSame(1.0, Color::luminance('#ffffff'));
+    }
+
+    public function testLuminanceMidGray(): void
+    {
+        $lum = Color::luminance('#808080');
+
+        $this->assertGreaterThan(0.2, $lum);
+        $this->assertLessThan(0.25, $lum);
+    }
+
+    public function testLuminance3DigitHex(): void
+    {
+        $this->assertSame(0.0, Color::luminance('#000'));
+        $this->assertSame(1.0, Color::luminance('#fff'));
+    }
+
+    // sortByContrast
+
+    public function testSortByContrastDescending(): void
+    {
+        $result = Color::sortByContrast(['#ffffff', '#808080', '#000000'], '#ffffff');
+
+        $this->assertSame('#000000', $result[0]);
+        $this->assertSame('#ffffff', $result[2]);
+    }
+
+    public function testSortByContrastColoredReference(): void
+    {
+        $result = Color::sortByContrast(['#000000', '#ffffff'], '#f0c8a0');
+
+        $this->assertSame('#000000', $result[0]);
+    }
+
+    public function testSortByContrastPreservesLength(): void
+    {
+        $result = Color::sortByContrast(['#ff0000', '#00ff00', '#0000ff'], '#ffffff');
+
+        $this->assertCount(3, $result);
+    }
+
+    // filterNotEqualTo
+
+    public function testFilterExactMatches(): void
+    {
+        $result = Color::filterNotEqualTo(['#ff0000', '#00ff00', '#0000ff'], ['#ff0000']);
+
+        $this->assertSame(['#00ff00', '#0000ff'], $result);
+    }
+
+    public function testFilterCaseInsensitive(): void
+    {
+        $result = Color::filterNotEqualTo(['#ff0000', '#00ff00'], ['#FF0000']);
+
+        $this->assertSame(['#00ff00'], $result);
+    }
+
+    public function testFilterMatchesShortAndLongHex(): void
+    {
+        $result = Color::filterNotEqualTo(['#ff0000', '#00ff00'], ['#f00']);
+
+        $this->assertSame(['#00ff00'], $result);
+    }
+
+    public function testFilterKeepsAllWhenWouldEmpty(): void
+    {
+        $result = Color::filterNotEqualTo(['#ff0000'], ['#ff0000']);
+
+        $this->assertSame(['#ff0000'], $result);
+    }
+
+    public function testFilterMultipleExclusions(): void
+    {
+        $result = Color::filterNotEqualTo(['#ff0000', '#00ff00', '#0000ff'], ['#ff0000', '#0000ff']);
+
+        $this->assertSame(['#00ff00'], $result);
+    }
+}
diff --git a/src/python/core/.gitignore b/src/python/core/.gitignore
new file mode 100644
index 0000000..9fc25ae
--- /dev/null
+++ b/src/python/core/.gitignore
@@ -0,0 +1,8 @@
+.venv
+dist
+dist-build
+*.egg-info
+__pycache__
+.pytest_cache
+.mypy_cache
+.ruff_cache
diff --git a/src/python/core/LICENSE b/src/python/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/python/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/python/core/README.md b/src/python/core/README.md
new file mode 100644
index 0000000..e4d7802
--- /dev/null
+++ b/src/python/core/README.md
@@ -0,0 +1,63 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (Python)</h1>
+
+Python implementation of the DiceBear avatar library. Generates deterministic
+SVG avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/python-library/)
+
+## Installation
+
+```sh
+pip install dicebear-core
+```
+
+Requires Python 3.10 or newer.
+
+## Usage
+
+```python
+import json
+from importlib.resources import files
+
+from dicebear import Avatar
+
+# From a style definition (here from the dicebear-styles package)
+definition = json.loads(
+    files("dicebear_styles").joinpath("lorelei.json").read_text("utf-8")
+)
+
+avatar = Avatar(definition, {"seed": "John Doe", "size": 128})
+
+avatar.to_string()    # SVG string
+avatar.to_data_uri()  # data:image/svg+xml;charset=utf-8,...
+```
+
+### Using the Style class
+
+```python
+from dicebear import Avatar, Style
+
+style = Style(definition)
+
+# Create multiple avatars from the same style
+avatar1 = Avatar(style, {"seed": "Alice"})
+avatar2 = Avatar(style, {"seed": "Bob"})
+```
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/python/core/pyproject.toml b/src/python/core/pyproject.toml
new file mode 100644
index 0000000..347e932
--- /dev/null
+++ b/src/python/core/pyproject.toml
@@ -0,0 +1,65 @@
+[build-system]
+# hatchling >= 1.27 is required for the PEP 639 `license = "MIT"` SPDX string.
+requires = ["hatchling>=1.27"]
+build-backend = "hatchling.build"
+
+[project]
+name = "dicebear-core"
+version = "10.3.0"
+description = "Unique avatars from dozens of styles — deterministic, customizable, vector-based."
+readme = "README.md"
+requires-python = ">=3.10"
+license = "MIT"
+license-files = ["LICENSE"]
+authors = [{ name = "Florian Körner", email = "contact@florian-koerner.com" }]
+keywords = ["dicebear", "avatar", "svg"]
+classifiers = [
+  "Intended Audience :: Developers",
+  "Programming Language :: Python :: 3 :: Only",
+  "Programming Language :: Python :: 3.10",
+  "Programming Language :: Python :: 3.11",
+  "Programming Language :: Python :: 3.12",
+  "Programming Language :: Python :: 3.13",
+  "Programming Language :: Python :: 3.14",
+  "Topic :: Multimedia :: Graphics",
+]
+dependencies = ["jsonschema>=4.0", "dicebear-schema>=1.1.0"]
+
+[project.optional-dependencies]
+dev = ["pytest>=8.0", "mypy>=1.8", "ruff>=0.6"]
+
+[project.urls]
+Homepage = "https://www.dicebear.com"
+Repository = "https://github.com/dicebear/dicebear"
+Issues = "https://github.com/dicebear/dicebear/issues"
+
+# The package lives under src/dicebear. The JSON Schemas are not vendored: they
+# come from the `dicebear-schema` dependency and are read at runtime via
+# importlib.resources (files("dicebear_schema")), mirroring how the JS/PHP ports
+# pin @dicebear/schema / dicebear/schema.
+[tool.hatch.build.targets.wheel]
+packages = ["src/dicebear"]
+
+[tool.hatch.build.targets.sdist]
+include = ["src/dicebear", "tests", "README.md", "LICENSE", "pyproject.toml"]
+
+[tool.ruff]
+line-length = 88
+target-version = "py310"
+src = ["src", "tests"]
+
+[tool.ruff.lint]
+select = ["E", "F", "I", "UP", "B", "SIM"]
+
+[tool.mypy]
+python_version = "3.10"
+strict = true
+files = ["src"]
+
+# jsonschema ships no type stubs; the validator wraps it behind a typed boundary.
+[[tool.mypy.overrides]]
+module = ["jsonschema", "jsonschema.*"]
+ignore_missing_imports = true
+
+[tool.pytest.ini_options]
+testpaths = ["tests"]
diff --git a/src/python/core/src/dicebear/__init__.py b/src/python/core/src/dicebear/__init__.py
new file mode 100644
index 0000000..cad2e36
--- /dev/null
+++ b/src/python/core/src/dicebear/__init__.py
@@ -0,0 +1,33 @@
+"""DiceBear core — deterministic, customizable, vector-based avatars.
+
+A faithful port of the reference JavaScript core (``@dicebear/core``), producing
+byte-identical SVG output for the same style and options.
+"""
+
+from __future__ import annotations
+
+from .avatar import Avatar
+from .errors import (
+    CircularColorReferenceError,
+    OptionsValidationError,
+    StyleValidationError,
+    ValidationError,
+)
+from .options_descriptor import OptionsDescriptor
+from .style import Style
+from .utils.color import Color
+
+# Public surface mirrors the JS index (Avatar, Style, Color, OptionsDescriptor)
+# plus the exception types Python consumers catch. Internals — Options, Prng,
+# Resolver, Renderer — remain importable from their submodules but are not
+# re-exported here.
+__all__ = [
+    "Avatar",
+    "CircularColorReferenceError",
+    "Color",
+    "OptionsDescriptor",
+    "OptionsValidationError",
+    "Style",
+    "StyleValidationError",
+    "ValidationError",
+]
diff --git a/src/python/core/src/dicebear/avatar.py b/src/python/core/src/dicebear/avatar.py
new file mode 100644
index 0000000..d91d105
--- /dev/null
+++ b/src/python/core/src/dicebear/avatar.py
@@ -0,0 +1,68 @@
+"""Top-level entry point for rendering an avatar from a style and options."""
+
+from __future__ import annotations
+
+import copy
+import warnings
+from typing import Any
+from urllib.parse import quote
+
+from .options import Options
+from .renderer import Renderer
+from .resolver import Resolver
+from .style import Style
+
+# encodeURIComponent leaves A-Za-z0-9 and -_.!~*'() unescaped. Python's quote
+# always keeps letters, digits, and _.-~; adding !*'() to ``safe`` reproduces
+# the JS set exactly (and drops the default '/' so it is escaped like JS does).
+_DATA_URI_SAFE = "!*'()"
+
+
+class Avatar:
+    """Top-level entry point for rendering an avatar from a style and options.
+
+    Construction immediately resolves and renders the SVG; the various accessor
+    methods return different serializations of that result.
+    """
+
+    def __init__(
+        self, style_input: Any, options_input: dict[str, Any] | None = None
+    ) -> None:
+        """Render an avatar from a style and options.
+
+        Pass a :class:`Style` instance. Passing a raw definition dict is
+        deprecated and will be removed in v11; wrap it with ``Style(...)`` and
+        reuse the instance across avatars.
+        """
+        if not isinstance(style_input, Style):
+            warnings.warn(
+                "Passing a style definition to Avatar is deprecated and will be "
+                "removed in v11. Wrap it in a Style first: "
+                "Avatar(Style(definition), options).",
+                DeprecationWarning,
+                stacklevel=2,
+            )
+
+        style = style_input if isinstance(style_input, Style) else Style(style_input)
+        options = Options(options_input)
+        resolver = Resolver(style, options)
+
+        self._svg = Renderer(style, resolver).render()
+        self._resolved_options = resolver.resolved()
+
+    def __str__(self) -> str:
+        return self._svg
+
+    def to_string(self) -> str:
+        """Return the rendered SVG markup."""
+        return self._svg
+
+    def to_json(self) -> dict[str, Any]:
+        """Return ``{"svg", "options"}`` — the SVG and the resolved options."""
+        return {"svg": self._svg, "options": copy.deepcopy(self._resolved_options)}
+
+    def to_data_uri(self) -> str:
+        """Return the SVG encoded as a ``data:image/svg+xml`` URI."""
+        return "data:image/svg+xml;charset=utf-8," + quote(
+            self._svg, safe=_DATA_URI_SAFE
+        )
diff --git a/src/python/core/src/dicebear/errors.py b/src/python/core/src/dicebear/errors.py
new file mode 100644
index 0000000..dca670d
--- /dev/null
+++ b/src/python/core/src/dicebear/errors.py
@@ -0,0 +1,66 @@
+"""Domain error types raised by the core."""
+
+from __future__ import annotations
+
+from typing import TypedDict
+
+
+class ErrorDetail(TypedDict, total=False):
+    """A single schema-validation failure."""
+
+    message: str
+    instancePath: str
+
+
+class ValidationError(RuntimeError):
+    """Base class for schema validation errors.
+
+    Carries the prefix in the exception message and the per-field failures in
+    :attr:`details`.
+    """
+
+    def __init__(self, prefix: str, details: list[ErrorDetail]) -> None:
+        parts: list[str] = []
+
+        for detail in details:
+            segments: list[str] = []
+
+            instance_path = detail.get("instancePath", "")
+            if instance_path != "":
+                segments.append(instance_path)
+
+            message = detail.get("message", "")
+            if message != "":
+                segments.append(message)
+
+            parts.append(" ".join(segments))
+
+        super().__init__(prefix + ": " + ", ".join(parts))
+        self.details = details
+
+
+class OptionsValidationError(ValidationError):
+    """Raised when avatar options fail schema validation."""
+
+    def __init__(self, details: list[ErrorDetail]) -> None:
+        super().__init__("Invalid options", details)
+
+
+class StyleValidationError(ValidationError):
+    """Raised when a style definition fails schema validation."""
+
+    def __init__(self, details: list[ErrorDetail]) -> None:
+        super().__init__("Invalid style definition", details)
+
+
+class CircularColorReferenceError(RuntimeError):
+    """Raised when a color references itself, directly or indirectly.
+
+    The :attr:`chain` field reproduces the resolution path.
+    """
+
+    def __init__(self, chain: list[str]) -> None:
+        path = " → ".join(chain)
+
+        super().__init__(f"Circular color reference: {path}")
+        self.chain = chain
diff --git a/src/python/core/src/dicebear/options.py b/src/python/core/src/dicebear/options.py
new file mode 100644
index 0000000..dae8dc1
--- /dev/null
+++ b/src/python/core/src/dicebear/options.py
@@ -0,0 +1,138 @@
+"""User-supplied option parsing and normalization."""
+
+from __future__ import annotations
+
+import copy
+from typing import Any, cast
+
+from .validator import OptionsValidator
+
+Numeric = int | float
+Range = dict[str, Numeric]
+
+
+class Options:
+    """Validates raw user options and exposes them through typed accessors.
+
+    Each accessor returns the user's input in a normalized form (always a list
+    for options that accept either a scalar or a list, or ``None`` when the
+    option is not set), so consumers — chiefly :class:`Resolver` — never have to
+    do their own normalization.
+
+    Resolution against the style definition and the PRNG happens in
+    :class:`Resolver`; this class is purely about reading user input.
+    """
+
+    def __init__(self, data: dict[str, Any] | None = None) -> None:
+        data = data if data is not None else {}
+        OptionsValidator.validate(data)
+
+        # Deep-copy so later caller mutations cannot leak into resolution,
+        # mirroring the JS core's structuredClone and Style's deep copy.
+        self._data = copy.deepcopy(data)
+
+    def seed(self) -> str | None:
+        return cast("str | None", self._data.get("seed"))
+
+    def size(self) -> int | None:
+        return cast("int | None", self._data.get("size"))
+
+    def id_randomization(self) -> bool | None:
+        return cast("bool | None", self._data.get("idRandomization"))
+
+    def title(self) -> str | None:
+        return cast("str | None", self._data.get("title"))
+
+    def flip(self) -> list[str]:
+        return self._as_array(self._data.get("flip"))
+
+    def font_family(self) -> list[str]:
+        return self._as_array(self._data.get("fontFamily"))
+
+    def font_weight(self) -> list[Numeric]:
+        return self._as_array(self._data.get("fontWeight"))
+
+    def scale(self) -> Range | None:
+        return self._to_range(self._data.get("scale"))
+
+    def border_radius(self) -> Range | None:
+        return self._to_range(self._data.get("borderRadius"))
+
+    def rotate(self) -> Range | None:
+        return self._to_range(self._data.get("rotate"))
+
+    def translate_x(self) -> Range | None:
+        return self._to_range(self._data.get("translateX"))
+
+    def translate_y(self) -> Range | None:
+        return self._to_range(self._data.get("translateY"))
+
+    def component_variant(self, name: str) -> dict[str, Numeric] | None:
+        """Return the variant constraint for ``name`` as a weighted map, or
+        ``None`` when ``{name}Variant`` is unset.
+
+        A bare string or string list is normalized to a map weighted ``1`` each.
+        """
+        raw = self._data.get(name + "Variant")
+
+        if raw is None:
+            return None
+
+        if isinstance(raw, str):
+            return {raw: 1}
+
+        if isinstance(raw, list):
+            return dict.fromkeys(raw, 1)
+
+        return cast("dict[str, Numeric]", raw)
+
+    def component_probability(self, name: str) -> Numeric | None:
+        return cast("Numeric | None", self._data.get(name + "Probability"))
+
+    def color(self, name: str) -> list[str] | None:
+        """Return ``None`` (not ``[]``) when ``{name}Color`` is unset so the
+        resolver can fall back to the style definition's color values.
+        """
+        raw = self._data.get(name + "Color")
+
+        return None if raw is None else self._as_array(raw)
+
+    def color_fill(self, name: str) -> list[str]:
+        return self._as_array(self._data.get(name + "ColorFill"))
+
+    def color_angle(self, name: str) -> Range | None:
+        return self._to_range(self._data.get(name + "ColorAngle"))
+
+    def color_fill_stops(self, name: str) -> Range | None:
+        return self._to_range(self._data.get(name + "ColorFillStops"))
+
+    @staticmethod
+    def _as_array(value: Any) -> list[Any]:
+        if value is None:
+            return []
+
+        return value if isinstance(value, list) else [value]
+
+    @staticmethod
+    def _to_range(value: Any) -> Range | None:
+        """Normalize a range option (bare number, ``[n]``, ``[min, max]``, or
+        ``None``).
+
+        A bare number ``n`` — or a single-element array ``[n]`` — becomes
+        ``{'min': n, 'max': n}`` (a fixed value). An array's smaller/larger
+        element is taken as min/max. An empty array is treated as unset
+        (``None``), so the resolver applies the option's default.
+        """
+        if value is None:
+            return None
+
+        if isinstance(value, bool):
+            return None
+
+        if isinstance(value, (int, float)):
+            return {"min": value, "max": value}
+
+        if isinstance(value, list) and len(value) > 0:
+            return {"min": min(value), "max": max(value)}
+
+        return None
diff --git a/src/python/core/src/dicebear/options_descriptor.py b/src/python/core/src/dicebear/options_descriptor.py
new file mode 100644
index 0000000..6d15cca
--- /dev/null
+++ b/src/python/core/src/dicebear/options_descriptor.py
@@ -0,0 +1,90 @@
+"""Builds a descriptor of every option a given style accepts."""
+
+from __future__ import annotations
+
+import copy
+from typing import Any
+
+from .style import Style
+
+_ROTATE_RANGE: dict[str, Any] = {"type": "range", "min": -360, "max": 360}
+_TRANSLATE_RANGE: dict[str, Any] = {"type": "range", "min": -1000, "max": 1000}
+
+
+class OptionsDescriptor:
+    """Builds a descriptor of every option a given style accepts.
+
+    Tooling such as the editor uses the result to render form controls and
+    validation hints without having to introspect the style itself.
+    """
+
+    def __init__(self, style: Style) -> None:
+        self._style = style
+        self._descriptor: dict[str, Any] | None = None
+
+    def to_json(self) -> dict[str, Any]:
+        """Return the descriptor, building it lazily on first call.
+
+        Each call returns an independent deep copy so callers can mutate the
+        result without affecting the cached descriptor.
+        """
+        if self._descriptor is None:
+            self._descriptor = self._build()
+
+        return copy.deepcopy(self._descriptor)
+
+    def _build(self) -> dict[str, Any]:
+        """Walk the style's components and colors and assemble the field map."""
+        result: dict[str, Any] = {
+            "seed": {"type": "string"},
+            "size": {"type": "number", "min": 1, "max": 4096},
+            "idRandomization": {"type": "boolean"},
+            "title": {"type": "string"},
+            "flip": {
+                "type": "enum",
+                "values": ["none", "horizontal", "vertical", "both"],
+                "list": True,
+            },
+            "fontFamily": {"type": "string", "list": True},
+            "fontWeight": {"type": "number", "min": 1, "max": 1000, "list": True},
+            "scale": {"type": "range", "min": 0, "max": 10},
+            "borderRadius": {"type": "range", "min": 0, "max": 50},
+            "rotate": dict(_ROTATE_RANGE),
+            "translateX": dict(_TRANSLATE_RANGE),
+            "translateY": dict(_TRANSLATE_RANGE),
+        }
+
+        for name, component in self._style.components().items():
+            if component.extends_name() is not None:
+                continue
+
+            variants = sorted(component.variants().keys())
+
+            result[f"{name}Variant"] = {
+                "type": "enum",
+                "values": variants,
+                "list": True,
+                "weighted": True,
+            }
+            result[f"{name}Probability"] = {"type": "number", "min": 0, "max": 100}
+
+        colors = self._style.colors()
+        color_names = [*colors.keys(), "background"]
+
+        for name in color_names:
+            color_field: dict[str, Any] = {"type": "color", "list": True}
+            contrast_to = colors[name].contrast_to() if name in colors else None
+
+            if contrast_to is not None:
+                color_field["contrastTo"] = contrast_to
+
+            result[f"{name}Color"] = color_field
+            result[f"{name}ColorFill"] = {
+                "type": "enum",
+                "values": ["solid", "linear", "radial"],
+                "list": True,
+            }
+            result[f"{name}ColorFillStops"] = {"type": "range", "min": 2}
+            result[f"{name}ColorAngle"] = dict(_ROTATE_RANGE)
+
+        return result
diff --git a/src/python/core/src/dicebear/prng/__init__.py b/src/python/core/src/dicebear/prng/__init__.py
new file mode 100644
index 0000000..b6b7108
--- /dev/null
+++ b/src/python/core/src/dicebear/prng/__init__.py
@@ -0,0 +1,9 @@
+"""Key-based pseudorandom number generator and its primitives."""
+
+from __future__ import annotations
+
+from ._prng import Prng
+from .fnv1a import Fnv1a
+from .mulberry32 import Mulberry32
+
+__all__ = ["Fnv1a", "Mulberry32", "Prng"]
diff --git a/src/python/core/src/dicebear/prng/_prng.py b/src/python/core/src/dicebear/prng/_prng.py
new file mode 100644
index 0000000..4fa3488
--- /dev/null
+++ b/src/python/core/src/dicebear/prng/_prng.py
@@ -0,0 +1,184 @@
+"""Key-based pseudorandom number generator."""
+
+from __future__ import annotations
+
+import builtins
+import math
+from collections.abc import Callable, Sequence
+from typing import TypeVar
+
+from ..utils.number import Number
+from .fnv1a import Fnv1a
+from .mulberry32 import Mulberry32
+
+T = TypeVar("T")
+
+# The bool() / float() methods below shadow the builtins for the class scope, so
+# signature annotations that need the builtin types reference them via builtins.
+_Float = builtins.float
+_Bool = builtins.bool
+
+Numeric = int | float
+Range = dict[str, Numeric]
+
+
+class Prng:
+    """Key-based pseudorandom number generator.
+
+    Each method takes a key that, combined with the seed, produces a
+    deterministic value. The same seed + key always yields the same result,
+    regardless of call order.
+    """
+
+    def __init__(self, seed: str) -> None:
+        self._seed = seed
+
+    def pick(self, key: str, items: Sequence[T]) -> T | None:
+        """Pick a single item from ``items`` deterministically.
+
+        Returns ``None`` for an empty list. Duplicate values (by string
+        representation) are collapsed before picking so that input order and
+        duplication do not affect the result.
+        """
+        if len(items) == 0:
+            return None
+
+        if len(items) == 1:
+            return items[0]
+
+        unique = _unique_by_code_point(items)
+
+        if len(unique) == 1:
+            return unique[0]
+
+        ordered = sorted(unique, key=_utf16_sort_key)
+        index = math.floor(self.get_value(key) * len(ordered))
+
+        return ordered[index]
+
+    def weighted_pick(self, key: str, weights: dict[str, Numeric]) -> str | None:
+        """Pick a key from ``weights`` proportional to its weight.
+
+        When all weights are zero, falls back to an unweighted :meth:`pick`.
+        Returns ``None`` for an empty map.
+        """
+        if len(weights) == 0:
+            return None
+
+        keys = list(weights.keys())
+
+        if len(keys) == 1:
+            return str(keys[0])
+
+        keys = sorted(keys, key=_utf16_sort_key)
+
+        # Sum in sorted-key order to match JS reduce-over-sorted parity — float
+        # addition is non-associative, so iterating in insertion order would
+        # diverge from JS for fractional weights.
+        total_weight: float = 0.0
+        for k in keys:
+            total_weight += weights[k]
+
+        if total_weight == 0.0:
+            return self.pick(key, [str(k) for k in keys])
+
+        threshold = self.get_value(key) * total_weight
+        cumulative: float = 0
+
+        for k in keys:
+            cumulative += weights[k]
+
+            if threshold < cumulative:
+                return str(k)
+
+        return str(keys[-1])
+
+    def bool(self, key: str, likelihood: _Float = 50) -> _Bool:
+        """Return ``True`` with the given probability (0–100, default 50)."""
+        return self.get_value(key) * 100 < likelihood
+
+    def float(self, key: str, range: Range) -> _Float:
+        """Return a deterministic float in ``range``, rounded to four decimals.
+
+        With ``range['step'] > 0``, the result is drawn uniformly from
+        ``{ min + i*step | 0 <= i <= floor((max - min) / step) }``, so both
+        endpoints of an evenly-divisible range are equally likely. Non-positive
+        or absent step means continuous. ``min``/``max`` are sorted internally,
+        so a reversed pair is tolerated.
+        """
+        low = min(range["min"], range["max"])
+        high = max(range["min"], range["max"])
+        step = range.get("step", 0)
+
+        if step > 0:
+            buckets = math.floor((high - low) / step) + 1
+            i = math.floor(self.get_value(key) * buckets)
+            value = low + i * step
+        else:
+            value = low + self.get_value(key) * (high - low)
+
+        return Number.round_half_up(value * 10000) / 10000
+
+    def integer(self, key: str, range: Range) -> int:
+        """Return a deterministic integer in ``range``.
+
+        ``min``/``max`` are sorted internally, so a reversed pair is tolerated.
+        ``range['step']`` is accepted for symmetry with :meth:`float` but ignored.
+        """
+        low = int(min(range["min"], range["max"]))
+        high = int(max(range["min"], range["max"]))
+
+        return math.floor(self.get_value(key) * (high - low + 1)) + low
+
+    def shuffle(self, key: str, items: Sequence[T]) -> list[T]:
+        """Fisher-Yates shuffle with chained Mulberry32 state.
+
+        Duplicate values (by string representation) are collapsed before
+        shuffling, so a caller's slice off the front cannot accidentally produce
+        a repeated value.
+        """
+        if len(items) <= 1:
+            return list(items)
+
+        result = sorted(_unique_by_code_point(items), key=_utf16_sort_key)
+        prng = Mulberry32(Fnv1a.hash(self._seed + ":" + key))
+
+        for i in range(len(result) - 1, 0, -1):
+            j = math.floor(prng.next_float() * (i + 1))
+            result[i], result[j] = result[j], result[i]
+
+        return result
+
+    def get_value(self, key: str) -> _Float:
+        """Return a single float in ``[0, 1)`` derived from ``seed:key``.
+
+        The same seed/key pair always produces the same value.
+        """
+        return Mulberry32(Fnv1a.hash(self._seed + ":" + key)).next_float()
+
+
+def _utf16_sort_key(value: object) -> bytes:
+    """Cross-language deterministic sort key: UTF-16 code units.
+
+    Matches JS ``String(a) < String(b)``, which compares by UTF-16 code unit.
+    Encoding to big-endian UTF-16 makes Python's byte comparison reproduce that
+    order; it differs from code-point order only for supplementary-plane chars.
+    """
+    return str(value).encode("utf-16-be")
+
+
+def _unique_by_code_point(
+    items: Sequence[T], key_fn: Callable[[T], str] = str
+) -> list[T]:
+    """Deduplicate by string representation, keeping the first occurrence."""
+    seen: set[str] = set()
+    result: list[T] = []
+
+    for item in items:
+        repr_ = key_fn(item)
+
+        if repr_ not in seen:
+            seen.add(repr_)
+            result.append(item)
+
+    return result
diff --git a/src/python/core/src/dicebear/prng/fnv1a.py b/src/python/core/src/dicebear/prng/fnv1a.py
new file mode 100644
index 0000000..4e52ce3
--- /dev/null
+++ b/src/python/core/src/dicebear/prng/fnv1a.py
@@ -0,0 +1,47 @@
+"""FNV-1a 32-bit hash."""
+
+from __future__ import annotations
+
+import struct
+
+
+class Fnv1a:
+    """FNV-1a 32-bit hash.
+
+    Offset basis: ``0x811c9dc5``, prime: ``0x01000193``.
+
+    See https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function
+    """
+
+    @staticmethod
+    def hash(value: str) -> int:
+        """Return the unsigned 32-bit FNV-1a hash of ``value``.
+
+        The input is decomposed into UTF-16 code units before hashing so the
+        result is identical across language ports.
+        """
+        result = 0x811C9DC5
+
+        for code in _utf16_code_units(value):
+            result = ((result ^ code) * 0x01000193) & 0xFFFFFFFF
+
+        return result
+
+    @staticmethod
+    def hex(value: str) -> str:
+        """Return the FNV-1a hash of ``value`` as an 8-char lowercase hex string."""
+        return format(Fnv1a.hash(value), "08x")
+
+
+def _utf16_code_units(value: str) -> list[int]:
+    """Convert a string to its UTF-16 code units, matching JS ``charCodeAt``.
+
+    Iterating ``value`` directly would yield code points and break on non-BMP
+    input (e.g. emoji), so encode to little-endian UTF-16 and read uint16 units.
+    """
+    if value == "":
+        return []
+
+    encoded = value.encode("utf-16-le")
+
+    return list(struct.unpack(f"<{len(encoded) // 2}H", encoded))
diff --git a/src/python/core/src/dicebear/prng/mulberry32.py b/src/python/core/src/dicebear/prng/mulberry32.py
new file mode 100644
index 0000000..f9403d4
--- /dev/null
+++ b/src/python/core/src/dicebear/prng/mulberry32.py
@@ -0,0 +1,57 @@
+"""Mulberry32 PRNG."""
+
+from __future__ import annotations
+
+_UINT32_MAX_PLUS_1 = 2**32
+
+
+class Mulberry32:
+    """Mulberry32 PRNG — stateful, matching the C reference by Tommy Ettinger.
+
+    C original::
+
+        uint32_t z = (x += 0x6D2B79F5UL);
+        z = (z ^ (z >> 15)) * (z | 1UL);
+        z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+        return z ^ (z >> 14);
+
+    All arithmetic is unsigned 32-bit. Python ints are arbitrary precision, so
+    every operation is masked with ``& 0xFFFFFFFF`` to emulate JS ``Math.imul``
+    / ``>>>`` and keep parity with the JS reference.
+
+    See https://gist.github.com/tommyettinger/46a874533244883189143505d203312c
+    """
+
+    def __init__(self, seed: int = 0) -> None:
+        self._state = seed & 0xFFFFFFFF
+
+    def next(self) -> int:
+        """Advance the state and return the next unsigned 32-bit value."""
+        z = (self._state + 0x6D2B79F5) & 0xFFFFFFFF
+        self._state = z
+
+        z = _mul(z ^ (z >> 15), z | 1)
+        z ^= _add(z, _mul(z ^ (z >> 7), z | 61))
+
+        return (z ^ (z >> 14)) & 0xFFFFFFFF
+
+    def next_float(self) -> float:
+        """Advance the state and return the next value in ``[0, 1)``."""
+        return self.next() / _UINT32_MAX_PLUS_1
+
+    def state(self) -> int:
+        """Return the current state as a signed 32-bit value (for JS compat)."""
+        if self._state >= 0x80000000:
+            return self._state - _UINT32_MAX_PLUS_1
+
+        return self._state
+
+
+def _mul(a: int, b: int) -> int:
+    """Unsigned 32-bit multiply (low 32 bits), matching JS ``Math.imul``."""
+    return (a * b) & 0xFFFFFFFF
+
+
+def _add(a: int, b: int) -> int:
+    """Unsigned 32-bit add."""
+    return (a + b) & 0xFFFFFFFF
diff --git a/src/python/core/src/dicebear/py.typed b/src/python/core/src/dicebear/py.typed
new file mode 100644
index 0000000..e69de29
diff --git a/src/python/core/src/dicebear/renderer.py b/src/python/core/src/dicebear/renderer.py
new file mode 100644
index 0000000..e887258
--- /dev/null
+++ b/src/python/core/src/dicebear/renderer.py
@@ -0,0 +1,488 @@
+"""Walks a style's element tree and turns it into the final SVG markup."""
+
+from __future__ import annotations
+
+import random
+import re
+from typing import Any
+
+from .prng import Fnv1a
+from .resolver import Resolver
+from .style import Style
+from .style.canvas import Canvas
+from .style.component import Component
+from .style.element import Element
+from .utils.initials import Initials
+from .utils.license import License
+from .utils.number import Number
+from .utils.xml import Xml
+
+_ID_PATTERN = re.compile(r'\bid="([^"]+)"')
+
+
+class Renderer:
+    """Walks a style's element tree and turns it into the final SVG markup.
+
+    The renderer is single-use: it accumulates ``<defs>`` entries and per-render
+    caches across method calls, so a fresh instance is required per avatar.
+    """
+
+    def __init__(self, style: Style, resolver: Resolver) -> None:
+        self._style = style
+        self._resolver = resolver
+        self._defs: dict[str, str] = {}
+        self._cached_seed_hash: str | None = None
+        self._cached_initials: str | None = None
+
+    def render(self) -> str:
+        """Build the complete SVG document for the avatar."""
+        canvas = self._style.canvas()
+        background = self._render_background(canvas)
+        body = self._render_elements(canvas.elements())
+
+        # Order matters: scale and flip around center, then rotate, translate,
+        # and finally clip with border radius (outermost wrapper).
+        body = self._apply_scale(body, canvas)
+        body = self._apply_flip(body, canvas)
+        body = self._apply_rotate(body, canvas)
+        body = self._apply_translate(body, canvas)
+        body = self._apply_border_radius(background + body, canvas)
+
+        metadata = License.xml(self._style.meta())
+        defs = "<defs>" + "".join(self._defs.values()) + "</defs>" if self._defs else ""
+        size = self._resolver.size()
+
+        title = self._resolver.title()
+        escaped_title = Xml.escape(title) if title is not None else None
+
+        width = Number.format(canvas.width())
+        height = Number.format(canvas.height())
+        attrs = [
+            'xmlns="http://www.w3.org/2000/svg"',
+            f'viewBox="0 0 {width} {height}"',
+        ]
+
+        root_attributes = self._render_attributes(self._style.attributes())
+
+        if root_attributes != "":
+            attrs.append(root_attributes.lstrip())
+
+        if escaped_title is not None:
+            attrs.append('role="img"')
+            attrs.append(f'aria-label="{escaped_title}"')
+        else:
+            attrs.append('aria-hidden="true"')
+
+        if size is not None:
+            attrs.append(f'width="{Number.format(size)}"')
+            attrs.append(f'height="{Number.format(size)}"')
+
+        title_element = (
+            f"<title>{escaped_title}</title>" if escaped_title is not None else ""
+        )
+
+        svg = (
+            "<svg "
+            + " ".join(attrs)
+            + ">"
+            + "<!-- Generated by DiceBear (https://dicebear.com) -->"
+            + metadata
+            + defs
+            + title_element
+            + body
+            + "</svg>"
+        )
+
+        if self._resolver.id_randomization():
+            svg = self._randomize_ids(svg)
+
+        return svg
+
+    def _apply_flip(self, body: str, canvas: Canvas) -> str:
+        """Wrap ``body`` in a flip transform when ``flip`` is not ``'none'``."""
+        flip = self._resolver.flip()
+
+        if flip == "none":
+            return body
+
+        w = Number.format(canvas.width())
+        h = Number.format(canvas.height())
+
+        transform = {
+            "horizontal": f"translate({w}, 0) scale(-1, 1)",
+            "vertical": f"translate(0, {h}) scale(1, -1)",
+            "both": f"translate({w}, {h}) scale(-1, -1)",
+        }[flip]
+
+        return f'<g transform="{transform}">{body}</g>'
+
+    def _apply_scale(self, body: str, canvas: Canvas) -> str:
+        """Wrap ``body`` in a uniform scale around center when scale != 1."""
+        scale = self._resolver.scale()
+
+        if scale == 1:
+            return body
+
+        cx = canvas.width() / 2
+        cy = canvas.height() / 2
+        cx_value = Number.format(cx)
+        cy_value = Number.format(cy)
+        scale_value = Number.format(scale)
+        neg_cx = Number.format(-cx)
+        neg_cy = Number.format(-cy)
+
+        return (
+            f'<g transform="translate({cx_value}, {cy_value}) '
+            f"scale({scale_value}) "
+            f'translate({neg_cx}, {neg_cy})">{body}</g>'
+        )
+
+    def _apply_border_radius(self, body: str, canvas: Canvas) -> str:
+        """Clip ``body`` to the (rounded) canvas rectangle via a ``clipPath``.
+
+        The clip is always applied so transformed content cannot bleed past the
+        canvas bounds, regardless of the consumer's overflow setting.
+        """
+        radius = self._resolver.border_radius()
+        id_ = "clip-" + self._hash_seed()
+
+        rx = Number.format((radius / 100) * canvas.width())
+        ry = Number.format((radius / 100) * canvas.height())
+        width = Number.format(canvas.width())
+        height = Number.format(canvas.height())
+
+        self._defs[id_] = (
+            f'<clipPath id="{id_}"><rect width="{width}" height="{height}" '
+            f'rx="{rx}" ry="{ry}"/></clipPath>'
+        )
+
+        return f'<g clip-path="url(#{id_})">{body}</g>'
+
+    def _apply_rotate(self, body: str, canvas: Canvas) -> str:
+        """Wrap ``body`` in a rotation around center when ``rotate`` is non-zero."""
+        rotate = self._resolver.rotate()
+
+        if rotate == 0:
+            return body
+
+        cx = Number.format(canvas.width() / 2)
+        cy = Number.format(canvas.height() / 2)
+        rotate_value = Number.format(rotate)
+
+        return f'<g transform="rotate({rotate_value}, {cx}, {cy})">{body}</g>'
+
+    def _apply_translate(self, body: str, canvas: Canvas) -> str:
+        """Wrap ``body`` in a translate when translateX/translateY is non-zero.
+
+        Offsets are interpreted as percentages of the canvas dimensions.
+        """
+        tx = self._resolver.translate_x()
+        ty = self._resolver.translate_y()
+
+        if tx == 0 and ty == 0:
+            return body
+
+        x = Number.format((tx / 100) * canvas.width())
+        y = Number.format((ty / 100) * canvas.height())
+
+        return f'<g transform="translate({x}, {y})">{body}</g>'
+
+    def _render_background(self, canvas: Canvas) -> str:
+        """Return a ``<rect>`` with the resolved background color, or ``''``."""
+        colors = self._resolver.color("background")
+
+        if len(colors) == 0:
+            return ""
+
+        fill = Xml.escape(self._resolve_color_reference("background"))
+        width = Number.format(canvas.width())
+        height = Number.format(canvas.height())
+
+        return f'<rect width="{width}" height="{height}" fill="{fill}"/>'
+
+    def _randomize_ids(self, svg: str) -> str:
+        """Suffix every ``id`` declaration and reference with a random hex string.
+
+        Uses ``random`` intentionally — a PRNG-derived suffix would produce the
+        same ID for the same seed.
+        """
+        suffix = format(random.randint(0, 0xFFFFFF), "06x")
+
+        ids = list(dict.fromkeys(_ID_PATTERN.findall(svg)))
+
+        if len(ids) == 0:
+            return svg
+
+        escaped = [re.escape(i) for i in ids]
+        pattern = re.compile(r'(id="|url\(#|href="#)(' + "|".join(escaped) + r')("|\))')
+
+        return pattern.sub(
+            lambda m: m.group(1) + m.group(2) + "-" + suffix + m.group(3), svg
+        )
+
+    def _render_elements(self, elements: list[Element]) -> str:
+        """Render a list of elements and concatenate their markup."""
+        return "".join(self._render_element(el) for el in elements)
+
+    def _render_element(self, element: Element) -> str:
+        """Dispatch a single element to the renderer for its type."""
+        element_type = element.type()
+
+        if element_type == "element":
+            return self._render_svg_element(element)
+
+        if element_type == "text":
+            return self._render_text_element(element)
+
+        if element_type == "component":
+            return self._render_component_element(element)
+
+        return ""
+
+    def _render_svg_element(self, element: Element) -> str:
+        """Render an SVG element; the special ``defs`` name diverts children.
+
+        Element and attribute names are not escaped here — they are validated by
+        StyleValidator against a strict allowlist schema. Values are escaped via
+        :meth:`Xml.escape`.
+        """
+        name = element.name()
+
+        if name is None:
+            return ""
+
+        if name == "defs":
+            for child in element.children():
+                rendered = self._render_element(child)
+
+                if len(rendered) > 0:
+                    attrs = child.attributes()
+                    child_id = attrs.get("id") if attrs is not None else None
+                    key = (
+                        child_id
+                        if isinstance(child_id, str)
+                        else "_" + str(len(self._defs))
+                    )
+                    self._defs[key] = rendered
+
+            return ""
+
+        attrs_str = self._render_attributes(element.attributes())
+        children = self._render_elements(element.children())
+
+        if len(children) == 0:
+            return f"<{name}{attrs_str}/>"
+
+        return f"<{name}{attrs_str}>{children}</{name}>"
+
+    def _render_text_element(self, element: Element) -> str:
+        """Render a text element by escaping its resolved value."""
+        value = element.value()
+
+        return Xml.escape(self._resolve_value(value)) if value is not None else ""
+
+    def _render_component_element(self, element: Element) -> str:
+        """Resolve a component reference to a variant and emit a ``<use>``.
+
+        Aliases of the same source component sharing a variant — and identical
+        components referenced more than once — produce a single ``<defs>`` entry
+        referenced by every ``<use>``. A user-supplied ``transform`` is prepended
+        to the per-component transforms.
+        """
+        component_name = element.name()
+
+        if not isinstance(component_name, str):
+            return ""
+
+        variant_name = self._resolver.variant(component_name)
+
+        if variant_name is None:
+            return ""
+
+        component = self._style.components().get(component_name)
+
+        if component is None:
+            return ""
+
+        variant = component.variants().get(variant_name)
+
+        if variant is None:
+            return ""
+
+        id_ = f"{component.source_name()}-{variant_name}-{self._hash_seed()}"
+
+        if id_ not in self._defs:
+            body = self._render_elements(variant.elements())
+            self._defs[id_] = f'<g id="{id_}">{body}</g>'
+
+        transforms = self._build_transforms(component)
+        user_attributes = element.attributes()
+        merged_attributes: dict[str, Any] | None = user_attributes
+
+        if len(transforms) > 0:
+            user_transform = (
+                user_attributes.get("transform") if user_attributes else None
+            )
+            if isinstance(user_transform, str) and user_transform != "":
+                all_parts = [user_transform, *transforms]
+            else:
+                all_parts = transforms
+
+            merged_attributes = {
+                **(user_attributes or {}),
+                "transform": " ".join(all_parts),
+            }
+
+        attrs_str = self._render_attributes(merged_attributes)
+
+        return f'<use{attrs_str} href="#{id_}"/>'
+
+    def _build_transforms(self, component: Component) -> list[str]:
+        """Return the per-component SVG ``transform`` fragments.
+
+        Ordered so that, joined into one ``transform`` attribute, the scale is
+        the rightmost (innermost) transform — applied first, then rotate, then
+        translate.
+        """
+        t = self._resolver.component_transform(component.name())
+        rotate = t["rotate"]
+        translate_x = t["translateX"]
+        translate_y = t["translateY"]
+        scale = t["scale"]
+
+        if translate_x == 0 and translate_y == 0 and rotate == 0 and scale == 1:
+            return []
+
+        transforms: list[str] = []
+        cx = component.width() / 2
+        cy = component.height() / 2
+        cx_value = Number.format(cx)
+        cy_value = Number.format(cy)
+
+        if translate_x != 0 or translate_y != 0:
+            x = Number.format((translate_x / 100) * component.width())
+            y = Number.format((translate_y / 100) * component.height())
+            transforms.append(f"translate({x}, {y})")
+
+        if rotate != 0:
+            rotate_value = Number.format(rotate)
+            transforms.append(f"rotate({rotate_value}, {cx_value}, {cy_value})")
+
+        if scale != 1:
+            scale_value = Number.format(scale)
+            neg_cx = Number.format(-cx)
+            neg_cy = Number.format(-cy)
+            transforms.append(
+                f"translate({cx_value}, {cy_value}) scale({scale_value}) "
+                f"translate({neg_cx}, {neg_cy})"
+            )
+
+        return transforms
+
+    def _render_attributes(self, attributes: dict[str, Any] | None) -> str:
+        """Serialize an attribute map to a leading space-prefixed string."""
+        if attributes is None:
+            return ""
+
+        parts: list[str] = []
+
+        for key, value in attributes.items():
+            if value is None:
+                continue
+
+            parts.append(
+                f'{key}="' + Xml.escape(self._resolve_attribute_value(value)) + '"'
+            )
+
+        if len(parts) == 0:
+            return ""
+
+        return " " + " ".join(parts)
+
+    def _resolve_attribute_value(self, value: str | dict[str, Any]) -> str:
+        """Resolve a single attribute value: literals pass through; references
+        are dereferenced through the option resolver.
+        """
+        if isinstance(value, str):
+            return value
+
+        if value.get("type") == "color":
+            return self._resolve_color_reference(value["name"])
+
+        return self._resolve_variable(value["name"])
+
+    def _resolve_color_reference(self, name: str) -> str:
+        """Resolve a named color into a hex string or a ``url(#…)`` gradient."""
+        colors = self._resolver.color(name)
+        fill = self._resolver.color_fill(name)
+
+        if fill == "solid" or len(colors) <= 1:
+            return colors[0] if len(colors) > 0 else "none"
+
+        return self._build_gradient_def(name, colors, fill)
+
+    def _build_gradient_def(self, name: str, colors: list[str], fill: str) -> str:
+        """Build the linear/radial gradient, register it, return its reference."""
+        rotation = self._resolver.color_angle(name)
+        id_ = f"{name}-color-{self._hash_seed()}"
+        tag = "linearGradient" if fill == "linear" else "radialGradient"
+        rotate_attr = (
+            f' gradientTransform="rotate({Number.format(rotation)}, 0.5, 0.5)"'
+            if rotation != 0
+            else ""
+        )
+
+        stops: list[str] = []
+        count = len(colors)
+
+        for i, color in enumerate(colors):
+            offset = Number.format(i / (count - 1) * 100)
+            stops.append(
+                f'<stop offset="{offset}%" stop-color="' + Xml.escape(color) + '"/>'
+            )
+
+        self._defs[id_] = (
+            f'<{tag} id="{id_}"{rotate_attr}>' + "".join(stops) + f"</{tag}>"
+        )
+
+        return f"url(#{id_})"
+
+    def _resolve_value(self, value: str | dict[str, Any]) -> str:
+        """Resolve an element value: literals pass through; variables resolved."""
+        if isinstance(value, str):
+            return value
+
+        if value.get("type") == "variable":
+            return self._resolve_variable(value["name"])
+
+        return ""
+
+    def _resolve_variable(self, name: str) -> str:
+        """Resolve a built-in variable reference to its current value."""
+        if name == "initial":
+            return self._initials()[0:1]
+
+        if name == "initials":
+            return self._initials()
+
+        if name == "fontWeight":
+            return Number.format(self._resolver.font_weight())
+
+        if name == "fontFamily":
+            return self._resolver.font_family()
+
+        return ""
+
+    def _initials(self) -> str:
+        """Return the seed-derived initials, cached after the first call."""
+        if self._cached_initials is None:
+            self._cached_initials = Initials.from_seed(self._resolver.seed())
+
+        return self._cached_initials
+
+    def _hash_seed(self) -> str:
+        """Return the FNV-1a hex hash of the seed, cached after the first call."""
+        if self._cached_seed_hash is None:
+            self._cached_seed_hash = Fnv1a.hex(self._resolver.seed())
+
+        return self._cached_seed_hash
diff --git a/src/python/core/src/dicebear/resolver.py b/src/python/core/src/dicebear/resolver.py
new file mode 100644
index 0000000..e58fe13
--- /dev/null
+++ b/src/python/core/src/dicebear/resolver.py
@@ -0,0 +1,275 @@
+"""Deterministic resolution of options against a style, with memoization."""
+
+from __future__ import annotations
+
+from collections.abc import Callable
+from typing import Any, TypeVar, cast
+
+from .errors import CircularColorReferenceError
+from .options import Options, Range
+from .prng import Prng
+from .style import Style
+from .style.component import Component
+from .utils.color import Color as ColorUtil
+
+T = TypeVar("T")
+
+
+class Resolver:
+    """Bundles the :class:`Style`, validated :class:`Options`, and a seeded
+    :class:`Prng`, exposing them as memoized named accessors.
+
+    The memo also serves as the informational snapshot returned by
+    :meth:`resolved` — every value the resolver picks during one resolution
+    lands there, except for the raw seed.
+    """
+
+    def __init__(self, style: Style, options: Options) -> None:
+        self._style = style
+        self._options = options
+        self._prng = Prng(self.seed())
+        self._color_resolving: list[str] = []
+        self._result: dict[str, Any] = {}
+
+    def seed(self) -> str:
+        # Deliberately not memoized — the seed is the only input kept out of the
+        # resolved() snapshot, so a serialized avatar never leaks it.
+        return self._options.seed() or ""
+
+    def size(self) -> int | None:
+        return self._memo("size", self._options.size)
+
+    def id_randomization(self) -> bool:
+        return self._memo(
+            "idRandomization", lambda: self._options.id_randomization() or False
+        )
+
+    def title(self) -> str | None:
+        return self._memo("title", self._options.title)
+
+    def flip(self) -> str:
+        return self._memo(
+            "flip", lambda: self._prng.pick("flip", self._options.flip()) or "none"
+        )
+
+    def font_family(self) -> str:
+        return self._memo(
+            "fontFamily",
+            lambda: (
+                self._prng.pick("fontFamily", self._options.font_family())
+                or "system-ui"
+            ),
+        )
+
+    def font_weight(self) -> int | float:
+        return self._memo(
+            "fontWeight",
+            lambda: self._prng.pick("fontWeight", self._options.font_weight()) or 400,
+        )
+
+    def scale(self) -> float:
+        return self._memo_float("scale", self._options.scale(), 1.0)
+
+    def border_radius(self) -> float:
+        return self._memo_float("borderRadius", self._options.border_radius(), 0.0)
+
+    def rotate(self) -> float:
+        return self._memo_float("rotate", self._options.rotate(), 0.0)
+
+    def translate_x(self) -> float:
+        return self._memo_float("translateX", self._options.translate_x(), 0.0)
+
+    def translate_y(self) -> float:
+        return self._memo_float("translateY", self._options.translate_y(), 0.0)
+
+    def variant(self, name: str) -> str | None:
+        """Select a variant for the given component.
+
+        With ``{name}Variant`` unset the PRNG picks from all style variants by
+        weight; otherwise it picks using the user-supplied weighted map. Only
+        variants that exist in the style definition are considered.
+        """
+        return self._memo(f"{name}Variant", lambda: self._resolve_variant(name))
+
+    def _resolve_variant(self, name: str) -> str | None:
+        component = self._style.components().get(name)
+
+        if component is None or not self._is_visible(name, component):
+            return None
+
+        raw = self._options.component_variant(component.source_name())
+        variants = component.variants()
+        weights: dict[str, int | float] = {}
+
+        if raw is None:
+            for v, variant in variants.items():
+                weights[v] = variant.weight()
+        else:
+            for v, weight in raw.items():
+                if v in variants:
+                    weights[v] = weight
+
+        return self._prng.weighted_pick(f"{name}Variant", weights)
+
+    def color(self, name: str) -> list[str]:
+        return self._memo(f"{name}Color", lambda: self._resolve_color(name))
+
+    def color_fill(self, name: str) -> str:
+        return self._memo(
+            f"{name}ColorFill",
+            lambda: (
+                self._prng.pick(f"{name}ColorFill", self._options.color_fill(name))
+                or "solid"
+            ),
+        )
+
+    def color_angle(self, name: str) -> float:
+        return self._memo_float(
+            f"{name}ColorAngle", self._options.color_angle(name), 0.0
+        )
+
+    def component_transform(self, name: str) -> dict[str, float]:
+        """Pick the rotate/translateX/translateY/scale values for a component.
+
+        Memoized per ``name``, so the four values land in :meth:`resolved` as
+        ``{name}Rotate`` / ``{name}TranslateX`` / ``{name}TranslateY`` /
+        ``{name}Scale`` for downstream introspection.
+        """
+        component = self._style.components().get(name)
+
+        return {
+            "rotate": self._memo_float(
+                f"{name}Rotate",
+                component.rotate() if component is not None else None,
+                0.0,
+            ),
+            "translateX": self._memo_float(
+                f"{name}TranslateX",
+                component.translate().x() if component is not None else None,
+                0.0,
+            ),
+            "translateY": self._memo_float(
+                f"{name}TranslateY",
+                component.translate().y() if component is not None else None,
+                0.0,
+            ),
+            "scale": self._memo_float(
+                f"{name}Scale",
+                component.scale() if component is not None else None,
+                1.0,
+            ),
+        }
+
+    def resolved(self) -> dict[str, Any]:
+        """Return an informational snapshot of every value the resolver picked.
+
+        Unset entries (``None``) are filtered out so they disappear on JSON
+        encode, mirroring the JS behavior. Whole-number floats are emitted as
+        ints (``1``, not ``1.0``) so ``to_json()`` is byte-identical to the JS
+        and Rust ports. The raw seed is excluded.
+        """
+        return {k: _num_value(v) for k, v in self._result.items() if v is not None}
+
+    def _probability(self, component: Component) -> int | float:
+        """Return the visibility probability (0–100) for the component.
+
+        Aliases read the source component's user-set probability so a single
+        ``{source}Probability`` option propagates to every alias of the source.
+        """
+        raw = self._options.component_probability(component.source_name())
+
+        return raw if raw is not None else component.probability()
+
+    def _is_visible(self, name: str, component: Component) -> bool:
+        return self._prng.bool(f"{name}Probability", self._probability(component))
+
+    def _resolve_color(self, name: str) -> list[str]:
+        """Resolve a named color to its final stop list, applying contrast
+        sorting and ``notEqualTo`` filtering from the style definition.
+        """
+        user_colors = self._options.color(name)
+        style_color = self._style.colors().get(name)
+
+        if user_colors is not None:
+            source = user_colors
+        elif style_color is not None:
+            source = style_color.values()
+        else:
+            source = []
+
+        candidates = [ColorUtil.to_hex(c) for c in source]
+        fill = self.color_fill(name)
+        stops = 1 if fill == "solid" else self._color_fill_stops(name)
+
+        if style_color is None:
+            return self._prng.shuffle(f"{name}Color", candidates)[:stops]
+
+        # Detect circular references (e.g. a.contrastTo = b, b.contrastTo = a).
+        if name in self._color_resolving:
+            raise CircularColorReferenceError([*self._color_resolving, name])
+
+        self._color_resolving.append(name)
+        contrast_to = style_color.contrast_to()
+        not_equal_to = style_color.not_equal_to()
+
+        try:
+            if contrast_to is not None:
+                ref = self.color(contrast_to)
+                ref_color = ref[0] if len(ref) > 0 else None
+
+                if ref_color is not None:
+                    candidates = ColorUtil.sort_by_contrast(candidates, ref_color)
+
+            if len(not_equal_to) > 0:
+                excluded: list[str] = []
+
+                for ref_name in not_equal_to:
+                    excluded.extend(self.color(ref_name))
+
+                candidates = ColorUtil.filter_not_equal_to(candidates, excluded)
+        finally:
+            self._color_resolving.pop()
+
+        # Skip shuffle when sorted by contrast to preserve the ordering.
+        ordered = (
+            candidates
+            if contrast_to is not None
+            else self._prng.shuffle(f"{name}Color", candidates)
+        )
+
+        return ordered[:stops]
+
+    def _color_fill_stops(self, name: str) -> int:
+        range_ = self._options.color_fill_stops(name)
+
+        return (
+            2 if range_ is None else self._prng.integer(f"{name}ColorFillStops", range_)
+        )
+
+    def _memo_float(self, key: str, range_: Range | None, fallback: float) -> float:
+        return self._memo(
+            key, lambda: fallback if range_ is None else self._prng.float(key, range_)
+        )
+
+    def _memo(self, key: str, compute: Callable[[], T]) -> T:
+        if key in self._result:
+            return cast(T, self._result[key])
+
+        value = compute()
+        self._result[key] = value
+
+        return value
+
+
+def _num_value(value: Any) -> Any:
+    """Encode a numeric snapshot value the way the JS/Rust ports do.
+
+    A whole-number float becomes a JSON integer (``1``, not ``1.0``) so the
+    resolved-options snapshot is byte-identical across ports. ``bool`` is an
+    ``int`` subclass but never a ``float``, so it is left untouched; non-floats,
+    fractional floats, and non-finite floats (``NaN`` / ``inf``) pass through.
+    """
+    if isinstance(value, float) and value.is_integer() and abs(value) < 2**53:
+        return int(value)
+
+    return value
diff --git a/src/python/core/src/dicebear/style/__init__.py b/src/python/core/src/dicebear/style/__init__.py
new file mode 100644
index 0000000..c4ade2b
--- /dev/null
+++ b/src/python/core/src/dicebear/style/__init__.py
@@ -0,0 +1,34 @@
+"""Validated style wrapper and its read-only sub-views.
+
+:class:`Style` is the validated, lazily-decomposed wrapper around a style
+definition; the sub-views (:class:`Canvas`, :class:`Component`, :class:`Meta`,
+…) mirror the ``Style/*`` types of the PHP/JS ports.
+"""
+
+from __future__ import annotations
+
+from ._style import Style
+from .canvas import Canvas
+from .color import Color
+from .component import Component
+from .component_translate import ComponentTranslate
+from .component_variant import ComponentVariant
+from .element import Element
+from .meta import Meta
+from .meta_creator import MetaCreator
+from .meta_license import MetaLicense
+from .meta_source import MetaSource
+
+__all__ = [
+    "Canvas",
+    "Color",
+    "Component",
+    "ComponentTranslate",
+    "ComponentVariant",
+    "Element",
+    "Meta",
+    "MetaCreator",
+    "MetaLicense",
+    "MetaSource",
+    "Style",
+]
diff --git a/src/python/core/src/dicebear/style/_style.py b/src/python/core/src/dicebear/style/_style.py
new file mode 100644
index 0000000..36bf64d
--- /dev/null
+++ b/src/python/core/src/dicebear/style/_style.py
@@ -0,0 +1,153 @@
+"""Validated, lazily-decomposed wrapper around a style definition."""
+
+from __future__ import annotations
+
+import copy
+import json
+from typing import Any, cast
+
+from ..errors import ErrorDetail, StyleValidationError
+from ..validator import StyleValidator
+from .canvas import Canvas
+from .color import Color
+from .component import Component
+from .meta import Meta
+
+
+class Style:
+    """Validated, lazily-decomposed wrapper around a style definition.
+
+    Construction runs the JSON Schema validator and stores a deep copy of the
+    input so that later mutation of the source object cannot leak into the
+    rendered avatar.
+    """
+
+    def __init__(self, data: Any) -> None:
+        StyleValidator.validate(data)
+
+        self._data: dict[str, Any] = copy.deepcopy(data)
+        self._meta: Meta | None = None
+        self._canvas: Canvas | None = None
+        self._components: dict[str, Component] | None = None
+        self._colors: dict[str, Color] | None = None
+
+        self._validate_aliases()
+
+    @classmethod
+    def from_json(cls, raw: str) -> Style:
+        """Parse and validate a style definition from its raw JSON string.
+
+        The string counterpart to the constructor, for the common case where
+        the definition is raw JSON, such as a file shipped by the
+        ``dicebear-styles`` package. Raises :class:`json.JSONDecodeError` when
+        ``raw`` is not valid JSON, and :class:`StyleValidationError` when the
+        decoded value is not a valid style definition. Pass an already-decoded
+        ``dict`` to the constructor instead.
+        """
+        return cls(json.loads(raw))
+
+    def id(self) -> str | None:
+        """Return the definition's ``$id``, or ``None`` when not set."""
+        return cast("str | None", self._data.get("$id"))
+
+    def schema(self) -> str | None:
+        """Return the definition's ``$schema`` URI, or ``None`` when not set."""
+        return cast("str | None", self._data.get("$schema"))
+
+    def comment(self) -> str | None:
+        """Return the definition's ``$comment``, or ``None`` when not set."""
+        return cast("str | None", self._data.get("$comment"))
+
+    def meta(self) -> Meta:
+        """Return the :class:`Meta` view, lazily constructed on first access."""
+        if self._meta is None:
+            self._meta = Meta(self._data.get("meta", {}))
+
+        return self._meta
+
+    def attributes(self) -> dict[str, Any]:
+        """Return the root SVG attributes, defaulting to an empty dict."""
+        return cast("dict[str, Any]", self._data.get("attributes", {}))
+
+    def canvas(self) -> Canvas:
+        """Return the :class:`Canvas` view, lazily constructed on first access."""
+        if self._canvas is None:
+            self._canvas = Canvas(self._data["canvas"])
+
+        return self._canvas
+
+    def components(self) -> dict[str, Component]:
+        """Return a name → :class:`Component` map, built lazily on first access."""
+        if self._components is not None:
+            return self._components
+
+        entries: dict[str, Any] = self._data.get("components", {})
+        self._components = {}
+
+        for name, data in entries.items():
+            if not self._is_alias(data):
+                self._components[name] = Component(name, data)
+
+        for name, data in entries.items():
+            if self._is_alias(data):
+                self._components[name] = Component(
+                    name, data, self._components.get(data["extends"])
+                )
+
+        return self._components
+
+    def colors(self) -> dict[str, Color]:
+        """Return a name → :class:`Color` map, built lazily on first access."""
+        if self._colors is None:
+            self._colors = {
+                name: Color(data) for name, data in self._data.get("colors", {}).items()
+            }
+
+        return self._colors
+
+    def _validate_aliases(self) -> None:
+        """Verify every ``extends`` references an existing, non-alias component.
+
+        The schema cannot enforce cross-references between sibling keys.
+        """
+        components: dict[str, Any] | None = self._data.get("components")
+
+        if components is None:
+            return
+
+        errors: list[ErrorDetail] = []
+
+        for name, data in components.items():
+            if not self._is_alias(data):
+                continue
+
+            target = data["extends"]
+            target_data = components.get(target)
+
+            if target_data is None:
+                errors.append(
+                    {
+                        "instancePath": f"/components/{name}/extends",
+                        "message": f'references unknown component "{target}"',
+                    }
+                )
+
+                continue
+
+            if self._is_alias(target_data):
+                errors.append(
+                    {
+                        "instancePath": f"/components/{name}/extends",
+                        "message": (
+                            f'references alias "{target}" — '
+                            "alias chains are not allowed"
+                        ),
+                    }
+                )
+
+        if len(errors) > 0:
+            raise StyleValidationError(errors)
+
+    @staticmethod
+    def _is_alias(data: dict[str, Any]) -> bool:
+        return "extends" in data
diff --git a/src/python/core/src/dicebear/style/canvas.py b/src/python/core/src/dicebear/style/canvas.py
new file mode 100644
index 0000000..b1cb0c1
--- /dev/null
+++ b/src/python/core/src/dicebear/style/canvas.py
@@ -0,0 +1,33 @@
+"""Read-only view over a style definition's ``canvas`` block."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+from .element import Element
+
+
+class Canvas:
+    """Read-only view over a style definition's ``canvas`` block.
+
+    Exposes the drawing-area dimensions and the top-level element list.
+    """
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+        self._elements: list[Element] | None = None
+
+    def width(self) -> int | float:
+        """Return the canvas width — the viewBox ``width``."""
+        return cast("int | float", self._data["width"])
+
+    def height(self) -> int | float:
+        """Return the canvas height — the viewBox ``height``."""
+        return cast("int | float", self._data["height"])
+
+    def elements(self) -> list[Element]:
+        """Return the top-level elements, lazily wrapped on first access."""
+        if self._elements is None:
+            self._elements = [Element(el) for el in self._data["elements"]]
+
+        return self._elements
diff --git a/src/python/core/src/dicebear/style/color.py b/src/python/core/src/dicebear/style/color.py
new file mode 100644
index 0000000..fb67c80
--- /dev/null
+++ b/src/python/core/src/dicebear/style/color.py
@@ -0,0 +1,24 @@
+"""Read-only view over an entry in a style definition's ``colors`` block."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class Color:
+    """Read-only view over an entry in a style definition's ``colors`` block."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+
+    def values(self) -> list[str]:
+        """Return the candidate color values, in definition order."""
+        return cast("list[str]", self._data["values"])
+
+    def not_equal_to(self) -> list[str]:
+        """Return colors the resolver should avoid picking (empty when unset)."""
+        return cast("list[str]", self._data.get("notEqualTo", []))
+
+    def contrast_to(self) -> str | None:
+        """Return the name of a color to contrast against, or ``None``."""
+        return cast("str | None", self._data.get("contrastTo"))
diff --git a/src/python/core/src/dicebear/style/component.py b/src/python/core/src/dicebear/style/component.py
new file mode 100644
index 0000000..c5140e8
--- /dev/null
+++ b/src/python/core/src/dicebear/style/component.py
@@ -0,0 +1,107 @@
+"""Read-only view over an entry in a style definition's ``components`` block."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+from .component_translate import ComponentTranslate
+from .component_variant import ComponentVariant
+
+
+class Component:
+    """Read-only view over an entry in a style definition's ``components`` block.
+
+    An entry is either a base component with its own dimensions and variants or
+    an alias declared via ``extends``. Aliases are pure references — they inherit
+    dimensions, variants, and all transforms from the source.
+    """
+
+    def __init__(
+        self,
+        name: str,
+        data: dict[str, Any],
+        source: Component | None = None,
+    ) -> None:
+        self._name = name
+        self._data = data
+        self._source = source
+        self._translate: ComponentTranslate | None = None
+        self._variants: dict[str, ComponentVariant] | None = None
+
+    def name(self) -> str:
+        """Return the entry's own name as declared in the style definition.
+
+        For aliases this is the alias key, not the source component's name (use
+        :meth:`source_name` for the canonical user-option key prefix).
+        """
+        return self._name
+
+    def extends_name(self) -> str | None:
+        """Return the source component name for an alias, or ``None`` for a base."""
+        return cast("str | None", self._data.get("extends"))
+
+    def source_name(self) -> str:
+        """Return the canonical user-option key prefix.
+
+        The source component's name when this entry is an alias, otherwise the
+        entry's own name.
+        """
+        return self.extends_name() or self._name
+
+    def width(self) -> int | float:
+        """Return the component's intrinsic width (the source's, for aliases)."""
+        if self._source is not None:
+            return self._source.width()
+
+        return cast("int | float", self._data["width"])
+
+    def height(self) -> int | float:
+        """Return the component's intrinsic height (the source's, for aliases)."""
+        if self._source is not None:
+            return self._source.height()
+
+        return cast("int | float", self._data["height"])
+
+    def probability(self) -> int | float:
+        """Return the render probability (0–100). Aliases delegate; default 100."""
+        if self._source is not None:
+            return self._source.probability()
+
+        return cast("int | float", self._data.get("probability", 100))
+
+    def rotate(self) -> dict[str, Any] | None:
+        """Return the rotation range, or ``None`` when unset (aliases delegate)."""
+        if self._source is not None:
+            return self._source.rotate()
+
+        return cast("dict[str, Any] | None", self._data.get("rotate"))
+
+    def scale(self) -> dict[str, Any] | None:
+        """Return the scale range, or ``None`` when unset (aliases delegate)."""
+        if self._source is not None:
+            return self._source.scale()
+
+        return cast("dict[str, Any] | None", self._data.get("scale"))
+
+    def translate(self) -> ComponentTranslate:
+        """Return the translate descriptor (aliases delegate to the source)."""
+        if self._source is not None:
+            return self._source.translate()
+
+        if self._translate is None:
+            self._translate = ComponentTranslate(self._data.get("translate", {}))
+
+        return self._translate
+
+    def variants(self) -> dict[str, ComponentVariant]:
+        """Return a name → :class:`ComponentVariant` map (aliases delegate)."""
+        if self._source is not None:
+            return self._source.variants()
+
+        if self._variants is None:
+            self._variants = {
+                name: ComponentVariant(data)
+                for name, data in self._data["variants"].items()
+            }
+
+        return self._variants
diff --git a/src/python/core/src/dicebear/style/component_translate.py b/src/python/core/src/dicebear/style/component_translate.py
new file mode 100644
index 0000000..4dbdc6d
--- /dev/null
+++ b/src/python/core/src/dicebear/style/component_translate.py
@@ -0,0 +1,20 @@
+"""Read-only view over a component's ``translate`` block."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class ComponentTranslate:
+    """Read-only view over a component's ``translate`` block (X/Y offset ranges)."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+
+    def x(self) -> dict[str, Any] | None:
+        """Return the X offset range, or ``None`` when unset."""
+        return cast("dict[str, Any] | None", self._data.get("x"))
+
+    def y(self) -> dict[str, Any] | None:
+        """Return the Y offset range, or ``None`` when unset."""
+        return cast("dict[str, Any] | None", self._data.get("y"))
diff --git a/src/python/core/src/dicebear/style/component_variant.py b/src/python/core/src/dicebear/style/component_variant.py
new file mode 100644
index 0000000..a1480c0
--- /dev/null
+++ b/src/python/core/src/dicebear/style/component_variant.py
@@ -0,0 +1,26 @@
+"""Read-only view over an entry in a component's ``variants`` block."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+from .element import Element
+
+
+class ComponentVariant:
+    """Read-only view over an entry in a component's ``variants`` block."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+        self._elements: list[Element] | None = None
+
+    def elements(self) -> list[Element]:
+        """Return the variant's elements, lazily wrapped on first access."""
+        if self._elements is None:
+            self._elements = [Element(el) for el in self._data["elements"]]
+
+        return self._elements
+
+    def weight(self) -> int | float:
+        """Return the weighted-pick weight for this variant, defaulting to ``1``."""
+        return cast("int | float", self._data.get("weight", 1))
diff --git a/src/python/core/src/dicebear/style/element.py b/src/python/core/src/dicebear/style/element.py
new file mode 100644
index 0000000..13d1be8
--- /dev/null
+++ b/src/python/core/src/dicebear/style/element.py
@@ -0,0 +1,42 @@
+"""Read-only view over a single render-tree element."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class Element:
+    """Read-only view over a single render-tree element from a style definition.
+
+    The same node type covers SVG elements, text, and component references —
+    :meth:`type` discriminates between them.
+    """
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+        self._children: list[Element] | None = None
+
+    def type(self) -> str:
+        """Return the element type discriminator (``element``, ``text``, …)."""
+        return cast(str, self._data["type"])
+
+    def name(self) -> str | None:
+        """Return the element's tag/component name, or ``None`` when absent."""
+        return cast("str | None", self._data.get("name"))
+
+    def value(self) -> str | dict[str, Any] | None:
+        """Return the element's textual value or template fragment, or ``None``."""
+        return cast("str | dict[str, Any] | None", self._data.get("value"))
+
+    def attributes(self) -> dict[str, Any] | None:
+        """Return the element's raw attribute map, or ``None`` when undefined."""
+        return cast("dict[str, Any] | None", self._data.get("attributes"))
+
+    def children(self) -> list[Element]:
+        """Return the element's children, lazily wrapped on first access."""
+        if self._children is None:
+            self._children = [
+                Element(child) for child in self._data.get("children", [])
+            ]
+
+        return self._children
diff --git a/src/python/core/src/dicebear/style/meta.py b/src/python/core/src/dicebear/style/meta.py
new file mode 100644
index 0000000..1b69649
--- /dev/null
+++ b/src/python/core/src/dicebear/style/meta.py
@@ -0,0 +1,43 @@
+"""Lazily-constructed view over a style definition's ``meta`` block."""
+
+from __future__ import annotations
+
+from typing import Any
+
+from .meta_creator import MetaCreator
+from .meta_license import MetaLicense
+from .meta_source import MetaSource
+
+
+class Meta:
+    """Lazily-constructed view over a style definition's ``meta`` block.
+
+    Exposes the license, creator, and source descriptors.
+    """
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+        self._license: MetaLicense | None = None
+        self._creator: MetaCreator | None = None
+        self._source: MetaSource | None = None
+
+    def license(self) -> MetaLicense:
+        """Return the license descriptor, defaulting to an empty object."""
+        if self._license is None:
+            self._license = MetaLicense(self._data.get("license", {}))
+
+        return self._license
+
+    def creator(self) -> MetaCreator:
+        """Return the creator descriptor, defaulting to an empty object."""
+        if self._creator is None:
+            self._creator = MetaCreator(self._data.get("creator", {}))
+
+        return self._creator
+
+    def source(self) -> MetaSource:
+        """Return the source descriptor, defaulting to an empty object."""
+        if self._source is None:
+            self._source = MetaSource(self._data.get("source", {}))
+
+        return self._source
diff --git a/src/python/core/src/dicebear/style/meta_creator.py b/src/python/core/src/dicebear/style/meta_creator.py
new file mode 100644
index 0000000..7bf39cd
--- /dev/null
+++ b/src/python/core/src/dicebear/style/meta_creator.py
@@ -0,0 +1,20 @@
+"""Read-only view over the ``meta.creator`` block of a style definition."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class MetaCreator:
+    """Read-only view over the ``meta.creator`` block of a style definition."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+
+    def name(self) -> str | None:
+        """Return the creator's display name, or ``None`` when not set."""
+        return cast("str | None", self._data.get("name"))
+
+    def url(self) -> str | None:
+        """Return the creator's homepage URL, or ``None`` when not set."""
+        return cast("str | None", self._data.get("url"))
diff --git a/src/python/core/src/dicebear/style/meta_license.py b/src/python/core/src/dicebear/style/meta_license.py
new file mode 100644
index 0000000..abf932d
--- /dev/null
+++ b/src/python/core/src/dicebear/style/meta_license.py
@@ -0,0 +1,24 @@
+"""Read-only view over the ``meta.license`` block of a style definition."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class MetaLicense:
+    """Read-only view over the ``meta.license`` block of a style definition."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+
+    def name(self) -> str | None:
+        """Return the license name (e.g. ``"CC BY 4.0"``), or ``None``."""
+        return cast("str | None", self._data.get("name"))
+
+    def url(self) -> str | None:
+        """Return the license URL, or ``None`` when not set."""
+        return cast("str | None", self._data.get("url"))
+
+    def text(self) -> str | None:
+        """Return the full license text, or ``None`` when not set."""
+        return cast("str | None", self._data.get("text"))
diff --git a/src/python/core/src/dicebear/style/meta_source.py b/src/python/core/src/dicebear/style/meta_source.py
new file mode 100644
index 0000000..4dd8aae
--- /dev/null
+++ b/src/python/core/src/dicebear/style/meta_source.py
@@ -0,0 +1,20 @@
+"""Read-only view over the ``meta.source`` block of a style definition."""
+
+from __future__ import annotations
+
+from typing import Any, cast
+
+
+class MetaSource:
+    """Read-only view over the ``meta.source`` block of a style definition."""
+
+    def __init__(self, data: dict[str, Any]) -> None:
+        self._data = data
+
+    def name(self) -> str | None:
+        """Return the source name (e.g. the original work title), or ``None``."""
+        return cast("str | None", self._data.get("name"))
+
+    def url(self) -> str | None:
+        """Return the URL of the source, or ``None`` when not set."""
+        return cast("str | None", self._data.get("url"))
diff --git a/src/python/core/src/dicebear/utils/__init__.py b/src/python/core/src/dicebear/utils/__init__.py
new file mode 100644
index 0000000..ef6a118
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/__init__.py
@@ -0,0 +1,11 @@
+"""Stateless helpers used by the renderer and resolver."""
+
+from __future__ import annotations
+
+from .color import Color
+from .initials import Initials
+from .license import License
+from .number import Number
+from .xml import Xml
+
+__all__ = ["Color", "Initials", "License", "Number", "Xml"]
diff --git a/src/python/core/src/dicebear/utils/color.py b/src/python/core/src/dicebear/utils/color.py
new file mode 100644
index 0000000..81787b0
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/color.py
@@ -0,0 +1,351 @@
+"""Color helpers used by the renderer and option resolver."""
+
+from __future__ import annotations
+
+
+class Color:
+    """Color helpers used by the renderer and option resolver."""
+
+    @staticmethod
+    def to_hex(hex_value: str) -> str:
+        """Normalize any hex format to 6- or 8-digit lowercase with ``#`` prefix."""
+        normalized = hex_value.lstrip("#").lower()
+
+        if len(normalized) == 3:
+            r, g, b = normalized[0], normalized[1], normalized[2]
+            return f"#{r}{r}{g}{g}{b}{b}"
+
+        if len(normalized) == 4:
+            r, g, b, a = normalized[0], normalized[1], normalized[2], normalized[3]
+            return f"#{r}{r}{g}{g}{b}{b}{a}{a}"
+
+        return "#" + normalized
+
+    @staticmethod
+    def to_rgb_hex(hex_value: str) -> str:
+        """Like :meth:`to_hex`, but strip the alpha channel (always 6-digit)."""
+        full = Color.to_hex(hex_value)
+
+        return full[:7] if len(full) > 7 else full
+
+    @staticmethod
+    def parse_hex(hex_value: str) -> tuple[int, int, int]:
+        """Parse a hex color into an ``(r, g, b)`` triple of 8-bit channels."""
+        digits = Color.to_hex(hex_value)[1:]
+
+        return (
+            int(digits[0:2], 16),
+            int(digits[2:4], 16),
+            int(digits[4:6], 16),
+        )
+
+    @staticmethod
+    def luminance(hex_value: str) -> float:
+        """WCAG 2.1 relative luminance with sRGB linearization.
+
+        See https://www.w3.org/WAI/GL/wiki/Relative_luminance
+        """
+        r, g, b = Color.parse_hex(hex_value)
+
+        return 0.2126 * _linearize(r) + 0.7152 * _linearize(g) + 0.0722 * _linearize(b)
+
+    @staticmethod
+    def sort_by_contrast(candidates: list[str], ref_color: str) -> list[str]:
+        """Return a new list sorted by descending contrast against ``ref_color``.
+
+        See https://www.w3.org/WAI/GL/wiki/Contrast_ratio
+        """
+        ref_lum = Color.luminance(ref_color)
+
+        def ratio(color: str) -> float:
+            lum = Color.luminance(color)
+            return (max(lum, ref_lum) + 0.05) / (min(lum, ref_lum) + 0.05)
+
+        # Stable sort by descending ratio, matching JS/PHP comparator parity:
+        # equal ratios keep their original (already code-point-sorted) order.
+        return sorted(candidates, key=ratio, reverse=True)
+
+    @staticmethod
+    def filter_not_equal_to(candidates: list[str], excluded: list[str]) -> list[str]:
+        """Return a new list with excluded colors removed.
+
+        Falls back to the original candidates when filtering would empty the list.
+        """
+        normalized = {Color.to_rgb_hex(color) for color in excluded}
+
+        filtered = [
+            color for color in candidates if Color.to_rgb_hex(color) not in normalized
+        ]
+
+        return filtered if len(filtered) > 0 else candidates
+
+
+# Linear-light value for every 8-bit sRGB channel value, precomputed from
+# ``srgb / 12.92`` below the 0.04045 threshold and
+# ``((srgb + 0.055) / 1.055) ** 2.4`` above it (``srgb = channel / 255``).
+# A lookup table because ``**``/``pow`` is not required to be correctly
+# rounded: results differ between math libraries and JS engines, which would
+# break cross-language byte parity. Values are the JS reference outputs.
+_LINEARIZED = (
+    0.0,
+    0.0003035269835488375,
+    0.000607053967097675,
+    0.0009105809506465125,
+    0.00121410793419535,
+    0.0015176349177441874,
+    0.001821161901293025,
+    0.0021246888848418626,
+    0.0024282158683907,
+    0.0027317428519395373,
+    0.003035269835488375,
+    0.003346535763899161,
+    0.003676507324047436,
+    0.004024717018496307,
+    0.004391442037410293,
+    0.004776953480693729,
+    0.005181516702338386,
+    0.005605391624202723,
+    0.006048833022857055,
+    0.006512090792594474,
+    0.006995410187265387,
+    0.007499032043226175,
+    0.008023192985384994,
+    0.008568125618069307,
+    0.009134058702220787,
+    0.009721217320237847,
+    0.010329823029626938,
+    0.010960094006488246,
+    0.011612245179743887,
+    0.012286488356915872,
+    0.012983032342173012,
+    0.013702083047289686,
+    0.014443843596092545,
+    0.01520851442291271,
+    0.01599629336550963,
+    0.016807375752887384,
+    0.017641954488384078,
+    0.018500220128379697,
+    0.019382360956935723,
+    0.0202885630566524,
+    0.021219010376003558,
+    0.02217388479338738,
+    0.02315336617811041,
+    0.024157632448504756,
+    0.025186859627361627,
+    0.026241221894849898,
+    0.027320891639074897,
+    0.028426039504420793,
+    0.0295568344378088,
+    0.030713443732993635,
+    0.03189603307301153,
+    0.033104766570885055,
+    0.03433980680868217,
+    0.03560131487502034,
+    0.03688945040110004,
+    0.0382043715953465,
+    0.03954623527673283,
+    0.04091519690685319,
+    0.042311410620809675,
+    0.043735029256973465,
+    0.04518620438567554,
+    0.0466650863368801,
+    0.048171824226889426,
+    0.04970656598412723,
+    0.05126945837404324,
+    0.052860647023180246,
+    0.05448027644244237,
+    0.05612849004960009,
+    0.05780543019106723,
+    0.0595112381629812,
+    0.06124605423161761,
+    0.06301001765316767,
+    0.06480326669290577,
+    0.06662593864377289,
+    0.06847816984440017,
+    0.07036009569659588,
+    0.07227185068231748,
+    0.07421356838014963,
+    0.07618538148130785,
+    0.07818742180518633,
+    0.08021982031446831,
+    0.0822827071298148,
+    0.08437621154414882,
+    0.08650046203654976,
+    0.08865558628577294,
+    0.09084171118340767,
+    0.09305896284668747,
+    0.0953074666309647,
+    0.09758734714186246,
+    0.09989872824711389,
+    0.1022417330881013,
+    0.10461648409110419,
+    0.10702310297826761,
+    0.10946171077829933,
+    0.1119324278369056,
+    0.11443537382697373,
+    0.11697066775851084,
+    0.11953842798834562,
+    0.12213877222960187,
+    0.12477181756095049,
+    0.12743768043564743,
+    0.1301364766903643,
+    0.13286832155381798,
+    0.13563332965520566,
+    0.13843161503245183,
+    0.14126329114027164,
+    0.14412847085805777,
+    0.14702726649759498,
+    0.14995978981060856,
+    0.15292615199615017,
+    0.1559264637078274,
+    0.1589608350608804,
+    0.16202937563911096,
+    0.1651321945016676,
+    0.16826940018969075,
+    0.1714411007328226,
+    0.17464740365558504,
+    0.17788841598362914,
+    0.18116424424986022,
+    0.184474994500441,
+    0.18782077230067787,
+    0.1912016827407914,
+    0.19461783044157582,
+    0.19806931955994886,
+    0.20155625379439707,
+    0.20507873639031693,
+    0.20863687014525575,
+    0.21223075741405523,
+    0.21586050011389923,
+    0.21952619972926923,
+    0.2232279573168085,
+    0.22696587351009836,
+    0.23074004852434915,
+    0.23455058216100522,
+    0.238397573812271,
+    0.24228112246555486,
+    0.24620132670783548,
+    0.25015828472995344,
+    0.25415209433082675,
+    0.2581828529215958,
+    0.26225065752969623,
+    0.26635560480286247,
+    0.2704977910130658,
+    0.27467731206038465,
+    0.2788942634768104,
+    0.2831487404299921,
+    0.2874408377269175,
+    0.29177064981753587,
+    0.2961382707983211,
+    0.3005437944157765,
+    0.3049873140698863,
+    0.30946892281750854,
+    0.31398871337571754,
+    0.31854677812509186,
+    0.32314320911295075,
+    0.3277780980565422,
+    0.33245153634617935,
+    0.33716361504833037,
+    0.341914424908661,
+    0.3467040563550296,
+    0.35153259950043936,
+    0.3564001441459435,
+    0.3613067797835095,
+    0.3662525955988395,
+    0.3712376804741491,
+    0.37626212299090644,
+    0.3813260114325301,
+    0.386429433787049,
+    0.39157247774972326,
+    0.39675523072562685,
+    0.40197777983219574,
+    0.4072402119017367,
+    0.41254261348390375,
+    0.4178850708481375,
+    0.4232676699860717,
+    0.4286904966139067,
+    0.4341536361747489,
+    0.4396571738409188,
+    0.44520119451622786,
+    0.45078578283822346,
+    0.45641102318040466,
+    0.4620769996544071,
+    0.467783796112159,
+    0.47353149614800955,
+    0.4793201831008268,
+    0.4851499400560704,
+    0.4910208498478356,
+    0.4969329950608704,
+    0.5028864580325687,
+    0.5088813208549338,
+    0.5149176653765214,
+    0.5209955732043543,
+    0.5271151257058131,
+    0.5332764040105052,
+    0.5394794890121071,
+    0.5457244613701866,
+    0.5520114015120001,
+    0.5583403896342679,
+    0.5647115057049292,
+    0.5711248294648731,
+    0.5775804404296506,
+    0.5840784178911641,
+    0.5906188409193369,
+    0.5972017883637634,
+    0.6038273388553378,
+    0.6104955708078648,
+    0.6172065624196511,
+    0.6239603916750761,
+    0.6307571363461468,
+    0.6375968739940326,
+    0.6444796819705821,
+    0.6514056374198242,
+    0.6583748172794486,
+    0.665387298282272,
+    0.6724431569576875,
+    0.6795424696330938,
+    0.6866853124353134,
+    0.6938717612919899,
+    0.7011018919329731,
+    0.7083757798916868,
+    0.7156935005064807,
+    0.7230551289219693,
+    0.7304607400903537,
+    0.7379104087727308,
+    0.7454042095403874,
+    0.7529422167760779,
+    0.7605245046752924,
+    0.7681511472475071,
+    0.7758222183174236,
+    0.7835377915261935,
+    0.7912979403326302,
+    0.799102738014409,
+    0.8069522576692516,
+    0.8148465722161012,
+    0.8227857543962835,
+    0.8307698767746546,
+    0.83879901174074,
+    0.846873231509858,
+    0.8549926081242338,
+    0.8631572134541023,
+    0.8713671191987973,
+    0.8796223968878317,
+    0.8879231178819663,
+    0.8962693533742664,
+    0.9046611743911496,
+    0.9130986517934192,
+    0.9215818562772946,
+    0.9301108583754237,
+    0.938685728457888,
+    0.9473065367331999,
+    0.9559733532492861,
+    0.9646862478944651,
+    0.9734452903984125,
+    0.9822505503331171,
+    0.9911020971138298,
+    1.0,
+)
+
+
+def _linearize(channel: int) -> float:
+    """Convert an 8-bit sRGB channel value into linear-light space."""
+    return _LINEARIZED[channel]
diff --git a/src/python/core/src/dicebear/utils/initials.py b/src/python/core/src/dicebear/utils/initials.py
new file mode 100644
index 0000000..d0d5bf6
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/initials.py
@@ -0,0 +1,104 @@
+"""Derive display initials from a seed string."""
+
+from __future__ import annotations
+
+import re
+import unicodedata
+
+# Backtick, acute accent, apostrophe, and modifier letter apostrophe — stripped
+# so names like "O'Brien" yield "OB" rather than "OB" split on the quote.
+_QUOTES = re.compile(r"[`´'ʼ]")
+# The whole @ suffix (e.g. an email domain) is stripped, including any line
+# terminators — re.DOTALL makes `.` match newlines too, matching the dotall
+# `@.*` strip in every port.
+_AT_TAIL = re.compile(r"@.*", re.DOTALL)
+
+
+class Initials:
+    """Derive display initials from a seed string."""
+
+    @staticmethod
+    def from_seed(seed: str, discard_at_symbol: bool = True) -> str:
+        """Return one or two uppercase initials for the given seed.
+
+        By default strips ``@...`` so email addresses yield a single initial
+        instead of being treated as two words.
+        """
+        text = _AT_TAIL.sub("", seed) if discard_at_symbol else seed
+        text = _QUOTES.sub("", text)
+
+        words = _words(text)
+
+        if len(words) == 0:
+            return Initials.from_seed(seed, False) if discard_at_symbol else ""
+
+        if len(words) == 1:
+            return _clusters(words[0], 2).upper()
+
+        first = _clusters(words[0], 1)
+        last = _clusters(words[-1], 1)
+
+        if first == "" or last == "":
+            return ""
+
+        return (first + last).upper()
+
+
+def _is_letter(char: str) -> bool:
+    """Whether ``char`` is a Unicode letter (PCRE ``\\p{L}``)."""
+    return unicodedata.category(char)[0] == "L"
+
+
+def _is_mark(char: str) -> bool:
+    """Whether ``char`` is a Unicode combining mark (PCRE ``\\p{M}``)."""
+    return unicodedata.category(char)[0] == "M"
+
+
+def _words(text: str) -> list[str]:
+    """Split into maximal runs that start with a letter and continue with
+    letters or marks — the matches of ``(\\p{L}[\\p{L}\\p{M}]*)``.
+    """
+    words: list[str] = []
+    current: list[str] = []
+
+    for char in text:
+        if current:
+            if _is_letter(char) or _is_mark(char):
+                current.append(char)
+            else:
+                words.append("".join(current))
+                current = []
+                if _is_letter(char):
+                    current.append(char)
+        elif _is_letter(char):
+            current.append(char)
+
+    if current:
+        words.append("".join(current))
+
+    return words
+
+
+def _clusters(word: str, limit: int) -> str:
+    """Return up to ``limit`` leading letter-plus-marks clusters of ``word``.
+
+    Mirrors ``(?:\\p{L}\\p{M}*){limit}`` anchored at the start.
+    """
+    result: list[str] = []
+    count = 0
+    i = 0
+
+    while i < len(word) and count < limit:
+        if not _is_letter(word[i]):
+            break
+
+        result.append(word[i])
+        i += 1
+
+        while i < len(word) and _is_mark(word[i]):
+            result.append(word[i])
+            i += 1
+
+        count += 1
+
+    return "".join(result)
diff --git a/src/python/core/src/dicebear/utils/license.py b/src/python/core/src/dicebear/utils/license.py
new file mode 100644
index 0000000..66a78ca
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/license.py
@@ -0,0 +1,112 @@
+"""Attribution strings and embedded RDF/Dublin Core metadata."""
+
+from __future__ import annotations
+
+from ..style.meta import Meta
+from .xml import Xml
+
+
+class License:
+    """Builds attribution strings and embedded RDF/Dublin Core metadata from a
+    style's :class:`Meta` block.
+    """
+
+    @staticmethod
+    def text(meta: Meta) -> str:
+        """Return a single-line attribution string for ``<title>``/``<desc>``.
+
+        Returns an empty string when no attribution data is available.
+        """
+        source_name = meta.source().name()
+        source_url = meta.source().url()
+        creator_name = meta.creator().name()
+        license_name = meta.license().name()
+        license_url = meta.license().url()
+
+        if source_name is None and creator_name is None and license_name is None:
+            return ""
+
+        title = f"“{source_name}”" if source_name is not None else "Design"
+
+        if source_url is not None:
+            title += f" ({source_url})"
+
+        creator = "“" + (creator_name if creator_name is not None else "Unknown") + "”"
+
+        result = ""
+
+        # Skip "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+        if (
+            license_name != "MIT"
+            and creator_name != "DiceBear"
+            and source_name is not None
+        ):
+            result += "Remix of "
+
+        result += f"{title} by {creator}"
+
+        if license_name is not None:
+            result += f", licensed under “{license_name}”"
+
+            if license_url is not None:
+                result += f" ({license_url})"
+
+        return result
+
+    @staticmethod
+    def xml(meta: Meta) -> str:
+        """Build an embedded ``<metadata>`` block with Dublin Core terms.
+
+        Returns an empty string when no metadata fields are populated.
+        """
+        title = meta.source().name()
+        creator_name = meta.creator().name()
+        source_url = meta.source().url()
+        license_url = meta.license().url()
+        rights = License.text(meta)
+
+        if (
+            title is None
+            and creator_name is None
+            and source_url is None
+            and license_url is None
+            and rights == ""
+        ):
+            return ""
+
+        fields: list[str] = []
+
+        if title is not None:
+            fields.append("<dc:title>" + Xml.escape(title) + "</dc:title>")
+
+        if creator_name is not None:
+            fields.append("<dc:creator>" + Xml.escape(creator_name) + "</dc:creator>")
+
+        if source_url is not None:
+            fields.append(
+                '<dc:source xsi:type="dcterms:URI">'
+                + Xml.escape(source_url)
+                + "</dc:source>"
+            )
+
+        if license_url is not None:
+            fields.append(
+                '<dcterms:license xsi:type="dcterms:URI">'
+                + Xml.escape(license_url)
+                + "</dcterms:license>"
+            )
+
+        if rights != "":
+            fields.append("<dc:rights>" + Xml.escape(rights) + "</dc:rights>")
+
+        return (
+            "<metadata"
+            ' xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"'
+            ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"'
+            ' xmlns:dc="http://purl.org/dc/elements/1.1/"'
+            ' xmlns:dcterms="http://purl.org/dc/terms/">'
+            "<rdf:RDF><rdf:Description>"
+            + "".join(fields)
+            + "</rdf:Description></rdf:RDF>"
+            "</metadata>"
+        )
diff --git a/src/python/core/src/dicebear/utils/number.py b/src/python/core/src/dicebear/utils/number.py
new file mode 100644
index 0000000..8ac12d2
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/number.py
@@ -0,0 +1,52 @@
+"""Formats a number for SVG output, rounded to at most 5 decimal places.
+
+Rounding to a fixed precision keeps the output bounded and identical across
+the JS, PHP, Python, Rust, Go, and Dart ports: every value becomes a multiple
+of 1e-5 in the SVG coordinate range, which has no exponential form, so the
+result is built from integer arithmetic — sidestepping Python's ``repr``
+(which would emit ``"1e-05"`` and diverge from the JS reference). Five
+decimals is far below sub-pixel precision for any realistic canvas.
+"""
+
+from __future__ import annotations
+
+import math
+
+
+class Number:
+    """Formats numbers for SVG output with cross-language byte parity."""
+
+    @staticmethod
+    def format(value: float) -> str:
+        """Return ``value`` rounded to at most 5 decimal places as a string."""
+        if value != value:  # NaN
+            return "NaN"
+
+        if value == math.inf:
+            return "Infinity"
+
+        if value == -math.inf:
+            return "-Infinity"
+
+        scaled = Number.round_half_up(value * 100000)
+        sign = "-" if scaled < 0 else ""
+        scaled = abs(scaled)
+
+        integer_part = scaled // 100000
+        fraction = f"{scaled % 100000:05d}".rstrip("0")
+
+        return f"{sign}{integer_part}{'.' + fraction if fraction else ''}"
+
+    @staticmethod
+    def round_half_up(value: float) -> int:
+        """Round half toward +Infinity, matching JavaScript's ``Math.round``.
+
+        Python's built-in ``round`` uses banker's rounding (half to even). The
+        naive ``floor(value + 0.5)`` also diverges: for the largest double below
+        0.5 (``0.49999999999999994``) the addition rounds up to ``1.0`` and
+        yields ``1``, whereas ``Math.round`` returns ``0``. Comparing the
+        fractional part against ``0.5`` reproduces ``Math.round`` exactly.
+        """
+        floor = math.floor(value)
+
+        return floor if value - floor < 0.5 else floor + 1
diff --git a/src/python/core/src/dicebear/utils/xml.py b/src/python/core/src/dicebear/utils/xml.py
new file mode 100644
index 0000000..c44640d
--- /dev/null
+++ b/src/python/core/src/dicebear/utils/xml.py
@@ -0,0 +1,22 @@
+"""Minimal XML escaping helper for SVG/XML text and attribute content."""
+
+from __future__ import annotations
+
+_ENTITIES = {
+    "&": "&amp;",
+    "'": "&apos;",
+    '"': "&quot;",
+    "<": "&lt;",
+    ">": "&gt;",
+}
+
+_TABLE = str.maketrans(_ENTITIES)
+
+
+class Xml:
+    """Minimal XML escaping helper for SVG/XML text and attribute content."""
+
+    @staticmethod
+    def escape(value: str) -> str:
+        """Return ``value`` with the five XML predefined entities escaped."""
+        return value.translate(_TABLE)
diff --git a/src/python/core/src/dicebear/validator.py b/src/python/core/src/dicebear/validator.py
new file mode 100644
index 0000000..007e83e
--- /dev/null
+++ b/src/python/core/src/dicebear/validator.py
@@ -0,0 +1,85 @@
+"""JSON Schema validation against the shared draft-07 schemas."""
+
+from __future__ import annotations
+
+import json
+from importlib.resources import files
+from typing import Any
+
+from jsonschema import Draft7Validator
+from jsonschema.exceptions import ValidationError as JsonSchemaError
+
+from .errors import ErrorDetail, OptionsValidationError, StyleValidationError
+
+_MAX_ERRORS = 10
+
+_validators: dict[str, Draft7Validator] = {}
+
+
+def _validator(filename: str) -> Draft7Validator:
+    """Return the cached :class:`Draft7Validator` for a shared schema file.
+
+    The two draft-07 schemas (``definition.json`` / ``options.json``) ship as
+    the ``dicebear-schema`` package — the Python counterpart of the
+    ``@dicebear/schema`` (npm) / ``dicebear/schema`` (Composer) packages the
+    JS/PHP ports pin — and are read via :func:`importlib.resources.files`.
+    """
+    if filename not in _validators:
+        raw = files("dicebear_schema").joinpath(filename).read_text("utf-8")
+        _validators[filename] = Draft7Validator(json.loads(raw))
+
+    return _validators[filename]
+
+
+def _collect(error: JsonSchemaError, details: list[ErrorDetail]) -> None:
+    """Flatten a jsonschema error tree into ``{message, instancePath}`` leaves."""
+    if error.context:
+        for sub in error.context:
+            _collect(sub, details)
+
+        return
+
+    path = list(error.absolute_path)
+    instance_path = "/" + "/".join(str(p) for p in path) if path else ""
+
+    details.append({"message": str(error.validator), "instancePath": instance_path})
+
+
+def _details(filename: str, data: Any) -> list[ErrorDetail]:
+    """Return validation failures for ``data`` against the named schema."""
+    errors = sorted(
+        _validator(filename).iter_errors(data),
+        key=lambda e: list(e.absolute_path),
+    )
+
+    details: list[ErrorDetail] = []
+
+    for error in errors[:_MAX_ERRORS]:
+        _collect(error, details)
+
+    if errors and len(details) == 0:
+        details.append({"message": "Validation failed"})
+
+    return details
+
+
+class StyleValidator:
+    """Validates style definitions against the shared ``definition.json`` schema."""
+
+    @staticmethod
+    def validate(data: Any) -> None:
+        details = _details("definition.json", data)
+
+        if len(details) > 0:
+            raise StyleValidationError(details)
+
+
+class OptionsValidator:
+    """Validates avatar options against the shared ``options.json`` schema."""
+
+    @staticmethod
+    def validate(data: Any) -> None:
+        details = _details("options.json", data)
+
+        if len(details) > 0:
+            raise OptionsValidationError(details)
diff --git a/src/python/core/tests/test_avatar.py b/src/python/core/tests/test_avatar.py
new file mode 100644
index 0000000..599f4f1
--- /dev/null
+++ b/src/python/core/tests/test_avatar.py
@@ -0,0 +1,130 @@
+"""Tests for the Avatar entry point."""
+
+from __future__ import annotations
+
+from typing import Any
+
+import pytest
+
+from dicebear import Avatar, Style
+
+
+def _minimal_style_data() -> dict[str, Any]:
+    return {"canvas": {"width": 100, "height": 100, "elements": []}}
+
+
+# ---------------------------------------------------------------------------
+# constructor
+# ---------------------------------------------------------------------------
+
+
+def test_accepts_style_instance_and_raw_options() -> None:
+    style = Style(_minimal_style_data())
+    assert isinstance(Avatar(style, {"seed": "test"}), Avatar)
+
+
+def test_raw_style_data_is_deprecated_but_still_renders() -> None:
+    definition = _minimal_style_data()
+    options = {"seed": "test"}
+
+    # Passing a raw definition still works for back-compat, but now emits a
+    # DeprecationWarning. The deprecated path must render identically to the
+    # supported path (Avatar wraps the definition in a Style internally).
+    with pytest.warns(DeprecationWarning):
+        deprecated = Avatar(definition, options)
+
+    assert isinstance(deprecated, Avatar)
+    assert deprecated.to_string() == Avatar(Style(definition), options).to_string()
+
+
+def test_accepts_raw_style_data_and_raw_options() -> None:
+    assert isinstance(Avatar(Style(_minimal_style_data()), {"seed": "test"}), Avatar)
+
+
+def test_works_without_options() -> None:
+    style = Style(_minimal_style_data())
+    assert isinstance(Avatar(style), Avatar)
+
+
+# ---------------------------------------------------------------------------
+# to_string
+# ---------------------------------------------------------------------------
+
+
+def test_to_string_returns_string() -> None:
+    style = Style(_minimal_style_data())
+    assert isinstance(Avatar(style, {"seed": "test"}).to_string(), str)
+
+
+def test_str_matches_to_string() -> None:
+    style = Style(_minimal_style_data())
+    avatar = Avatar(style, {"seed": "test"})
+    assert str(avatar) == avatar.to_string()
+
+
+# ---------------------------------------------------------------------------
+# to_json
+# ---------------------------------------------------------------------------
+
+
+def test_to_json_returns_object_with_svg_and_options() -> None:
+    style = Style(_minimal_style_data())
+    result = Avatar(style, {"seed": "test"}).to_json()
+    assert isinstance(result["svg"], str)
+    assert isinstance(result["options"], dict)
+
+
+def test_to_json_consistent_with_to_string() -> None:
+    style = Style(_minimal_style_data())
+    avatar = Avatar(style, {"seed": "test"})
+    assert avatar.to_json()["svg"] == avatar.to_string()
+
+
+def test_to_json_returns_deep_copy_of_options() -> None:
+    style = Style(_minimal_style_data())
+    avatar = Avatar(style, {"seed": "test"})
+    json1 = avatar.to_json()
+    json2 = avatar.to_json()
+    json1["options"]["injected"] = "modified"
+    assert "injected" not in json2["options"]
+
+
+def test_to_json_does_not_include_seed() -> None:
+    style = Style(_minimal_style_data())
+    avatar = Avatar(style, {"seed": "test"})
+    assert "seed" not in avatar.to_json()["options"]
+
+
+# ---------------------------------------------------------------------------
+# to_data_uri
+# ---------------------------------------------------------------------------
+
+
+def test_to_data_uri_returns_data_uri() -> None:
+    style = Style(_minimal_style_data())
+    assert (
+        Avatar(style, {"seed": "test"})
+        .to_data_uri()
+        .startswith("data:image/svg+xml;charset=utf-8,")
+    )
+
+
+def test_to_data_uri_encodes_like_encodeuricomponent() -> None:
+    # Independent of the implementation's quote() call: assert the actual
+    # encodeURIComponent semantics the JS/PHP ports also produce, so a
+    # regression (e.g. to quote_plus, or a wrong safe set) fails here.
+    style = Style(_minimal_style_data())
+    avatar = Avatar(style, {"seed": "test"})
+    svg = avatar.to_string()
+    prefix = "data:image/svg+xml;charset=utf-8,"
+    payload = avatar.to_data_uri().removeprefix(prefix)
+
+    # Structural XML characters must be percent-encoded, none left raw.
+    assert "%3C" in payload and "%3E" in payload  # < >
+    assert "%22" in payload  # "
+    assert not any(c in payload for c in '<>"')
+    # Spaces become %20 (never '+'); '#' (from url(#clip-…)) becomes %23.
+    assert " " in svg and "%20" in payload and "+" not in payload
+    assert "%23" in payload and "#" not in payload
+    # encodeURIComponent leaves these unescaped; quote() must match.
+    assert "(" in payload and ")" in payload and "%28" not in payload
diff --git a/src/python/core/tests/test_options.py b/src/python/core/tests/test_options.py
new file mode 100644
index 0000000..1ef92ec
--- /dev/null
+++ b/src/python/core/tests/test_options.py
@@ -0,0 +1,197 @@
+"""Tests for option parsing and normalization."""
+
+from __future__ import annotations
+
+import pytest
+
+from dicebear.errors import OptionsValidationError, ValidationError
+from dicebear.options import Options
+
+# ---------------------------------------------------------------------------
+# constructor
+# ---------------------------------------------------------------------------
+
+
+def test_accepts_empty_data() -> None:
+    assert Options({}) is not None
+
+
+def test_accepts_none_data() -> None:
+    assert Options() is not None
+
+
+def test_accepts_full_input_data() -> None:
+    options = Options(
+        {"seed": "test-seed", "size": 128, "flip": "horizontal", "scale": 1.2}
+    )
+    assert options is not None
+
+
+def test_throws_options_validation_error() -> None:
+    with pytest.raises(OptionsValidationError):
+        Options({"size": -1})
+
+
+def test_throws_validation_error() -> None:
+    with pytest.raises(ValidationError):
+        Options({"size": -1})
+
+
+def test_error_includes_details() -> None:
+    with pytest.raises(OptionsValidationError) as exc_info:
+        Options({"size": -1})
+    assert isinstance(exc_info.value.details, list)
+    assert len(exc_info.value.details) > 0
+
+
+# ---------------------------------------------------------------------------
+# scalar passthroughs
+# ---------------------------------------------------------------------------
+
+
+def test_scalars_return_none_when_unset() -> None:
+    options = Options({})
+    assert options.seed() is None
+    assert options.size() is None
+    assert options.id_randomization() is None
+    assert options.title() is None
+
+
+def test_scalars_return_user_set_values() -> None:
+    options = Options(
+        {"seed": "abc", "size": 256, "idRandomization": True, "title": "My Avatar"}
+    )
+    assert options.seed() == "abc"
+    assert options.size() == 256
+    assert options.id_randomization() is True
+    assert options.title() == "My Avatar"
+
+
+# ---------------------------------------------------------------------------
+# top-level normalization
+# ---------------------------------------------------------------------------
+
+
+def test_normalizes_scalar_list_to_one_element_list() -> None:
+    assert Options({"flip": "horizontal"}).flip() == ["horizontal"]
+
+
+def test_passes_list_array_through() -> None:
+    assert Options({"flip": ["horizontal", "vertical"]}).flip() == [
+        "horizontal",
+        "vertical",
+    ]
+
+
+def test_normalizes_scalar_range_to_fixed_value() -> None:
+    assert Options({"scale": 1.5}).scale() == {"min": 1.5, "max": 1.5}
+
+
+def test_normalizes_range_tuple_to_object() -> None:
+    assert Options({"scale": [0.8, 1.2]}).scale() == {"min": 0.8, "max": 1.2}
+
+
+def test_single_element_range_array_is_a_fixed_value() -> None:
+    # `[n]` behaves like the scalar `n`; an empty array is unset (default).
+    assert Options({"scale": [2]}).scale() == {"min": 2, "max": 2}
+    assert Options({"scale": []}).scale() is None
+
+
+def test_returns_none_for_unset_range_options() -> None:
+    options = Options({})
+    assert options.scale() is None
+    assert options.border_radius() is None
+    assert options.rotate() is None
+    assert options.translate_x() is None
+    assert options.translate_y() is None
+
+
+def test_returns_empty_array_for_unset_list_options() -> None:
+    options = Options({})
+    assert options.flip() == []
+    assert options.font_family() == []
+    assert options.font_weight() == []
+
+
+# ---------------------------------------------------------------------------
+# component_variant
+# ---------------------------------------------------------------------------
+
+
+def test_component_variant_returns_none_when_unset() -> None:
+    assert Options({}).component_variant("eyes") is None
+
+
+def test_component_variant_normalizes_string_to_weighted_map() -> None:
+    assert Options({"eyesVariant": "open"}).component_variant("eyes") == {"open": 1}
+
+
+def test_component_variant_normalizes_list_to_weighted_map() -> None:
+    assert Options({"eyesVariant": ["open", "closed"]}).component_variant("eyes") == {
+        "open": 1,
+        "closed": 1,
+    }
+
+
+def test_component_variant_passes_weighted_record_through() -> None:
+    assert Options({"eyesVariant": {"open": 5, "closed": 1}}).component_variant(
+        "eyes"
+    ) == {"open": 5, "closed": 1}
+
+
+# ---------------------------------------------------------------------------
+# component_probability
+# ---------------------------------------------------------------------------
+
+
+def test_component_probability_returns_none_when_unset() -> None:
+    assert Options({}).component_probability("eyes") is None
+
+
+def test_component_probability_returns_value() -> None:
+    assert Options({"eyesProbability": 80}).component_probability("eyes") == 80
+
+
+# ---------------------------------------------------------------------------
+# color
+# ---------------------------------------------------------------------------
+
+
+def test_color_returns_none_when_unset() -> None:
+    assert Options({}).color("skin") is None
+
+
+def test_color_normalizes_single_hex() -> None:
+    assert Options({"skinColor": "#f0c8a0"}).color("skin") == ["#f0c8a0"]
+
+
+def test_color_passes_list_through() -> None:
+    assert Options({"skinColor": ["#f0c8a0", "#d4a574"]}).color("skin") == [
+        "#f0c8a0",
+        "#d4a574",
+    ]
+
+
+# ---------------------------------------------------------------------------
+# color_fill / color_angle / color_fill_stops
+# ---------------------------------------------------------------------------
+
+
+def test_color_meta_normalizes() -> None:
+    options = Options(
+        {
+            "skinColorFill": "linear",
+            "skinColorAngle": 45,
+            "skinColorFillStops": [2, 4],
+        }
+    )
+    assert options.color_fill("skin") == ["linear"]
+    assert options.color_angle("skin") == {"min": 45, "max": 45}
+    assert options.color_fill_stops("skin") == {"min": 2, "max": 4}
+
+
+def test_color_meta_defaults_when_unset() -> None:
+    options = Options({})
+    assert options.color_fill("skin") == []
+    assert options.color_angle("skin") is None
+    assert options.color_fill_stops("skin") is None
diff --git a/src/python/core/tests/test_options_descriptor.py b/src/python/core/tests/test_options_descriptor.py
new file mode 100644
index 0000000..dac8ada
--- /dev/null
+++ b/src/python/core/tests/test_options_descriptor.py
@@ -0,0 +1,165 @@
+"""Tests for the options descriptor."""
+
+from __future__ import annotations
+
+from dicebear import OptionsDescriptor, Style
+
+
+def _minimal_style() -> Style:
+    return Style({"canvas": {"width": 100, "height": 100, "elements": []}})
+
+
+def _full_style() -> Style:
+    return Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "components": {
+                "eyes": {
+                    "width": 100,
+                    "height": 100,
+                    "variants": {
+                        "open": {"elements": []},
+                        "closed": {"elements": []},
+                        "wink": {"elements": []},
+                    },
+                },
+                "mouth": {
+                    "width": 100,
+                    "height": 100,
+                    "variants": {
+                        "happy": {"elements": []},
+                        "sad": {"elements": []},
+                    },
+                },
+            },
+            "colors": {
+                "skin": {"values": ["#ff0000", "#00ff00"]},
+                "hair": {"values": ["#000000"]},
+                "text": {
+                    "values": ["#ffffff", "#000000"],
+                    "contrastTo": "background",
+                },
+            },
+        }
+    )
+
+
+# ---------------------------------------------------------------------------
+# base options
+# ---------------------------------------------------------------------------
+
+
+def test_includes_all_base_options() -> None:
+    schema = OptionsDescriptor(_minimal_style()).to_json()
+    assert schema["seed"] == {"type": "string"}
+    assert schema["size"] == {"type": "number", "min": 1, "max": 4096}
+    assert schema["idRandomization"] == {"type": "boolean"}
+    assert schema["flip"] == {
+        "type": "enum",
+        "values": ["none", "horizontal", "vertical", "both"],
+        "list": True,
+    }
+    assert schema["scale"] == {"type": "range", "min": 0, "max": 10}
+    assert schema["borderRadius"] == {"type": "range", "min": 0, "max": 50}
+    assert schema["rotate"] == {"type": "range", "min": -360, "max": 360}
+    assert schema["translateX"] == {"type": "range", "min": -1000, "max": 1000}
+    assert schema["translateY"] == {"type": "range", "min": -1000, "max": 1000}
+    assert schema["fontFamily"] == {"type": "string", "list": True}
+    assert schema["fontWeight"] == {
+        "type": "number",
+        "min": 1,
+        "max": 1000,
+        "list": True,
+    }
+
+
+def test_always_includes_background_color_options() -> None:
+    schema = OptionsDescriptor(_minimal_style()).to_json()
+    assert schema["backgroundColor"] == {"type": "color", "list": True}
+    assert schema["backgroundColorFill"] == {
+        "type": "enum",
+        "values": ["solid", "linear", "radial"],
+        "list": True,
+    }
+    assert schema["backgroundColorFillStops"] == {"type": "range", "min": 2}
+    assert schema["backgroundColorAngle"] == {"type": "range", "min": -360, "max": 360}
+
+
+# ---------------------------------------------------------------------------
+# component options
+# ---------------------------------------------------------------------------
+
+
+def test_generates_component_options() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert "eyesVariant" in schema
+    assert "eyesProbability" in schema
+    assert "eyesRotate" not in schema
+    assert "eyesTranslateX" not in schema
+    assert "eyesTranslateY" not in schema
+    assert "eyesScale" not in schema
+    assert "mouthVariant" in schema
+
+
+def test_root_scale_constraints() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert schema["scale"] == {"type": "range", "min": 0, "max": 10}
+
+
+def test_sorted_variant_names() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert schema["eyesVariant"] == {
+        "type": "enum",
+        "values": ["closed", "open", "wink"],
+        "list": True,
+        "weighted": True,
+    }
+
+
+def test_probability_constraints() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert schema["eyesProbability"] == {"type": "number", "min": 0, "max": 100}
+
+
+# ---------------------------------------------------------------------------
+# color options
+# ---------------------------------------------------------------------------
+
+
+def test_generates_color_options() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert schema["skinColor"] == {"type": "color", "list": True}
+    assert schema["hairColor"] == {"type": "color", "list": True}
+    assert schema["skinColorFill"] == {
+        "type": "enum",
+        "values": ["solid", "linear", "radial"],
+        "list": True,
+    }
+
+
+def test_exposes_contrast_to_on_color_fields() -> None:
+    schema = OptionsDescriptor(_full_style()).to_json()
+    assert schema["textColor"] == {
+        "type": "color",
+        "list": True,
+        "contrastTo": "background",
+    }
+    assert "contrastTo" not in schema["skinColor"]
+
+
+# ---------------------------------------------------------------------------
+# caching
+# ---------------------------------------------------------------------------
+
+
+def test_structurally_equal() -> None:
+    descriptor = OptionsDescriptor(_full_style())
+    assert descriptor.to_json() == descriptor.to_json()
+
+
+def test_returns_independent_copies() -> None:
+    descriptor = OptionsDescriptor(_full_style())
+    a = descriptor.to_json()
+    b = descriptor.to_json()
+    a["seed"] = {"type": "mutated"}
+    assert a["seed"] != b["seed"]
diff --git a/src/python/core/tests/test_parity.py b/src/python/core/tests/test_parity.py
new file mode 100644
index 0000000..9e001b4
--- /dev/null
+++ b/src/python/core/tests/test_parity.py
@@ -0,0 +1,304 @@
+"""Cross-language parity tests.
+
+Reads the shared fixtures at ``tests/fixtures/parity/`` and asserts that the
+Python implementation produces exactly the values committed there. The JS suite
+(``src/js/core/tests/Parity.test.js``) and the PHP suite
+(``src/php/core/tests/ParityTest.php``) read the same fixtures, so any
+divergence between implementations surfaces as a failure on whichever side
+drifts.
+
+To regenerate the fixtures: ``npm run fixtures:parity`` (from repo root).
+"""
+
+from __future__ import annotations
+
+import json
+from pathlib import Path
+from typing import Any
+
+import pytest
+
+from dicebear import Avatar, OptionsDescriptor, Style
+from dicebear.errors import CircularColorReferenceError, ValidationError
+from dicebear.prng import Fnv1a, Mulberry32, Prng
+from dicebear.utils import Initials, Number
+from dicebear.utils.color import Color
+
+FIXTURES_DIR = Path(__file__).parents[4] / "tests" / "fixtures" / "parity"
+
+
+def _load(rel_path: str) -> Any:
+    return json.loads((FIXTURES_DIR / rel_path).read_text("utf-8"))
+
+
+# ---------------------------------------------------------------------------
+# Fnv1a
+# ---------------------------------------------------------------------------
+
+_FNV1A = _load("fnv1a.json")
+
+
+@pytest.mark.parametrize("entry", _FNV1A, ids=[repr(e["input"]) for e in _FNV1A])
+def test_fnv1a(entry: dict[str, Any]) -> None:
+    assert Fnv1a.hash(entry["input"]) == entry["hash"]
+    assert Fnv1a.hex(entry["input"]) == entry["hex"]
+
+
+# ---------------------------------------------------------------------------
+# Mulberry32
+# ---------------------------------------------------------------------------
+
+_MULBERRY32 = _load("mulberry32.json")
+
+
+@pytest.mark.parametrize(
+    "entry", _MULBERRY32, ids=[f"seed-{e['seed']}" for e in _MULBERRY32]
+)
+def test_mulberry32(entry: dict[str, Any]) -> None:
+    mulberry = Mulberry32(entry["seed"])
+
+    for i, expected in enumerate(entry["sequence"]):
+        assert mulberry.next_float() == expected["float"], f"step {i} float"
+        assert mulberry.state() == expected["state"], f"step {i} state"
+
+
+# ---------------------------------------------------------------------------
+# Prng
+# ---------------------------------------------------------------------------
+
+_PRNG = _load("prng.json")
+
+
+def _prng_params(method: str) -> dict[str, Any]:
+    cases = _PRNG[method]
+    return {
+        "argvalues": cases,
+        "ids": [f"#{i}-{c['seed']}-{c['key']}" for i, c in enumerate(cases)],
+    }
+
+
+@pytest.mark.parametrize("c", **_prng_params("getValue"))
+def test_prng_get_value(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).get_value(c["key"]) == c["result"]
+
+
+@pytest.mark.parametrize("c", **_prng_params("pick"))
+def test_prng_pick(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).pick(c["key"], c["items"]) == c["result"]
+
+
+@pytest.mark.parametrize("c", **_prng_params("weightedPick"))
+def test_prng_weighted_pick(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).weighted_pick(c["key"], c["weights"]) == c["result"]
+
+
+@pytest.mark.parametrize("c", **_prng_params("bool"))
+def test_prng_bool(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).bool(c["key"], float(c["likelihood"])) == c["result"]
+
+
+@pytest.mark.parametrize("c", **_prng_params("float"))
+def test_prng_float(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).float(c["key"], c["range"]) == float(c["result"])
+
+
+@pytest.mark.parametrize("c", **_prng_params("integer"))
+def test_prng_integer(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).integer(c["key"], c["range"]) == c["result"]
+
+
+@pytest.mark.parametrize("c", **_prng_params("shuffle"))
+def test_prng_shuffle(c: dict[str, Any]) -> None:
+    assert Prng(c["seed"]).shuffle(c["key"], c["items"]) == c["result"]
+
+
+# ---------------------------------------------------------------------------
+# Number formatting
+# ---------------------------------------------------------------------------
+
+_NUMBERS = _load("numbers.json")
+
+
+@pytest.mark.parametrize(
+    "entry", _NUMBERS, ids=[f"#{i}-{e['output']}" for i, e in enumerate(_NUMBERS)]
+)
+def test_number_formatting(entry: dict[str, Any]) -> None:
+    assert Number.format(entry["input"]) == entry["output"]
+
+
+# ---------------------------------------------------------------------------
+# Initials
+# ---------------------------------------------------------------------------
+
+_INITIALS = _load("initials.json")
+
+
+@pytest.mark.parametrize(
+    "entry", _INITIALS, ids=[f"#{i}-{e['result']}" for i, e in enumerate(_INITIALS)]
+)
+def test_initials(entry: dict[str, Any]) -> None:
+    assert Initials.from_seed(entry["seed"]) == entry["result"]
+
+
+# ---------------------------------------------------------------------------
+# Avatar
+# ---------------------------------------------------------------------------
+
+
+def _avatar_cases() -> list[tuple[str, dict[str, Any]]]:
+    cases: list[tuple[str, dict[str, Any]]] = []
+
+    for path in sorted((FIXTURES_DIR / "avatars").glob("*.json")):
+        style_name = path.stem
+        for entry in _load(f"avatars/{style_name}.json"):
+            cases.append((style_name, entry))
+
+    return cases
+
+
+_AVATARS = _avatar_cases()
+_STYLE_CACHE: dict[str, Any] = {}
+
+
+@pytest.mark.parametrize(
+    ("style_name", "entry"),
+    _AVATARS,
+    ids=[f"{name}/{entry['id']}" for name, entry in _AVATARS],
+)
+def test_avatar(style_name: str, entry: dict[str, Any]) -> None:
+    style = _STYLE_CACHE.setdefault(
+        style_name, Style(_load(f"styles/{style_name}.json"))
+    )
+
+    avatar = Avatar(style, entry["options"])
+    result = avatar.to_json()
+
+    assert result["svg"] == entry["svg"]
+    # Compare the serialized options, not just structural equality: Python treats
+    # ``1.0 == 1`` as True, so a plain ``==`` would hide int-vs-float drift in
+    # to_json(). The resolver normalizes whole-number floats to ints (matching
+    # JS/Rust), so the JSON is byte-identical to the JS-generated fixture.
+    assert json.dumps(result["options"]) == json.dumps(entry["resolvedOptions"])
+
+    # Only select cases carry a dataUri — it pins the percent-encoding contract
+    # (encodeURIComponent) without bloating every fixture.
+    if "dataUri" in entry:
+        assert avatar.to_data_uri() == entry["dataUri"]
+
+
+# ---------------------------------------------------------------------------
+# Color
+# ---------------------------------------------------------------------------
+
+_COLORS = _load("colors.json")
+
+
+@pytest.mark.parametrize(
+    "entry", _COLORS["toHex"], ids=[e["input"] for e in _COLORS["toHex"]]
+)
+def test_color_to_hex(entry: dict[str, Any]) -> None:
+    assert Color.to_hex(entry["input"]) == entry["result"]
+
+
+@pytest.mark.parametrize(
+    "entry", _COLORS["toRgbHex"], ids=[e["input"] for e in _COLORS["toRgbHex"]]
+)
+def test_color_to_rgb_hex(entry: dict[str, Any]) -> None:
+    assert Color.to_rgb_hex(entry["input"]) == entry["result"]
+
+
+@pytest.mark.parametrize(
+    "entry", _COLORS["parseHex"], ids=[e["input"] for e in _COLORS["parseHex"]]
+)
+def test_color_parse_hex(entry: dict[str, Any]) -> None:
+    assert list(Color.parse_hex(entry["input"])) == entry["result"]
+
+
+@pytest.mark.parametrize(
+    "entry", _COLORS["luminance"], ids=[e["input"] for e in _COLORS["luminance"]]
+)
+def test_color_luminance(entry: dict[str, Any]) -> None:
+    assert Color.luminance(entry["input"]) == entry["result"]
+
+
+@pytest.mark.parametrize("entry", _COLORS["sortByContrast"])
+def test_color_sort_by_contrast(entry: dict[str, Any]) -> None:
+    result = Color.sort_by_contrast(entry["candidates"], entry["refColor"])
+
+    assert result == entry["result"]
+
+
+@pytest.mark.parametrize("entry", _COLORS["filterNotEqualTo"])
+def test_color_filter_not_equal_to(entry: dict[str, Any]) -> None:
+    result = Color.filter_not_equal_to(entry["candidates"], entry["excluded"])
+
+    assert result == entry["result"]
+
+
+# ---------------------------------------------------------------------------
+# Validation
+# ---------------------------------------------------------------------------
+#
+# Only the accept/reject outcome is shared across languages — error messages
+# are language-specific. The circular color reference cases additionally pin
+# the reported resolution chain.
+
+_VALIDATION = _load("validation.json")
+_MINIMAL_STYLE = next(
+    e["definition"] for e in _VALIDATION["styles"] if e["id"] == "minimal"
+)
+
+
+@pytest.mark.parametrize(
+    "entry", _VALIDATION["styles"], ids=[e["id"] for e in _VALIDATION["styles"]]
+)
+def test_validation_style(entry: dict[str, Any]) -> None:
+    if entry["valid"]:
+        Style(entry["definition"])
+    else:
+        with pytest.raises(ValidationError):
+            Style(entry["definition"])
+
+
+@pytest.mark.parametrize(
+    "entry", _VALIDATION["options"], ids=[e["id"] for e in _VALIDATION["options"]]
+)
+def test_validation_options(entry: dict[str, Any]) -> None:
+    if entry["valid"]:
+        Avatar(Style(_MINIMAL_STYLE), entry["options"])
+    else:
+        with pytest.raises(ValidationError):
+            Avatar(Style(_MINIMAL_STYLE), entry["options"])
+
+
+@pytest.mark.parametrize(
+    "entry",
+    _VALIDATION["circularColors"],
+    ids=[e["id"] for e in _VALIDATION["circularColors"]],
+)
+def test_validation_circular_colors(entry: dict[str, Any]) -> None:
+    with pytest.raises(CircularColorReferenceError) as exc_info:
+        Avatar(Style(entry["style"]), entry["options"])
+
+    assert exc_info.value.chain == entry["chain"]
+
+
+# ---------------------------------------------------------------------------
+# OptionsDescriptor
+# ---------------------------------------------------------------------------
+
+_DESCRIPTOR_STYLES = sorted(
+    path.stem for path in (FIXTURES_DIR / "descriptors").glob("*.json")
+)
+
+
+@pytest.mark.parametrize("style_name", _DESCRIPTOR_STYLES)
+def test_options_descriptor(style_name: str) -> None:
+    style_data = _load(f"styles/{style_name}.json")
+    expected = _load(f"descriptors/{style_name}.json")
+
+    result = OptionsDescriptor(Style(style_data)).to_json()
+
+    # Serialized compare: pins key order and int-vs-float typing, like the
+    # avatar resolved-options assertion above.
+    assert json.dumps(result) == json.dumps(expected)
diff --git a/src/python/core/tests/test_prng.py b/src/python/core/tests/test_prng.py
new file mode 100644
index 0000000..776c0ad
--- /dev/null
+++ b/src/python/core/tests/test_prng.py
@@ -0,0 +1,326 @@
+"""Behavioral and edge-case tests for the PRNG.
+
+Known-value vectors (Fnv1a, Mulberry32, get_value) live in
+tests/fixtures/parity/ and are exercised by test_parity.py. This file keeps only
+the Python-side behavioral and edge-case tests.
+"""
+
+from __future__ import annotations
+
+import math
+
+import pytest
+
+from dicebear.prng import Fnv1a, Mulberry32, Prng
+
+# ---------------------------------------------------------------------------
+# fnv1a
+# ---------------------------------------------------------------------------
+
+
+def test_fnv1a_produces_different_hashes_for_different_inputs() -> None:
+    assert Fnv1a.hash("abc") != Fnv1a.hash("abd")
+
+
+def test_fnv1a_returns_unsigned_32bit_integers() -> None:
+    for value in ["", "a", "hello", "test:flip", "some-long-seed:optionName"]:
+        h = Fnv1a.hash(value)
+        assert 0 <= h <= 0xFFFFFFFF
+
+
+def test_fnv1a_hex_pads_to_8_characters() -> None:
+    assert len(Fnv1a.hex("test")) == 8
+
+
+# ---------------------------------------------------------------------------
+# mulberry32
+# ---------------------------------------------------------------------------
+
+
+def test_mulberry32_returns_float_in_range() -> None:
+    for seed in [0, 1, 42, 2166136261, 4294967295]:
+        value = Mulberry32(seed).next_float()
+        assert 0 <= value < 1
+
+
+# ---------------------------------------------------------------------------
+# get_value
+# ---------------------------------------------------------------------------
+
+
+def test_get_value_is_deterministic() -> None:
+    assert Prng("seed").get_value("key") == Prng("seed").get_value("key")
+
+
+def test_get_value_differs_for_different_seeds() -> None:
+    assert Prng("seed-a").get_value("key") != Prng("seed-b").get_value("key")
+
+
+def test_get_value_differs_for_different_keys() -> None:
+    prng = Prng("test")
+    assert prng.get_value("flip") != prng.get_value("scale")
+
+
+def test_get_value_returns_float_in_range() -> None:
+    prng = Prng("test")
+    for key in ["a", "b", "flip", "scale", "rotate", "eyesVariant"]:
+        value = prng.get_value(key)
+        assert 0 <= value < 1
+
+
+# ---------------------------------------------------------------------------
+# pick
+# ---------------------------------------------------------------------------
+
+
+def test_pick_returns_none_for_empty_array() -> None:
+    assert Prng("test").pick("key", []) is None
+
+
+def test_pick_returns_single_item() -> None:
+    assert Prng("test").pick("key", ["only"]) == "only"
+
+
+def test_pick_is_deterministic() -> None:
+    items = ["a", "b", "c", "d"]
+    assert Prng("test").pick("key", items) == Prng("test").pick("key", items)
+
+
+def test_pick_always_returns_valid_item() -> None:
+    items = ["x", "y", "z"]
+    for i in range(50):
+        assert Prng(f"seed-{i}").pick("key", items) in items
+
+
+def test_pick_collapses_duplicate_items() -> None:
+    unique = ["a", "b", "c"]
+    with_duplicates = ["a", "a", "b", "b", "b", "c"]
+    for i in range(50):
+        assert Prng(f"seed-{i}").pick("key", unique) == Prng(f"seed-{i}").pick(
+            "key", with_duplicates
+        )
+
+
+def test_pick_treats_all_duplicates_as_single_item() -> None:
+    assert Prng("test").pick("key", ["only", "only", "only"]) == "only"
+
+
+# ---------------------------------------------------------------------------
+# float
+# ---------------------------------------------------------------------------
+
+
+def test_float_returns_value_when_min_equals_max() -> None:
+    assert Prng("test").float("key", {"min": 42, "max": 42}) == pytest.approx(
+        42, abs=1e-10
+    )
+
+
+def test_float_interpolates_within_bounds() -> None:
+    for i in range(50):
+        value = Prng(f"seed-{i}").float("key", {"min": 10, "max": 20})
+        assert 10 <= value <= 20
+
+
+def test_float_handles_reversed_order() -> None:
+    value = Prng("test").float("key", {"min": 20, "max": 10})
+    assert 10 <= value <= 20
+
+
+def test_float_quantizes_to_step() -> None:
+    for i in range(50):
+        value = Prng(f"seed-{i}").float("key", {"min": 0, "max": 100, "step": 5})
+        assert 0 <= value <= 100
+        assert math.fmod(value, 5) == pytest.approx(0.0, abs=1e-9)
+
+
+def test_float_ignores_non_positive_step() -> None:
+    for i in range(20):
+        value = Prng(f"seed-{i}").float("key", {"min": 10, "max": 20, "step": 0})
+        assert 10 <= value <= 20
+
+
+def test_float_step_is_anchored_at_min() -> None:
+    for i in range(50):
+        value = Prng(f"seed-{i}").float("key", {"min": 3, "max": 23, "step": 5})
+        assert 3 <= value <= 23
+        assert math.fmod(value - 3, 5) == pytest.approx(0.0, abs=1e-9)
+
+
+def test_float_reaches_max_endpoint_when_step_divides_range_evenly() -> None:
+    max_seen = False
+    for i in range(500):
+        value = Prng(f"seed-{i}").float("key", {"min": 0, "max": 90, "step": 90})
+        assert value == 0.0 or value == 90.0
+        if value == 90.0:
+            max_seen = True
+    assert max_seen
+
+
+def test_float_is_deterministic() -> None:
+    assert Prng("test").float("key", {"min": 0, "max": 100}) == Prng("test").float(
+        "key", {"min": 0, "max": 100}
+    )
+
+
+def test_float_rounds_to_four_decimal_places() -> None:
+    value = Prng("test").float("scale", {"min": 0, "max": 1})
+    decimals = str(value).split(".")[1] if "." in str(value) else ""
+    assert len(decimals) <= 4
+
+
+# ---------------------------------------------------------------------------
+# bool
+# ---------------------------------------------------------------------------
+
+
+def test_bool_returns_bool() -> None:
+    assert isinstance(Prng("test").bool("key"), bool)
+
+
+def test_bool_always_true_for_likelihood_100() -> None:
+    for i in range(20):
+        assert Prng(f"seed-{i}").bool("key", 100) is True
+
+
+def test_bool_always_false_for_likelihood_0() -> None:
+    for i in range(20):
+        assert Prng(f"seed-{i}").bool("key", 0) is False
+
+
+def test_bool_is_deterministic() -> None:
+    assert Prng("test").bool("key", 50) == Prng("test").bool("key", 50)
+
+
+# ---------------------------------------------------------------------------
+# integer
+# ---------------------------------------------------------------------------
+
+
+def test_integer_returns_value_when_min_equals_max() -> None:
+    assert Prng("test").integer("key", {"min": 5, "max": 5}) == 5
+
+
+def test_integer_within_bounds() -> None:
+    for i in range(50):
+        value = Prng(f"seed-{i}").integer("key", {"min": 1, "max": 10})
+        assert 1 <= value <= 10
+        assert value == math.floor(value)
+
+
+def test_integer_handles_reversed_order() -> None:
+    value = Prng("test").integer("key", {"min": 10, "max": 1})
+    assert 1 <= value <= 10
+
+
+def test_integer_ignores_step() -> None:
+    value = Prng("test").integer("key", {"min": 3, "max": 10, "step": 5})
+    assert 3 <= value <= 10
+    assert value == math.floor(value)
+
+
+def test_integer_is_deterministic() -> None:
+    assert Prng("test").integer("key", {"min": 1, "max": 100}) == Prng("test").integer(
+        "key", {"min": 1, "max": 100}
+    )
+
+
+# ---------------------------------------------------------------------------
+# shuffle
+# ---------------------------------------------------------------------------
+
+
+def test_shuffle_returns_new_array() -> None:
+    items = [1, 2, 3, 4, 5]
+    result = Prng("test").shuffle("key", items)
+    assert result is not items
+
+
+def test_shuffle_contains_same_elements() -> None:
+    items = [1, 2, 3, 4, 5]
+    result = Prng("test").shuffle("key", items)
+    assert sorted(result) == sorted(items)
+
+
+def test_shuffle_does_not_modify_original() -> None:
+    items = [1, 2, 3, 4, 5]
+    copy_ = list(items)
+    Prng("test").shuffle("key", items)
+    assert items == copy_
+
+
+def test_shuffle_is_deterministic() -> None:
+    items = list(range(1, 11))
+    assert Prng("test").shuffle("key", items) == Prng("test").shuffle("key", items)
+
+
+def test_shuffle_produces_different_orderings_for_different_keys() -> None:
+    items = list(range(1, 11))
+    prng = Prng("test")
+    assert prng.shuffle("key-a", items) != prng.shuffle("key-b", items)
+
+
+def test_shuffle_handles_empty_array() -> None:
+    assert Prng("test").shuffle("key", []) == []
+
+
+def test_shuffle_handles_single_element() -> None:
+    assert Prng("test").shuffle("key", [42]) == [42]
+
+
+def test_shuffle_collapses_duplicates() -> None:
+    result = Prng("test").shuffle("key", ["a", "a", "b", "b", "c", "c"])
+    assert sorted(result) == ["a", "b", "c"]
+
+
+# ---------------------------------------------------------------------------
+# weighted_pick
+# ---------------------------------------------------------------------------
+
+
+def test_weighted_pick_returns_none_for_empty_map() -> None:
+    assert Prng("test").weighted_pick("key", {}) is None
+
+
+def test_weighted_pick_returns_single_key() -> None:
+    assert Prng("test").weighted_pick("key", {"only": 1}) == "only"
+
+
+def test_weighted_pick_falls_back_to_uniform_when_all_weights_zero() -> None:
+    result = Prng("test").weighted_pick("key", {"a": 0, "b": 0, "c": 0})
+    assert result in ["a", "b", "c"]
+
+
+def test_weighted_pick_is_deterministic() -> None:
+    weights = {"a": 1, "b": 5, "c": 2}
+    assert Prng("test").weighted_pick("key", weights) == Prng("test").weighted_pick(
+        "key", weights
+    )
+
+
+def test_weighted_pick_never_picks_weight_zero_key() -> None:
+    weights = {"rare": 0, "common": 1}
+    for i in range(100):
+        assert Prng(f"seed-{i}").weighted_pick("key", weights) == "common"
+
+
+def test_weighted_pick_favors_higher_weighted_keys() -> None:
+    weights = {"heavy": 100, "light": 1}
+    heavy_count = sum(
+        1
+        for i in range(200)
+        if Prng(f"seed-{i}").weighted_pick("key", weights) == "heavy"
+    )
+    assert heavy_count > 150
+
+
+def test_weighted_pick_produces_insertion_order_independent_results() -> None:
+    result_a = Prng("test").weighted_pick("key", {"x": 1, "y": 5, "z": 2})
+    result_b = Prng("test").weighted_pick("key", {"z": 2, "x": 1, "y": 5})
+    assert result_a == result_b
+
+
+def test_weighted_pick_always_returns_valid_key() -> None:
+    weights = {"a": 1, "b": 1, "c": 1}
+    for i in range(50):
+        assert Prng(f"seed-{i}").weighted_pick("key", weights) in ["a", "b", "c"]
diff --git a/src/python/core/tests/test_renderer.py b/src/python/core/tests/test_renderer.py
new file mode 100644
index 0000000..1af7dab
--- /dev/null
+++ b/src/python/core/tests/test_renderer.py
@@ -0,0 +1,1048 @@
+"""Tests for SVG rendering (driven through Avatar)."""
+
+from __future__ import annotations
+
+import re
+from typing import Any
+
+from dicebear import Avatar, Style
+
+
+def _minimal_style() -> Style:
+    return Style({"canvas": {"width": 100, "height": 100, "elements": []}})
+
+
+def _style_with_components() -> Style:
+    return Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [{"type": "component", "name": "eyes"}],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        },
+                        "closed": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "line",
+                                    "attributes": {"x1": "0", "x2": "10"},
+                                }
+                            ]
+                        },
+                    },
+                }
+            },
+        }
+    )
+
+
+def _style_with_ids() -> Style:
+    return Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "defs",
+                        "children": [
+                            {
+                                "type": "element",
+                                "name": "linearGradient",
+                                "attributes": {"id": "grad1"},
+                                "children": [
+                                    {
+                                        "type": "element",
+                                        "name": "stop",
+                                        "attributes": {
+                                            "offset": "0%",
+                                            "stop-color": "red",
+                                        },
+                                    }
+                                ],
+                            }
+                        ],
+                    },
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {"fill": "url(#grad1)"},
+                    },
+                ],
+            }
+        }
+    )
+
+
+def _style_with_component(extras: dict[str, Any] | None = None) -> Style:
+    eyes: dict[str, Any] = {"width": 50, "height": 50}
+    eyes.update(extras or {})
+    eyes["variants"] = {"open": {"elements": [{"type": "element", "name": "rect"}]}}
+
+    return Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [{"type": "component", "name": "eyes"}],
+            },
+            "components": {"eyes": eyes},
+        }
+    )
+
+
+# ---------------------------------------------------------------------------
+# SVG wrapper
+# ---------------------------------------------------------------------------
+
+
+def test_svg_with_view_box() -> None:
+    svg = Avatar(_minimal_style()).to_string()
+    assert svg.startswith("<svg ")
+    assert 'xmlns="http://www.w3.org/2000/svg"' in svg
+    assert 'viewBox="0 0 100 100"' in svg
+    assert svg.endswith("</svg>")
+
+
+def test_title_sets_role_img_and_aria_label() -> None:
+    svg = Avatar(_minimal_style(), {"title": "Test Avatar"}).to_string()
+    assert 'role="img"' in svg
+    assert 'aria-label="Test Avatar"' in svg
+    assert "<title>Test Avatar</title>" in svg
+
+
+def test_title_escaped() -> None:
+    svg = Avatar(_minimal_style(), {"title": "A & B <C>"}).to_string()
+    assert 'aria-label="A &amp; B &lt;C&gt;"' in svg
+    assert "<title>A &amp; B &lt;C&gt;</title>" in svg
+
+
+def test_aria_hidden_without_title() -> None:
+    svg = Avatar(_minimal_style()).to_string()
+    assert 'aria-hidden="true"' in svg
+    assert 'role="img"' not in svg
+    assert "<title>" not in svg
+
+
+def test_size_included_when_set() -> None:
+    svg = Avatar(_minimal_style(), {"size": 64}).to_string()
+    assert 'width="64"' in svg
+    assert 'height="64"' in svg
+
+
+def test_size_not_included_when_not_set() -> None:
+    svg = Avatar(_minimal_style()).to_string()
+    open_tag = svg[: svg.index(">") + 1]
+    assert "width=" not in open_tag
+    assert "height=" not in open_tag
+
+
+# ---------------------------------------------------------------------------
+# element rendering
+# ---------------------------------------------------------------------------
+
+
+def test_self_closing_elements() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {
+                            "x": "0",
+                            "y": "0",
+                            "width": "100",
+                            "height": "100",
+                        },
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert '<rect x="0" y="0" width="100" height="100"/>' in svg
+
+
+def test_elements_with_children() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "g",
+                        "children": [
+                            {
+                                "type": "element",
+                                "name": "circle",
+                                "attributes": {"cx": "50", "cy": "50", "r": "10"},
+                            }
+                        ],
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert '<g><circle cx="50" cy="50" r="10"/></g>' in svg
+
+
+def test_nested_elements() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {"id": "outer"},
+                        "children": [
+                            {
+                                "type": "element",
+                                "name": "g",
+                                "attributes": {"id": "inner"},
+                                "children": [{"type": "element", "name": "rect"}],
+                            }
+                        ],
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert '<g id="outer"><g id="inner"><rect/></g></g>' in svg
+
+
+# ---------------------------------------------------------------------------
+# text rendering
+# ---------------------------------------------------------------------------
+
+
+def _text_style(value: Any) -> Style:
+    return Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "text",
+                        "children": [{"type": "text", "value": value}],
+                    }
+                ],
+            }
+        }
+    )
+
+
+def test_text_content() -> None:
+    svg = Avatar(_text_style("Hello")).to_string()
+    assert "<text>Hello</text>" in svg
+
+
+def test_variable_reference_initial() -> None:
+    svg = Avatar(
+        _text_style({"type": "variable", "name": "initial"}), {"seed": "Alice"}
+    ).to_string()
+    assert "<text>A</text>" in svg
+
+
+def test_initials_multi_word() -> None:
+    svg = Avatar(
+        _text_style({"type": "variable", "name": "initials"}), {"seed": "Alice Bob"}
+    ).to_string()
+    assert "<text>AB</text>" in svg
+
+
+def test_initials_single_word() -> None:
+    svg = Avatar(
+        _text_style({"type": "variable", "name": "initials"}), {"seed": "Alice"}
+    ).to_string()
+    assert "<text>AL</text>" in svg
+
+
+def test_initials_discard_at_symbol() -> None:
+    svg = Avatar(
+        _text_style({"type": "variable", "name": "initials"}),
+        {"seed": "alice@example.com"},
+    ).to_string()
+    assert "<text>AL</text>" in svg
+
+
+# ---------------------------------------------------------------------------
+# component rendering
+# ---------------------------------------------------------------------------
+
+
+def test_renders_selected_variant() -> None:
+    svg = Avatar(
+        _style_with_components(), {"seed": "test", "eyesVariant": "open"}
+    ).to_string()
+    assert '<circle r="5"/>' in svg
+    assert "<line" not in svg
+
+
+def test_registers_variant_body_in_defs_and_references_it_via_use() -> None:
+    svg = Avatar(
+        _style_with_components(), {"seed": "test", "eyesVariant": "open"}
+    ).to_string()
+    match = re.search(r'<g id="(eyes-open-[a-f0-9]+)"><circle r="5"/></g>', svg)
+    assert match is not None
+    assert "<defs>" in svg
+    assert f'<use href="#{match.group(1)}"/>' in svg
+
+
+def test_skips_component_with_probability_zero() -> None:
+    svg = Avatar(
+        _style_with_components(), {"seed": "test", "eyesProbability": 0}
+    ).to_string()
+    assert "<circle" not in svg
+    assert "<line" not in svg
+    assert "<use" not in svg
+
+
+def test_component_transforms_from_definition() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [{"type": "component", "name": "eyes"}],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "translate": {
+                        "x": {"min": 5, "max": 5},
+                        "y": {"min": 10, "max": 10},
+                    },
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        }
+                    },
+                }
+            },
+        }
+    )
+    svg = Avatar(style, {"seed": "test"}).to_string()
+    assert '<use transform="translate(2.5, 5)" href="#eyes-open-' in svg
+
+
+def test_component_rotation_from_definition_with_center() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [{"type": "component", "name": "eyes"}],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "rotate": {"min": 45, "max": 45},
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        }
+                    },
+                }
+            },
+        }
+    )
+    svg = Avatar(style, {"seed": "test"}).to_string()
+    assert '<use transform="rotate(45, 25, 25)" href="#eyes-open-' in svg
+
+
+def test_omits_transform_attribute_without_component_transforms() -> None:
+    svg = Avatar(
+        _style_with_components(), {"seed": "test", "eyesVariant": "open"}
+    ).to_string()
+    assert '<use href="#eyes-open-' in svg
+    assert re.search(r"<use[^>]*\btransform=", svg) is None
+
+
+def test_applies_attributes_from_component_reference_to_use_tag() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "component",
+                        "name": "eyes",
+                        "attributes": {
+                            "transform": "matrix(.5 0 0 .5 10 20)",
+                            "opacity": ".75",
+                        },
+                    }
+                ],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        }
+                    },
+                }
+            },
+        }
+    )
+    svg = Avatar(style, {"seed": "test", "eyesVariant": "open"}).to_string()
+    assert (
+        '<use transform="matrix(.5 0 0 .5 10 20)" opacity=".75" href="#eyes-open-'
+        in svg
+    )
+
+
+def test_prepends_user_transform_to_built_in_component_transforms() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "component",
+                        "name": "eyes",
+                        "attributes": {"transform": "matrix(.5 0 0 .5 10 20)"},
+                    }
+                ],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "rotate": {"min": 45, "max": 45},
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        }
+                    },
+                }
+            },
+        }
+    )
+    svg = Avatar(style, {"seed": "test"}).to_string()
+    assert (
+        '<use transform="matrix(.5 0 0 .5 10 20) rotate(45, 25, 25)" href="#eyes-open-'
+        in svg
+    )
+
+
+def test_deduplicates_identical_component_references() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {"type": "component", "name": "eyes"},
+                    {"type": "component", "name": "eyes"},
+                ],
+            },
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "open": {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"r": "5"},
+                                }
+                            ]
+                        }
+                    },
+                }
+            },
+        }
+    )
+    svg = Avatar(style, {"seed": "test", "eyesVariant": "open"}).to_string()
+    assert len(re.findall(r'<circle r="5"/>', svg)) == 1
+    assert len(re.findall(r'<use href="#eyes-open-[a-f0-9]+"/>', svg)) == 2
+
+
+# ---------------------------------------------------------------------------
+# color rendering
+# ---------------------------------------------------------------------------
+
+
+def test_solid_color_reference() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {"fill": {"type": "color", "name": "bg"}},
+                    }
+                ],
+            },
+            "colors": {"bg": {"values": ["#ff0000"]}},
+        }
+    )
+    svg = Avatar(style, {"seed": "test", "bgColor": ["#ff0000"]}).to_string()
+    assert 'fill="#ff0000"' in svg
+
+
+def test_linear_gradient() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {"fill": {"type": "color", "name": "bg"}},
+                    }
+                ],
+            },
+            "colors": {"bg": {"values": ["#ff0000", "#0000ff"]}},
+        }
+    )
+    svg = Avatar(
+        style,
+        {"seed": "test", "bgColor": ["#ff0000", "#0000ff"], "bgColorFill": "linear"},
+    ).to_string()
+    assert "<defs>" in svg
+    assert '<linearGradient id="bg-color-' in svg
+    assert 'stop-color="#ff0000"' in svg
+    assert 'stop-color="#0000ff"' in svg
+    assert 'fill="url(#bg-color-' in svg
+
+
+def test_radial_gradient() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {"fill": {"type": "color", "name": "bg"}},
+                    }
+                ],
+            },
+            "colors": {"bg": {"values": ["#ff0000", "#0000ff"]}},
+        }
+    )
+    svg = Avatar(
+        style,
+        {"seed": "test", "bgColor": ["#ff0000", "#0000ff"], "bgColorFill": "radial"},
+    ).to_string()
+    assert '<radialGradient id="bg-color-' in svg
+
+
+# ---------------------------------------------------------------------------
+# flip
+# ---------------------------------------------------------------------------
+
+
+def test_horizontal_flip() -> None:
+    svg = Avatar(_minimal_style(), {"flip": "horizontal"}).to_string()
+    assert "scale(-1, 1)" in svg
+    assert "translate(100, 0)" in svg
+
+
+def test_vertical_flip() -> None:
+    svg = Avatar(_minimal_style(), {"flip": "vertical"}).to_string()
+    assert "scale(1, -1)" in svg
+    assert "translate(0, 100)" in svg
+
+
+def test_both_flip() -> None:
+    svg = Avatar(_minimal_style(), {"flip": "both"}).to_string()
+    assert "scale(-1, -1)" in svg
+    assert "translate(100, 100)" in svg
+
+
+def test_no_flip_when_none() -> None:
+    svg = Avatar(_minimal_style(), {"flip": "none"}).to_string()
+    assert "scale(-1" not in svg
+
+
+# ---------------------------------------------------------------------------
+# scale
+# ---------------------------------------------------------------------------
+
+
+def test_scale_transform() -> None:
+    svg = Avatar(_minimal_style(), {"scale": 0.5}).to_string()
+    assert "scale(0.5)" in svg
+    assert "translate(50, 50)" in svg
+    assert "translate(-50, -50)" in svg
+
+
+def test_no_scale_when_1() -> None:
+    svg = Avatar(_minimal_style(), {"scale": 1}).to_string()
+    assert "scale(" not in svg
+
+
+# ---------------------------------------------------------------------------
+# component scale
+# ---------------------------------------------------------------------------
+
+
+def test_component_scale_from_definition() -> None:
+    svg = Avatar(
+        _style_with_component({"scale": {"min": 2, "max": 2}}), {"seed": "test"}
+    ).to_string()
+    assert "translate(25, 25) scale(2) translate(-25, -25)" in svg
+
+
+def test_no_component_scale_wrapper_when_definition_is_one() -> None:
+    svg = Avatar(_style_with_component(), {"seed": "test"}).to_string()
+    assert "scale(" not in svg
+
+
+def test_component_scale_after_rotate_in_transform_attribute() -> None:
+    svg = Avatar(
+        _style_with_component(
+            {"rotate": {"min": 45, "max": 45}, "scale": {"min": 2, "max": 2}}
+        ),
+        {"seed": "test"},
+    ).to_string()
+    rotate_index = svg.find("rotate(45")
+    scale_index = svg.find("scale(2)")
+    assert rotate_index != -1
+    assert scale_index != -1
+    assert rotate_index < scale_index
+
+
+# ---------------------------------------------------------------------------
+# borderRadius
+# ---------------------------------------------------------------------------
+
+
+def test_border_radius_via_clip_path() -> None:
+    svg = Avatar(_minimal_style(), {"borderRadius": 10}).to_string()
+    assert '<clipPath id="clip-' in svg
+    assert 'rx="10"' in svg
+    assert 'ry="10"' in svg
+    assert 'clip-path="url(#clip-' in svg
+
+
+def test_still_applies_square_clip_path_when_border_radius_is_0() -> None:
+    svg = Avatar(_minimal_style(), {"borderRadius": 0}).to_string()
+    assert '<clipPath id="clip-' in svg
+    assert 'rx="0"' in svg
+    assert 'ry="0"' in svg
+    assert 'clip-path="url(#clip-' in svg
+
+
+# ---------------------------------------------------------------------------
+# idRandomization
+# ---------------------------------------------------------------------------
+
+
+def test_randomize_ids_when_enabled() -> None:
+    svg = Avatar(
+        _style_with_ids(), {"seed": "test", "idRandomization": True}
+    ).to_string()
+    assert 'id="grad1"' not in svg
+    assert "url(#grad1)" not in svg
+    assert 'id="grad1-' in svg
+    assert "url(#grad1-" in svg
+
+
+def test_preserve_ids_when_disabled() -> None:
+    svg = Avatar(
+        _style_with_ids(), {"seed": "test", "idRandomization": False}
+    ).to_string()
+    assert 'id="grad1"' in svg
+    assert "url(#grad1)" in svg
+
+
+def test_different_ids_on_each_call() -> None:
+    svg1 = Avatar(
+        _style_with_ids(), {"seed": "test", "idRandomization": True}
+    ).to_string()
+    svg2 = Avatar(
+        _style_with_ids(), {"seed": "test", "idRandomization": True}
+    ).to_string()
+    assert svg1 != svg2
+
+
+# ---------------------------------------------------------------------------
+# background
+# ---------------------------------------------------------------------------
+
+
+def test_solid_background() -> None:
+    svg = Avatar(_minimal_style(), {"backgroundColor": ["#ff0000"]}).to_string()
+    assert '<rect width="100" height="100" fill="#ff0000"/>' in svg
+
+
+def test_gradient_background() -> None:
+    svg = Avatar(
+        _minimal_style(),
+        {"backgroundColor": ["#ff0000", "#0000ff"], "backgroundColorFill": "linear"},
+    ).to_string()
+    assert '<linearGradient id="background-color-' in svg
+    assert 'fill="url(#background-color-' in svg
+
+
+def test_gradient_rotation() -> None:
+    svg = Avatar(
+        _minimal_style(),
+        {
+            "backgroundColor": ["#ff0000", "#0000ff"],
+            "backgroundColorFill": "linear",
+            "backgroundColorAngle": 45,
+        },
+    ).to_string()
+    assert 'gradientTransform="rotate(45, 0.5, 0.5)"' in svg
+
+
+def test_no_background_without_colors() -> None:
+    svg = Avatar(_minimal_style()).to_string()
+    # The clipPath wrapper always emits a <rect>; only the background <rect>
+    # carries a fill attribute, so check for that specifically.
+    assert re.search(r"<rect[^>]*\sfill=", svg) is None
+
+
+# ---------------------------------------------------------------------------
+# global transforms
+# ---------------------------------------------------------------------------
+
+
+def test_global_rotation() -> None:
+    svg = Avatar(_minimal_style(), {"rotate": 45}).to_string()
+    assert "rotate(45, 50, 50)" in svg
+
+
+def test_no_rotation_when_0() -> None:
+    svg = Avatar(_minimal_style(), {"rotate": 0}).to_string()
+    assert "rotate(" not in svg
+
+
+def test_global_translate() -> None:
+    svg = Avatar(_minimal_style(), {"translateX": 10, "translateY": -20}).to_string()
+    assert "translate(10, -20)" in svg
+
+
+# ---------------------------------------------------------------------------
+# metadata
+# ---------------------------------------------------------------------------
+
+
+def test_metadata_with_dublin_core() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "meta": {
+                "creator": {"name": "John Doe"},
+                "source": {"name": "My Style", "url": "https://example.com"},
+                "license": {
+                    "name": "MIT",
+                    "url": "https://opensource.org/licenses/MIT",
+                },
+            },
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert "<metadata" in svg
+    assert "<dc:title>My Style</dc:title>" in svg
+    assert "<dc:creator>John Doe</dc:creator>" in svg
+
+
+def test_no_metadata_when_no_meta() -> None:
+    svg = Avatar(_minimal_style()).to_string()
+    assert "<metadata" not in svg
+
+
+def test_remix_of_prefix() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "meta": {
+                "creator": {"name": "Pablo Stanley"},
+                "source": {"name": "Avataaars", "url": "https://avataaars.com"},
+                "license": {
+                    "name": "CC BY 4.0",
+                    "url": "https://creativecommons.org/licenses/by/4.0/",
+                },
+            },
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert "Remix of" in svg
+    assert "Avataaars" in svg
+
+
+def test_no_remix_of_for_mit_dicebear() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "meta": {
+                "creator": {"name": "DiceBear"},
+                "source": {"name": "Initials"},
+                "license": {"name": "MIT"},
+            },
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert "Remix of" not in svg
+    assert "Initials" in svg
+
+
+def test_xml_escaping_in_metadata() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "meta": {
+                "creator": {"name": "A & B"},
+                "source": {"name": "<Script>"},
+                "license": {"name": "MIT"},
+            },
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert "A &amp; B" in svg
+    assert "&lt;Script&gt;" in svg
+
+
+# ---------------------------------------------------------------------------
+# variable attributes
+# ---------------------------------------------------------------------------
+
+
+def test_font_family_variable() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "text",
+                        "attributes": {
+                            "font-family": {"type": "variable", "name": "fontFamily"}
+                        },
+                        "children": [{"type": "text", "value": "Hello"}],
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style, {"fontFamily": "Arial"}).to_string()
+    assert 'font-family="Arial"' in svg
+
+
+def test_font_weight_variable() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "text",
+                        "attributes": {
+                            "font-weight": {"type": "variable", "name": "fontWeight"}
+                        },
+                        "children": [{"type": "text", "value": "Hello"}],
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style, {"fontWeight": 700}).to_string()
+    assert 'font-weight="700"' in svg
+
+
+def test_plain_string_font_family() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "text",
+                        "attributes": {"font-family": "monospace"},
+                        "children": [{"type": "text", "value": "Hello"}],
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert 'font-family="monospace"' in svg
+
+
+# ---------------------------------------------------------------------------
+# xml escaping
+# ---------------------------------------------------------------------------
+
+
+def test_escape_attribute_values() -> None:
+    style = Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {
+                        "type": "element",
+                        "name": "rect",
+                        "attributes": {"d": 'a & b "c"'},
+                    }
+                ],
+            }
+        }
+    )
+    svg = Avatar(style).to_string()
+    assert 'd="a &amp; b &quot;c&quot;"' in svg
+
+
+def test_escape_text_content() -> None:
+    svg = Avatar(_text_style('<script>alert("xss")</script>')).to_string()
+    assert "<script>" not in svg
+    assert "&lt;script&gt;" in svg
+
+
+# ---------------------------------------------------------------------------
+# component aliases
+# ---------------------------------------------------------------------------
+
+
+def _alias_style() -> Style:
+    return Style(
+        {
+            "canvas": {
+                "width": 100,
+                "height": 100,
+                "elements": [
+                    {"type": "component", "name": "eyes"},
+                    {"type": "component", "name": "eyesRight"},
+                ],
+            },
+            "components": {
+                "eyes": {
+                    "width": 20,
+                    "height": 20,
+                    "variants": {
+                        v: {
+                            "elements": [
+                                {
+                                    "type": "element",
+                                    "name": "circle",
+                                    "attributes": {"id": v},
+                                }
+                            ]
+                        }
+                        for v in ["a", "b", "c", "d", "e"]
+                    },
+                },
+                "eyesRight": {"extends": "eyes"},
+            },
+        }
+    )
+
+
+def test_alias_gets_independent_variant_per_seed() -> None:
+    differed = False
+    for seed in ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]:
+        svg = Avatar(_alias_style(), {"seed": seed}).to_string()
+        matches = re.findall(r'<circle id="([a-z])"/>', svg)
+        if len(matches) == 2 and matches[0] != matches[1]:
+            differed = True
+            break
+    assert differed
+
+
+def test_alias_inherits_eyes_variant_and_shares_defs_entry() -> None:
+    svg = Avatar(
+        _alias_style(), {"seed": "fallthrough", "eyesVariant": "b"}
+    ).to_string()
+    circles = re.findall(r'<circle id="([a-z])"/>', svg)
+    uses = re.findall(r'<use href="#(eyes-[a-z]-[a-f0-9]+)"/>', svg)
+    assert circles == ["b"]
+    assert len(uses) == 2
+    assert uses[0] == uses[1]
+
+
+def test_alias_propagates_eyes_probability() -> None:
+    svg = Avatar(
+        _alias_style(), {"seed": "probability-fallthrough", "eyesProbability": 0}
+    ).to_string()
+    assert "<circle" not in svg
+
+
+def test_alias_silently_ignores_alias_keyed_options() -> None:
+    without = Avatar(
+        _alias_style(), {"seed": "ignore-alias-key", "eyesVariant": "a"}
+    ).to_string()
+    with_ = Avatar(
+        _alias_style(),
+        {"seed": "ignore-alias-key", "eyesVariant": "a", "eyesRightVariant": "d"},
+    ).to_string()
+    assert without == with_
diff --git a/src/python/core/tests/test_resolver.py b/src/python/core/tests/test_resolver.py
new file mode 100644
index 0000000..d16ad76
--- /dev/null
+++ b/src/python/core/tests/test_resolver.py
@@ -0,0 +1,713 @@
+"""Tests for deterministic option resolution."""
+
+from __future__ import annotations
+
+from typing import Any
+
+import pytest
+
+from dicebear import Style
+from dicebear.errors import CircularColorReferenceError
+from dicebear.options import Options
+from dicebear.resolver import Resolver
+
+
+def _make_resolver(style: Style, data: dict[str, Any] | None = None) -> Resolver:
+    return Resolver(style, Options(data or {}))
+
+
+def _minimal_style() -> Style:
+    return Style({"canvas": {"width": 100, "height": 100, "elements": []}})
+
+
+def _style_with_components() -> Style:
+    return Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "open": {"elements": []},
+                        "closed": {"elements": []},
+                        "wink": {"elements": []},
+                    },
+                }
+            },
+        }
+    )
+
+
+def _style_with_colors() -> Style:
+    return Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "colors": {
+                "skin": {"values": ["#f0c8a0", "#d4a574", "#8d5524"]},
+                "hair": {
+                    "values": ["#2c1b18", "#b55239", "#d6b370"],
+                    "notEqualTo": ["skin"],
+                },
+                "background": {
+                    "values": ["#ffffff", "#000000", "#cccccc"],
+                    "contrastTo": "skin",
+                },
+            },
+        }
+    )
+
+
+def _style_with_weights() -> Style:
+    return Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "common": {"elements": [], "weight": 10},
+                        "rare": {"elements": [], "weight": 1},
+                        "hidden": {"elements": [], "weight": 0},
+                    },
+                }
+            },
+        }
+    )
+
+
+def _full_options() -> dict[str, Any]:
+    return {
+        "seed": "test-seed",
+        "size": 128,
+        "idRandomization": True,
+        "flip": ["horizontal", "vertical"],
+        "fontFamily": ["Arial", "Helvetica"],
+        "fontWeight": [400, 700],
+        "scale": [0.8, 1.2],
+        "borderRadius": [0, 50],
+        "eyesProbability": 80,
+        "eyesVariant": ["open", "closed", "wink"],
+        "skinColor": ["#f0c8a0", "#d4a574"],
+        "rotate": [-15, 15],
+        "translateX": [-5, 5],
+        "translateY": [-2, 2],
+    }
+
+
+# ---------------------------------------------------------------------------
+# constructor
+# ---------------------------------------------------------------------------
+
+
+def test_accepts_minimal_options() -> None:
+    assert _make_resolver(_minimal_style(), {}) is not None
+
+
+def test_accepts_full_options() -> None:
+    assert _make_resolver(_minimal_style(), _full_options()) is not None
+
+
+# ---------------------------------------------------------------------------
+# defaults
+# ---------------------------------------------------------------------------
+
+
+def test_defaults() -> None:
+    resolver = _make_resolver(_minimal_style(), {})
+    assert resolver.seed() == ""
+    assert resolver.size() is None
+    assert resolver.id_randomization() is False
+    assert resolver.flip() == "none"
+    assert resolver.font_family() == "system-ui"
+    assert resolver.font_weight() == 400
+    assert resolver.scale() == pytest.approx(1, abs=1e-10)
+    assert resolver.border_radius() == pytest.approx(0, abs=1e-10)
+
+
+def test_pattern_defaults() -> None:
+    resolver = _make_resolver(_minimal_style(), {})
+    assert resolver.variant("eyes") is None
+    assert resolver.color("skin") == []
+    assert resolver.color_fill("skin") == "solid"
+    assert resolver.rotate() == pytest.approx(0, abs=1e-10)
+    assert resolver.translate_x() == pytest.approx(0, abs=1e-10)
+    assert resolver.translate_y() == pytest.approx(0, abs=1e-10)
+
+
+# ---------------------------------------------------------------------------
+# single values
+# ---------------------------------------------------------------------------
+
+
+def test_single_values() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "my-seed",
+            "size": 256,
+            "idRandomization": True,
+            "flip": "horizontal",
+            "fontFamily": "Arial",
+            "fontWeight": 700,
+            "scale": 1.5,
+            "borderRadius": 25,
+        },
+    )
+    assert resolver.seed() == "my-seed"
+    assert resolver.size() == 256
+    assert resolver.id_randomization() is True
+    assert resolver.flip() == "horizontal"
+    assert resolver.font_family() == "Arial"
+    assert resolver.font_weight() == 700
+    assert resolver.scale() == pytest.approx(1.5, abs=1e-10)
+    assert resolver.border_radius() == pytest.approx(25, abs=1e-10)
+
+
+def test_single_pattern_values() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "eyesProbability": 80,
+            "eyesVariant": "open",
+            "skinColor": "#f0c8a0",
+            "rotate": 45,
+            "translateX": 5,
+            "translateY": -3,
+        },
+    )
+    assert resolver.variant("eyes") is None
+    assert resolver.color("skin") == ["#f0c8a0"]
+    assert resolver.rotate() == pytest.approx(45, abs=1e-10)
+    assert resolver.translate_x() == pytest.approx(5, abs=1e-10)
+    assert resolver.translate_y() == pytest.approx(-3, abs=1e-10)
+
+
+# ---------------------------------------------------------------------------
+# PRNG resolution
+# ---------------------------------------------------------------------------
+
+
+def test_deterministic() -> None:
+    full = _full_options()
+    a = _make_resolver(_minimal_style(), full)
+    b = _make_resolver(_minimal_style(), full)
+    assert a.flip() == b.flip()
+    assert a.font_family() == b.font_family()
+    assert a.font_weight() == b.font_weight()
+    assert a.scale() == b.scale()
+    assert a.border_radius() == b.border_radius()
+
+
+def test_different_seeds() -> None:
+    full = _full_options()
+    a = _make_resolver(_minimal_style(), {**full, "seed": "seed-a"})
+    b = _make_resolver(_minimal_style(), {**full, "seed": "seed-b"})
+    results = [
+        a.flip() != b.flip(),
+        a.font_family() != b.font_family(),
+        a.scale() != b.scale(),
+        a.rotate() != b.rotate(),
+    ]
+    assert any(results)
+
+
+def test_picks_from_arrays() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "pick-test",
+            "flip": ["horizontal", "vertical"],
+            "skinColor": ["#f0c8a0", "#d4a574", "#8d5524"],
+        },
+    )
+    assert resolver.flip() in ["horizontal", "vertical"]
+    assert len(resolver.color("skin")) == 1
+    assert resolver.color("skin")[0] in ["#f0c8a0", "#d4a574", "#8d5524"]
+
+
+def test_interpolates_ranges() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "range-test",
+            "scale": [0.8, 1.2],
+            "borderRadius": [0, 50],
+            "rotate": [-15, 15],
+            "translateX": [-5, 5],
+        },
+    )
+    assert 0.8 <= resolver.scale() <= 1.2
+    assert 0 <= resolver.border_radius() <= 50
+    assert -15 <= resolver.rotate() <= 15
+
+
+def test_picks_color_fill_from_arrays() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {"seed": "fill-test", "skinColorFill": ["solid", "linear", "radial"]},
+    )
+    assert resolver.color_fill("skin") in ["solid", "linear", "radial"]
+
+
+def test_color_fill_stops_for_gradient() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "gradient-test",
+            "skinColor": ["#f0c8a0", "#d4a574", "#8d5524"],
+            "skinColorFill": "linear",
+            "skinColorFillStops": 2,
+        },
+    )
+    colors = resolver.color("skin")
+    assert len(colors) == 2
+    for c in colors:
+        assert c in ["#f0c8a0", "#d4a574", "#8d5524"]
+
+
+def test_defaults_to_2_stops_for_gradient() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "gradient-default-test",
+            "skinColor": ["#f0c8a0", "#d4a574", "#8d5524"],
+            "skinColorFill": "radial",
+        },
+    )
+    assert len(resolver.color("skin")) == 2
+
+
+def test_single_color_for_solid_fill() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "solid-test",
+            "skinColor": ["#f0c8a0", "#d4a574", "#8d5524"],
+            "skinColorFill": "solid",
+        },
+    )
+    colors = resolver.color("skin")
+    assert len(colors) == 1
+    assert colors[0] in ["#f0c8a0", "#d4a574", "#8d5524"]
+
+
+def test_picks_from_font_weight_array() -> None:
+    resolver = _make_resolver(
+        _minimal_style(), {"seed": "fw-test", "fontWeight": [400, 700]}
+    )
+    assert resolver.font_weight() in [400, 700]
+
+
+# ---------------------------------------------------------------------------
+# colorFillStops via color()
+# ---------------------------------------------------------------------------
+
+
+def test_respects_custom_stops_count() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {
+            "seed": "stops-test",
+            "skinColor": ["#ff0000", "#00ff00", "#0000ff", "#ffffff"],
+            "skinColorFill": "linear",
+            "skinColorFillStops": 3,
+        },
+    )
+    assert len(resolver.color("skin")) == 3
+
+
+def test_picks_integer_stops_from_range() -> None:
+    for i in range(20):
+        resolver = _make_resolver(
+            _minimal_style(),
+            {
+                "seed": f"stops-{i}",
+                "skinColor": ["#ff0000", "#00ff00", "#0000ff", "#ffffff", "#000000"],
+                "skinColorFill": "radial",
+                "skinColorFillStops": [2, 4],
+            },
+        )
+        count = len(resolver.color("skin"))
+        assert 2 <= count <= 4
+
+
+# ---------------------------------------------------------------------------
+# component_transform
+# ---------------------------------------------------------------------------
+
+
+def test_component_transform_identity_defaults() -> None:
+    t = _make_resolver(
+        _style_with_components(), {"seed": "identity"}
+    ).component_transform("eyes")
+    assert t["rotate"] == pytest.approx(0.0, abs=1e-10)
+    assert t["translateX"] == pytest.approx(0.0, abs=1e-10)
+    assert t["translateY"] == pytest.approx(0.0, abs=1e-10)
+    assert t["scale"] == pytest.approx(1.0, abs=1e-10)
+
+
+def test_component_transform_draws_rotate_from_definition() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "rotate": {"min": -10, "max": 10},
+                    "variants": {"open": {"elements": []}},
+                }
+            },
+        }
+    )
+    t = _make_resolver(style, {"seed": "rotate"}).component_transform("eyes")
+    assert -10 <= t["rotate"] <= 10
+
+
+def test_component_transform_is_deterministic_per_seed() -> None:
+    a = _make_resolver(_style_with_components(), {"seed": "pick"})
+    b = _make_resolver(_style_with_components(), {"seed": "pick"})
+    assert a.component_transform("eyes") == b.component_transform("eyes")
+
+
+def test_component_transform_identity_for_unknown_component() -> None:
+    t = _make_resolver(_minimal_style(), {"seed": "unknown"}).component_transform(
+        "missing"
+    )
+    assert t["rotate"] == pytest.approx(0.0, abs=1e-10)
+    assert t["translateX"] == pytest.approx(0.0, abs=1e-10)
+    assert t["translateY"] == pytest.approx(0.0, abs=1e-10)
+    assert t["scale"] == pytest.approx(1.0, abs=1e-10)
+
+
+def test_root_scale_defaults_to_one() -> None:
+    resolver = _make_resolver(_minimal_style(), {"seed": "root-scale"})
+    assert resolver.scale() == pytest.approx(1.0, abs=1e-10)
+
+
+# ---------------------------------------------------------------------------
+# probability / visibility
+# ---------------------------------------------------------------------------
+
+
+def test_variant_when_probability_100() -> None:
+    resolver = _make_resolver(
+        _style_with_components(), {"seed": "visible-test", "eyesProbability": 100}
+    )
+    assert resolver.variant("eyes") is not None
+
+
+def test_variant_null_when_probability_0() -> None:
+    resolver = _make_resolver(
+        _style_with_components(), {"seed": "hidden-test", "eyesProbability": 0}
+    )
+    assert resolver.variant("eyes") is None
+
+
+def test_variant_visible_by_default() -> None:
+    resolver = _make_resolver(
+        _style_with_components(), {"seed": "default-visible-test"}
+    )
+    assert resolver.variant("eyes") is not None
+
+
+# ---------------------------------------------------------------------------
+# variant constraints
+# ---------------------------------------------------------------------------
+
+
+def test_only_picks_from_style_defined_variants() -> None:
+    resolver = _make_resolver(
+        _style_with_components(),
+        {"seed": "variant-test", "eyesVariant": ["open", "closed", "invalid"]},
+    )
+    result = resolver.variant("eyes")
+    assert result is not None
+    assert result in ["open", "closed", "wink"]
+    assert result != "invalid"
+
+
+def test_variant_null_when_no_user_variants_match() -> None:
+    resolver = _make_resolver(
+        _style_with_components(),
+        {"seed": "fallback-test", "eyesVariant": ["invalid1", "invalid2"]},
+    )
+    assert resolver.variant("eyes") is None
+
+
+def test_empty_variant_array_yields_null_variant() -> None:
+    resolver = _make_resolver(
+        _style_with_components(), {"seed": "empty-test", "eyesVariant": []}
+    )
+    assert resolver.variant("eyes") is None
+
+
+def test_picks_from_style_variants_when_no_option() -> None:
+    resolver = _make_resolver(_style_with_components(), {"seed": "default-test"})
+    result = resolver.variant("eyes")
+    assert result is not None
+    assert result in ["open", "closed", "wink"]
+
+
+def test_variant_null_when_component_missing() -> None:
+    resolver = _make_resolver(
+        _minimal_style(), {"seed": "no-component-test", "eyesVariant": "open"}
+    )
+    assert resolver.variant("eyes") is None
+
+
+# ---------------------------------------------------------------------------
+# color constraints
+# ---------------------------------------------------------------------------
+
+
+def test_contrast_to_sorting() -> None:
+    resolver = _make_resolver(
+        _style_with_colors(),
+        {
+            "seed": "contrast-test",
+            "skinColor": "#f0c8a0",
+            "backgroundColor": ["#ffffff", "#000000", "#cccccc"],
+        },
+    )
+    colors = resolver.color("background")
+    assert len(colors) == 1
+    assert colors[0] == "#000000"
+
+
+def test_not_equal_to_filtering() -> None:
+    resolver = _make_resolver(
+        _style_with_colors(),
+        {
+            "seed": "not-equal-test",
+            "skinColor": "#f0c8a0",
+            "hairColor": ["#f0c8a0", "#2c1b18", "#b55239"],
+        },
+    )
+    colors = resolver.color("hair")
+    assert len(colors) == 1
+    assert colors[0] != "#f0c8a0"
+
+
+def test_not_equal_to_keeps_all_when_all_would_be_filtered() -> None:
+    resolver = _make_resolver(
+        _style_with_colors(),
+        {"seed": "all-filtered-test", "skinColor": "#f0c8a0", "hairColor": ["#f0c8a0"]},
+    )
+    colors = resolver.color("hair")
+    assert len(colors) == 1
+    assert colors[0] == "#f0c8a0"
+
+
+def test_color_caching() -> None:
+    resolver = _make_resolver(
+        _style_with_colors(),
+        {"seed": "cache-test", "skinColor": ["#f0c8a0", "#d4a574"]},
+    )
+    assert resolver.color("skin") is resolver.color("skin")
+
+
+def test_color_without_style_definition() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {"seed": "no-style-test", "customColor": ["#ff0000", "#00ff00"]},
+    )
+    colors = resolver.color("custom")
+    assert len(colors) == 1
+    assert colors[0] in ["#ff0000", "#00ff00"]
+
+
+def test_circular_contrast_to_throws() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "colors": {
+                "a": {"values": ["#ff0000", "#00ff00"], "contrastTo": "b"},
+                "b": {"values": ["#0000ff", "#ffffff"], "contrastTo": "a"},
+            },
+        }
+    )
+    resolver = _make_resolver(
+        style,
+        {
+            "seed": "circular-test",
+            "aColor": ["#ff0000", "#00ff00"],
+            "bColor": ["#0000ff", "#ffffff"],
+        },
+    )
+    with pytest.raises(CircularColorReferenceError) as exc_info:
+        resolver.color("a")
+    assert exc_info.value.chain == ["a", "b", "a"]
+    assert "a → b → a" in str(exc_info.value)
+
+
+def test_circular_not_equal_to_throws() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "colors": {
+                "a": {"values": ["#ff0000"], "notEqualTo": ["b"]},
+                "b": {"values": ["#00ff00"], "notEqualTo": ["a"]},
+            },
+        }
+    )
+    resolver = _make_resolver(
+        style,
+        {
+            "seed": "circular-not-equal-test",
+            "aColor": ["#ff0000"],
+            "bColor": ["#00ff00"],
+        },
+    )
+    with pytest.raises(CircularColorReferenceError) as exc_info:
+        resolver.color("a")
+    assert exc_info.value.chain == ["a", "b", "a"]
+    assert "a → b → a" in str(exc_info.value)
+
+
+# ---------------------------------------------------------------------------
+# resolved
+# ---------------------------------------------------------------------------
+
+
+def test_resolved_includes_consumed_values() -> None:
+    resolver = _make_resolver(
+        _minimal_style(),
+        {"seed": "test", "flip": ["horizontal", "vertical"], "scale": [0.5, 1]},
+    )
+    resolver.seed()
+    resolver.flip()
+    resolver.scale()
+    resolved = resolver.resolved()
+    assert resolved["flip"] in ["horizontal", "vertical", "none"]
+    assert isinstance(resolved["scale"], (int, float))
+
+
+def test_resolved_does_not_include_seed() -> None:
+    resolver = _make_resolver(_minimal_style(), {"seed": "test"})
+    resolver.seed()
+    assert "seed" not in resolver.resolved()
+
+
+def test_resolved_memoized() -> None:
+    resolver = _make_resolver(
+        _minimal_style(), {"seed": "test", "flip": ["horizontal", "vertical"]}
+    )
+    assert resolver.flip() == resolver.flip()
+
+
+def test_resolved_includes_variant_values() -> None:
+    resolver = _make_resolver(
+        _style_with_components(), {"seed": "test", "eyesVariant": ["open", "closed"]}
+    )
+    resolver.variant("eyes")
+    resolved = resolver.resolved()
+    assert "eyesVariant" in resolved
+    assert resolved["eyesVariant"] in ["open", "closed", "wink"]
+
+
+def test_resolved_includes_color_values() -> None:
+    resolver = _make_resolver(
+        _style_with_colors(), {"seed": "test", "skinColor": ["#ff0000", "#00ff00"]}
+    )
+    resolver.color("skin")
+    resolved = resolver.resolved()
+    assert "skinColor" in resolved
+    assert isinstance(resolved["skinColor"], list)
+
+
+# ---------------------------------------------------------------------------
+# variant weights
+# ---------------------------------------------------------------------------
+
+
+def test_weight_zero_never_picked() -> None:
+    for i in range(100):
+        resolver = _make_resolver(_style_with_weights(), {"seed": f"weight-{i}"})
+        assert resolver.variant("eyes") != "hidden"
+
+
+def test_weight_zero_allowed_when_explicit() -> None:
+    resolver = _make_resolver(
+        _style_with_weights(), {"seed": "explicit-hidden", "eyesVariant": "hidden"}
+    )
+    assert resolver.variant("eyes") == "hidden"
+
+
+def test_higher_weight_favored() -> None:
+    common_count = sum(
+        1
+        for i in range(200)
+        if _make_resolver(_style_with_weights(), {"seed": f"favor-{i}"}).variant("eyes")
+        == "common"
+    )
+    assert common_count > 100
+
+
+def test_object_variant_overrides_weights() -> None:
+    for i in range(100):
+        resolver = _make_resolver(
+            _style_with_weights(),
+            {"seed": f"override-{i}", "eyesVariant": {"hidden": 1}},
+        )
+        assert resolver.variant("eyes") == "hidden"
+
+
+def test_object_variant_filters_and_weights() -> None:
+    for i in range(100):
+        resolver = _make_resolver(
+            _style_with_weights(),
+            {"seed": f"filter-{i}", "eyesVariant": {"common": 1, "rare": 1}},
+        )
+        assert resolver.variant("eyes") in ["common", "rare"]
+
+
+def test_all_weights_zero_fallback() -> None:
+    style = Style(
+        {
+            "canvas": {"width": 100, "height": 100, "elements": []},
+            "components": {
+                "eyes": {
+                    "width": 50,
+                    "height": 50,
+                    "variants": {
+                        "a": {"elements": [], "weight": 0},
+                        "b": {"elements": [], "weight": 0},
+                    },
+                }
+            },
+        }
+    )
+    resolver = _make_resolver(style, {"seed": "all-zero"})
+    assert resolver.variant("eyes") in ["a", "b"]
+
+
+def test_deterministic_with_weights() -> None:
+    a = _make_resolver(_style_with_weights(), {"seed": "deterministic-test"})
+    b = _make_resolver(_style_with_weights(), {"seed": "deterministic-test"})
+    assert a.variant("eyes") == b.variant("eyes")
+
+
+# ---------------------------------------------------------------------------
+# color_angle
+# ---------------------------------------------------------------------------
+
+
+def test_color_angle_default() -> None:
+    resolver = _make_resolver(_minimal_style(), {})
+    assert resolver.color_angle("skin") == pytest.approx(0, abs=1e-10)
+
+
+def test_color_angle_single_value() -> None:
+    resolver = _make_resolver(_minimal_style(), {"skinColorAngle": 45})
+    assert resolver.color_angle("skin") == pytest.approx(45, abs=1e-10)
+
+
+def test_color_angle_range() -> None:
+    resolver = _make_resolver(
+        _minimal_style(), {"seed": "angle-test", "skinColorAngle": [-90, 90]}
+    )
+    value = resolver.color_angle("skin")
+    assert -90 <= value <= 90
diff --git a/src/python/core/tests/test_style.py b/src/python/core/tests/test_style.py
new file mode 100644
index 0000000..039fa77
--- /dev/null
+++ b/src/python/core/tests/test_style.py
@@ -0,0 +1,414 @@
+"""Tests for the Style wrapper and its value-object views."""
+
+from __future__ import annotations
+
+import json
+from typing import Any
+
+import pytest
+
+from dicebear import Style
+from dicebear.errors import StyleValidationError, ValidationError
+
+
+def _minimal() -> dict[str, Any]:
+    return {"canvas": {"width": 100, "height": 100, "elements": []}}
+
+
+def _full() -> dict[str, Any]:
+    return {
+        "$schema": "https://example.com/schema.json",
+        "$comment": "Test style",
+        "meta": {
+            "license": {
+                "name": "MIT",
+                "url": "https://example.com/license",
+                "text": "MIT License",
+            },
+            "creator": {"name": "Test", "url": "https://example.com"},
+            "source": {"name": "Source", "url": "https://example.com/source"},
+        },
+        "canvas": {
+            "width": 200,
+            "height": 200,
+            "elements": [
+                {
+                    "type": "element",
+                    "name": "rect",
+                    "attributes": {"width": "100", "height": "100", "fill": "#ff0000"},
+                    "children": [{"type": "text", "value": "hello"}],
+                },
+                {"type": "component", "name": "eyes"},
+                {"type": "text", "value": {"type": "variable", "name": "initials"}},
+            ],
+        },
+        "components": {
+            "eyes": {
+                "width": 50,
+                "height": 50,
+                "probability": 100,
+                "rotate": {"min": -10, "max": 10},
+                "translate": {"x": {"min": 0, "max": 5}, "y": {"min": -2, "max": 2}},
+                "variants": {
+                    "open": {
+                        "elements": [
+                            {
+                                "type": "element",
+                                "name": "circle",
+                                "attributes": {"r": "10", "cx": "25", "cy": "25"},
+                            }
+                        ]
+                    },
+                    "closed": {
+                        "elements": [
+                            {
+                                "type": "element",
+                                "name": "line",
+                                "attributes": {
+                                    "x1": "10",
+                                    "y1": "25",
+                                    "x2": "40",
+                                    "y2": "25",
+                                },
+                            }
+                        ]
+                    },
+                },
+            }
+        },
+        "colors": {
+            "skin": {"values": ["#f0c8a0", "#d4a574", "#8d5524"]},
+            "hair": {"values": ["#2c1b18", "#b55239"], "notEqualTo": ["skin"]},
+            "background": {"values": ["#ffffff", "#000000"], "contrastTo": "skin"},
+        },
+    }
+
+
+# ---------------------------------------------------------------------------
+# constructor
+# ---------------------------------------------------------------------------
+
+
+def test_accepts_minimal_definition() -> None:
+    assert Style(_minimal()) is not None
+
+
+def test_accepts_full_definition() -> None:
+    assert Style(_full()) is not None
+
+
+def test_from_json_parses_raw_definition() -> None:
+    style = Style.from_json(json.dumps(_full()))
+    assert style.schema() == "https://example.com/schema.json"
+
+
+def test_from_json_raises_json_decode_error_for_malformed_json() -> None:
+    with pytest.raises(json.JSONDecodeError):
+        Style.from_json("not json")
+
+
+def test_from_json_raises_style_validation_error_for_invalid_definition() -> None:
+    with pytest.raises(StyleValidationError):
+        Style.from_json("{}")
+
+
+def test_throws_style_validation_error_for_invalid_data() -> None:
+    with pytest.raises(StyleValidationError):
+        Style({})
+
+
+def test_throws_validation_error() -> None:
+    with pytest.raises(ValidationError):
+        Style({})
+
+
+def test_throws_runtime_error() -> None:
+    with pytest.raises(RuntimeError):
+        Style({})
+
+
+def test_error_includes_details() -> None:
+    with pytest.raises(StyleValidationError) as exc_info:
+        Style({})
+    assert isinstance(exc_info.value.details, list)
+    assert len(exc_info.value.details) > 0
+
+
+# ---------------------------------------------------------------------------
+# primitive methods
+# ---------------------------------------------------------------------------
+
+
+def test_returns_schema() -> None:
+    full = _full()
+    assert Style(full).schema() == full["$schema"]
+
+
+def test_returns_comment() -> None:
+    full = _full()
+    assert Style(full).comment() == full["$comment"]
+
+
+def test_returns_none_for_missing_optional_primitives() -> None:
+    style = Style(_minimal())
+    assert style.schema() is None
+    assert style.comment() is None
+
+
+def test_returns_defaults_for_missing_optional_objects() -> None:
+    style = Style(_minimal())
+    assert style.meta() is not None
+    assert style.meta().license().name() is None
+    assert style.meta().creator().name() is None
+    assert style.meta().source().name() is None
+    assert style.attributes() == {}
+
+
+# ---------------------------------------------------------------------------
+# canvas
+# ---------------------------------------------------------------------------
+
+
+def test_canvas_width_and_height() -> None:
+    style = Style(_full())
+    assert style.canvas().width() == 200
+    assert style.canvas().height() == 200
+
+
+def test_canvas_elements() -> None:
+    style = Style(_full())
+    elements = style.canvas().elements()
+    assert len(elements) == 3
+    assert elements[0].type() == "element"
+    assert elements[0].name() == "rect"
+    assert elements[1].type() == "component"
+    assert elements[1].name() == "eyes"
+
+
+def test_canvas_element_children() -> None:
+    children = Style(_full()).canvas().elements()[0].children()
+    assert len(children) == 1
+    assert children[0].type() == "text"
+    assert children[0].value() == "hello"
+
+
+def test_canvas_element_attributes() -> None:
+    attrs = Style(_full()).canvas().elements()[0].attributes()
+    assert attrs is not None
+    assert attrs["width"] == "100"
+    assert attrs["fill"] == "#ff0000"
+
+
+def test_canvas_element_variable_reference() -> None:
+    el = Style(_full()).canvas().elements()[2]
+    assert el.type() == "text"
+    assert el.value() == {"type": "variable", "name": "initials"}
+
+
+def test_canvas_caches_elements() -> None:
+    style = Style(_full())
+    assert style.canvas().elements() is style.canvas().elements()
+
+
+# ---------------------------------------------------------------------------
+# meta
+# ---------------------------------------------------------------------------
+
+
+def test_meta_license() -> None:
+    meta = Style(_full()).meta()
+    assert meta.license().name() == "MIT"
+    assert meta.license().url() == "https://example.com/license"
+    assert meta.license().text() == "MIT License"
+
+
+def test_meta_creator() -> None:
+    meta = Style(_full()).meta()
+    assert meta.creator().name() == "Test"
+    assert meta.creator().url() == "https://example.com"
+
+
+def test_meta_source() -> None:
+    assert Style(_full()).meta().source().name() == "Source"
+
+
+def test_meta_cached() -> None:
+    style = Style(_full())
+    assert style.meta() is style.meta()
+
+
+# ---------------------------------------------------------------------------
+# components
+# ---------------------------------------------------------------------------
+
+
+def test_components_returns_map() -> None:
+    components = Style(_full()).components()
+    assert len(components) == 1
+    assert "eyes" in components
+
+
+def test_component_properties() -> None:
+    eyes = Style(_full()).components()["eyes"]
+    assert eyes.width() == 50
+    assert eyes.height() == 50
+    assert eyes.probability() == 100
+    assert eyes.rotate() == {"min": -10, "max": 10}
+
+
+def test_component_translate() -> None:
+    translate = Style(_full()).components()["eyes"].translate()
+    assert translate.x() == {"min": 0, "max": 5}
+    assert translate.y() == {"min": -2, "max": 2}
+
+
+def test_component_variants() -> None:
+    eyes = Style(_full()).components()["eyes"]
+    assert len(eyes.variants()) == 2
+    assert "open" in eyes.variants()
+    assert "closed" in eyes.variants()
+
+
+def test_variant_elements() -> None:
+    open_ = Style(_full()).components()["eyes"].variants()["open"]
+    assert len(open_.elements()) == 1
+    assert open_.elements()[0].name() == "circle"
+
+
+def test_empty_components_when_none() -> None:
+    assert len(Style(_minimal()).components()) == 0
+
+
+def test_components_cached() -> None:
+    style = Style(_full())
+    assert style.components() is style.components()
+
+
+# ---------------------------------------------------------------------------
+# colors
+# ---------------------------------------------------------------------------
+
+
+def test_colors_returns_map() -> None:
+    assert len(Style(_full()).colors()) == 3
+
+
+def test_color_values() -> None:
+    skin = Style(_full()).colors()["skin"]
+    assert skin.values() == ["#f0c8a0", "#d4a574", "#8d5524"]
+
+
+def test_color_not_equal_to() -> None:
+    hair = Style(_full()).colors()["hair"]
+    assert hair.not_equal_to() == ["skin"]
+
+
+def test_color_contrast_to() -> None:
+    background = Style(_full()).colors()["background"]
+    assert background.contrast_to() == "skin"
+
+
+def test_empty_colors_when_none() -> None:
+    assert len(Style(_minimal()).colors()) == 0
+
+
+def test_colors_cached() -> None:
+    style = Style(_full())
+    assert style.colors() is style.colors()
+
+
+# ---------------------------------------------------------------------------
+# component aliases
+# ---------------------------------------------------------------------------
+
+
+def _alias_definition() -> dict[str, Any]:
+    return {
+        "canvas": {"width": 100, "height": 100, "elements": []},
+        "components": {
+            "eyes": {
+                "width": 50,
+                "height": 60,
+                "probability": 80,
+                "rotate": {"min": -10, "max": 10},
+                "scale": {"min": 0.9, "max": 1.1},
+                "translate": {"x": {"min": -5, "max": 5}, "y": {"min": -2, "max": 2}},
+                "variants": {
+                    "open": {
+                        "elements": [
+                            {
+                                "type": "element",
+                                "name": "circle",
+                                "attributes": {"r": "5"},
+                            }
+                        ]
+                    },
+                    "closed": {
+                        "elements": [
+                            {
+                                "type": "element",
+                                "name": "line",
+                                "attributes": {"x1": "0", "x2": "10"},
+                            }
+                        ]
+                    },
+                },
+            },
+            "eyesRight": {"extends": "eyes"},
+        },
+    }
+
+
+def test_alias_exposed_as_map_entry() -> None:
+    components = Style(_alias_definition()).components()
+    assert "eyesRight" in components
+    assert components["eyesRight"].extends_name() == "eyes"
+    assert components["eyes"].extends_name() is None
+
+
+def test_alias_inherits_width_and_height() -> None:
+    alias = Style(_alias_definition()).components()["eyesRight"]
+    assert alias.width() == 50
+    assert alias.height() == 60
+
+
+def test_alias_inherits_variants() -> None:
+    alias = Style(_alias_definition()).components()["eyesRight"]
+    assert list(alias.variants().keys()) == ["open", "closed"]
+
+
+def test_alias_delegates_probability_rotate_scale_translate_to_source() -> None:
+    alias = Style(_alias_definition()).components()["eyesRight"]
+    assert alias.probability() == 80
+    assert alias.rotate() == {"min": -10, "max": 10}
+    assert alias.scale() == {"min": 0.9, "max": 1.1}
+    assert alias.translate().x() == {"min": -5, "max": 5}
+    assert alias.translate().y() == {"min": -2, "max": 2}
+
+
+def test_alias_rejects_unknown_extends_target() -> None:
+    with pytest.raises(StyleValidationError):
+        Style(
+            {
+                "canvas": {"width": 100, "height": 100, "elements": []},
+                "components": {"eyesRight": {"extends": "missing"}},
+            }
+        )
+
+
+def test_alias_rejects_alias_of_alias() -> None:
+    with pytest.raises(StyleValidationError):
+        Style(
+            {
+                "canvas": {"width": 100, "height": 100, "elements": []},
+                "components": {
+                    "eyes": {
+                        "width": 10,
+                        "height": 10,
+                        "variants": {"open": {"elements": []}},
+                    },
+                    "eyesRight": {"extends": "eyes"},
+                    "eyesRightAgain": {"extends": "eyesRight"},
+                },
+            }
+        )
diff --git a/src/python/core/tests/utils/test_color.py b/src/python/core/tests/utils/test_color.py
new file mode 100644
index 0000000..4007c62
--- /dev/null
+++ b/src/python/core/tests/utils/test_color.py
@@ -0,0 +1,139 @@
+"""Tests for the color utility helpers."""
+
+from __future__ import annotations
+
+from dicebear.utils.color import Color
+
+# ---------------------------------------------------------------------------
+# to_rgb_hex
+# ---------------------------------------------------------------------------
+
+
+def test_to_rgb_hex_normalizes_6_digit() -> None:
+    assert Color.to_rgb_hex("#ff0000") == "#ff0000"
+
+
+def test_to_rgb_hex_normalizes_3_digit() -> None:
+    assert Color.to_rgb_hex("#f00") == "#ff0000"
+
+
+def test_to_rgb_hex_strips_alpha_4_digit() -> None:
+    assert Color.to_rgb_hex("#f008") == "#ff0000"
+
+
+def test_to_rgb_hex_strips_alpha_8_digit() -> None:
+    assert Color.to_rgb_hex("#ff000080") == "#ff0000"
+
+
+def test_to_rgb_hex_lowercases() -> None:
+    assert Color.to_rgb_hex("#FF0000") == "#ff0000"
+    assert Color.to_rgb_hex("#F00") == "#ff0000"
+
+
+def test_to_rgb_hex_handles_missing_prefix() -> None:
+    assert Color.to_rgb_hex("ff0000") == "#ff0000"
+    assert Color.to_rgb_hex("f00") == "#ff0000"
+
+
+# ---------------------------------------------------------------------------
+# parse_hex
+# ---------------------------------------------------------------------------
+
+
+def test_parse_hex_6_digit() -> None:
+    assert Color.parse_hex("#ff0000") == (255, 0, 0)
+    assert Color.parse_hex("#00ff00") == (0, 255, 0)
+    assert Color.parse_hex("#0000ff") == (0, 0, 255)
+
+
+def test_parse_hex_3_digit() -> None:
+    assert Color.parse_hex("#f00") == (255, 0, 0)
+    assert Color.parse_hex("#fff") == (255, 255, 255)
+
+
+def test_parse_hex_4_digit() -> None:
+    assert Color.parse_hex("#f008") == (255, 0, 0)
+
+
+def test_parse_hex_8_digit() -> None:
+    assert Color.parse_hex("#ff000080") == (255, 0, 0)
+
+
+def test_parse_hex_case_insensitive() -> None:
+    assert Color.parse_hex("#FF0000") == (255, 0, 0)
+
+
+# ---------------------------------------------------------------------------
+# luminance
+# ---------------------------------------------------------------------------
+
+
+def test_luminance_black_is_zero() -> None:
+    assert Color.luminance("#000000") == 0.0
+
+
+def test_luminance_white_is_one() -> None:
+    assert Color.luminance("#ffffff") == 1.0
+
+
+def test_luminance_mid_gray() -> None:
+    lum = Color.luminance("#808080")
+    assert 0.2 < lum < 0.25
+
+
+def test_luminance_3_digit_hex() -> None:
+    assert Color.luminance("#000") == 0.0
+    assert Color.luminance("#fff") == 1.0
+
+
+# ---------------------------------------------------------------------------
+# sort_by_contrast
+# ---------------------------------------------------------------------------
+
+
+def test_sort_by_contrast_descending() -> None:
+    result = Color.sort_by_contrast(["#ffffff", "#808080", "#000000"], "#ffffff")
+    assert result[0] == "#000000"
+    assert result[2] == "#ffffff"
+
+
+def test_sort_by_contrast_colored_reference() -> None:
+    result = Color.sort_by_contrast(["#000000", "#ffffff"], "#f0c8a0")
+    assert result[0] == "#000000"
+
+
+def test_sort_by_contrast_preserves_length() -> None:
+    result = Color.sort_by_contrast(["#ff0000", "#00ff00", "#0000ff"], "#ffffff")
+    assert len(result) == 3
+
+
+# ---------------------------------------------------------------------------
+# filter_not_equal_to
+# ---------------------------------------------------------------------------
+
+
+def test_filter_exact_matches() -> None:
+    result = Color.filter_not_equal_to(["#ff0000", "#00ff00", "#0000ff"], ["#ff0000"])
+    assert result == ["#00ff00", "#0000ff"]
+
+
+def test_filter_case_insensitive() -> None:
+    result = Color.filter_not_equal_to(["#ff0000", "#00ff00"], ["#FF0000"])
+    assert result == ["#00ff00"]
+
+
+def test_filter_matches_short_and_long_hex() -> None:
+    result = Color.filter_not_equal_to(["#ff0000", "#00ff00"], ["#f00"])
+    assert result == ["#00ff00"]
+
+
+def test_filter_keeps_all_when_would_empty() -> None:
+    result = Color.filter_not_equal_to(["#ff0000"], ["#ff0000"])
+    assert result == ["#ff0000"]
+
+
+def test_filter_multiple_exclusions() -> None:
+    result = Color.filter_not_equal_to(
+        ["#ff0000", "#00ff00", "#0000ff"], ["#ff0000", "#0000ff"]
+    )
+    assert result == ["#00ff00"]
diff --git a/src/rust/core/.gitignore b/src/rust/core/.gitignore
new file mode 100644
index 0000000..96ef6c0
--- /dev/null
+++ b/src/rust/core/.gitignore
@@ -0,0 +1,2 @@
+/target
+Cargo.lock
diff --git a/src/rust/core/Cargo.toml b/src/rust/core/Cargo.toml
new file mode 100644
index 0000000..8c5c0ac
--- /dev/null
+++ b/src/rust/core/Cargo.toml
@@ -0,0 +1,30 @@
+[package]
+name = "dicebear-core"
+version = "10.3.0"
+edition = "2021"
+description = "Core library for generating DiceBear avatars"
+license = "MIT"
+repository = "https://github.com/dicebear/dicebear"
+homepage = "https://www.dicebear.com"
+keywords = ["dicebear", "avatar", "svg"]
+authors = ["Florian Körner <contact@florian-koerner.com>"]
+readme = "README.md"
+
+[dependencies]
+# Unicode-aware word splitting for initials (matches the \p{L}/\p{M} regexes in
+# the JS/PHP/Python ports).
+regex = "1"
+serde = { version = "1", features = ["derive"] }
+# `float_roundtrip`: serde_json's default float parser is ~1 ULP off on some
+# decimals, which would corrupt byte-parity of formatted SVG numbers.
+# `preserve_order`: a style is parsed to a `Value` for schema validation before
+# it is deserialized; without this, `serde_json::Map` sorts keys and SVG
+# attributes would render alphabetically instead of in source order.
+serde_json = { version = "1", features = ["float_roundtrip", "preserve_order"] }
+# Order-preserving maps: SVG attributes render in source order, so the style
+# definition's attribute maps must keep their JSON key order.
+indexmap = { version = "2", features = ["serde"] }
+# Runtime validation of style definitions and options against the shared
+# draft-07 schemas, which ship as the pure-data `dicebear-schema` crate.
+jsonschema = "0.46"
+dicebear-schema = "1"
diff --git a/src/rust/core/LICENSE b/src/rust/core/LICENSE
new file mode 100644
index 0000000..34df6f4
--- /dev/null
+++ b/src/rust/core/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Körner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/rust/core/README.md b/src/rust/core/README.md
new file mode 100644
index 0000000..1ec7680
--- /dev/null
+++ b/src/rust/core/README.md
@@ -0,0 +1,63 @@
+<h1><img src="https://www.dicebear.com/logo-readme.svg" width="28" /> DiceBear Core (Rust)</h1>
+
+Rust implementation of the DiceBear avatar library. Generates deterministic SVG
+avatars from style definitions and a seed string.
+
+DiceBear is available for multiple languages. All implementations share the same
+PRNG and rendering pipeline, producing identical SVG output for the same seed,
+style, and options, regardless of the language used.
+
+[Playground](https://www.dicebear.com/playground) |
+[Documentation](https://www.dicebear.com/how-to-use/rust-library/)
+
+## Installation
+
+```sh
+cargo add dicebear-core
+```
+
+Requires Rust 1.80 or newer (uses `std::sync::LazyLock`).
+
+## Usage
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+// From a style definition (JSON string)
+let style = Style::from_str(definition_json)?;
+
+let avatar = Avatar::new(&style, json!({
+    "seed": "John Doe",
+    "size": 128,
+}))?;
+
+avatar.to_svg();       // SVG string
+avatar.to_data_uri();  // data:image/svg+xml;charset=utf-8,...
+```
+
+### Using the Style type
+
+```rust
+use dicebear_core::{Avatar, Style};
+use serde_json::json;
+
+let style = Style::from_str(definition_json)?;
+
+// Create multiple avatars from the same style
+let avatar1 = Avatar::new(&style, json!({ "seed": "Alice" }))?;
+let avatar2 = Avatar::new(&style, json!({ "seed": "Bob" }))?;
+```
+
+## Sponsors
+
+Advertisement: Many thanks to our sponsors who provide us with free or
+discounted products.
+
+<a href="https://bunny.net/" target="_blank" rel="noopener noreferrer">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://www.dicebear.com/sponsors/bunny-light.svg">
+        <source media="(prefers-color-scheme: light)" srcset="https://www.dicebear.com/sponsors/bunny-dark.svg">
+        <img alt="bunny.net" src="https://www.dicebear.com/sponsors/bunny-dark.svg" height="64">
+    </picture>
+</a>
diff --git a/src/rust/core/src/avatar.rs b/src/rust/core/src/avatar.rs
new file mode 100644
index 0000000..7aecc60
--- /dev/null
+++ b/src/rust/core/src/avatar.rs
@@ -0,0 +1,89 @@
+//! Top-level entry point for rendering an avatar from a style and options.
+
+use std::fmt;
+
+use serde_json::{json, Value};
+
+use crate::error::Error;
+use crate::options::Options;
+use crate::renderer::Renderer;
+use crate::resolver::Resolver;
+use crate::style::Style;
+
+/// A rendered avatar. Construction immediately resolves and renders the SVG;
+/// the accessor methods return different serializations of that result.
+pub struct Avatar {
+    svg: String,
+    resolved_options: Value,
+}
+
+impl Avatar {
+    /// Validates `options`, then resolves and renders an avatar for `style`.
+    /// `null` options are treated as empty; any other non-object value fails
+    /// validation. Returns an error on invalid options or a circular color
+    /// reference.
+    pub fn new(style: &Style, options: Value) -> Result<Self, Error> {
+        let options = if options.is_null() {
+            Value::Object(serde_json::Map::new())
+        } else {
+            options
+        };
+
+        crate::validate::options(&options)?;
+
+        let options = Options::new(options);
+        let resolver = Resolver::new(style, &options);
+        let svg = Renderer::new(style, &resolver).render()?;
+        let resolved_options = resolver.resolved();
+
+        Ok(Self {
+            svg,
+            resolved_options,
+        })
+    }
+
+    /// Returns the rendered SVG markup.
+    pub fn to_svg(&self) -> &str {
+        &self.svg
+    }
+
+    /// Returns `{ "svg", "options" }` — the SVG and the resolved options used to
+    /// render it. The raw seed is excluded from the resolved options.
+    pub fn to_json(&self) -> Value {
+        json!({ "svg": self.svg, "options": self.resolved_options })
+    }
+
+    /// Returns the SVG encoded as a `data:image/svg+xml` URI.
+    pub fn to_data_uri(&self) -> String {
+        format!(
+            "data:image/svg+xml;charset=utf-8,{}",
+            encode_uri_component(&self.svg)
+        )
+    }
+}
+
+impl fmt::Display for Avatar {
+    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+        f.write_str(&self.svg)
+    }
+}
+
+/// Percent-encodes `s` exactly like JavaScript's `encodeURIComponent`: every
+/// byte is escaped except the unreserved set `A-Za-z0-9-_.!~*'()`.
+fn encode_uri_component(s: &str) -> String {
+    let mut out = String::with_capacity(s.len());
+
+    for byte in s.bytes() {
+        let ch = byte as char;
+
+        if ch.is_ascii_alphanumeric()
+            || matches!(ch, '-' | '_' | '.' | '!' | '~' | '*' | '\'' | '(' | ')')
+        {
+            out.push(ch);
+        } else {
+            out.push_str(&format!("%{byte:02X}"));
+        }
+    }
+
+    out
+}
diff --git a/src/rust/core/src/error.rs b/src/rust/core/src/error.rs
new file mode 100644
index 0000000..ae3596b
--- /dev/null
+++ b/src/rust/core/src/error.rs
@@ -0,0 +1,35 @@
+//! The error type returned when a style definition or options object is
+//! malformed, fails schema validation, or contains a circular color reference.
+
+use std::fmt;
+
+#[derive(Debug)]
+pub enum Error {
+    /// The input could not be parsed as JSON or deserialized into the model.
+    Parse(serde_json::Error),
+    /// The input parsed but failed schema or alias validation.
+    Validation(String),
+    /// A color references itself, directly or indirectly. The vector holds the
+    /// resolution path that closed the cycle.
+    CircularColorReference(Vec<String>),
+}
+
+impl fmt::Display for Error {
+    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+        match self {
+            Error::Parse(e) => write!(f, "parse error: {e}"),
+            Error::Validation(message) => write!(f, "validation error: {message}"),
+            Error::CircularColorReference(chain) => {
+                write!(f, "Circular color reference: {}", chain.join(" \u{2192} "))
+            }
+        }
+    }
+}
+
+impl std::error::Error for Error {}
+
+impl From<serde_json::Error> for Error {
+    fn from(error: serde_json::Error) -> Self {
+        Error::Parse(error)
+    }
+}
diff --git a/src/rust/core/src/lib.rs b/src/rust/core/src/lib.rs
new file mode 100644
index 0000000..10048ae
--- /dev/null
+++ b/src/rust/core/src/lib.rs
@@ -0,0 +1,28 @@
+//! Core library for generating DiceBear avatars.
+//!
+//! A Rust port of the JavaScript, PHP, Python, Go and Dart cores. The full
+//! pipeline is implemented — [`Style`] parses a style definition, [`Avatar`]
+//! resolves options against it with a deterministic, key-based PRNG and renders
+//! the SVG. Output is verified byte-for-byte against the cross-language parity
+//! fixtures under `<repo>/tests/fixtures/parity/`.
+//!
+//! The public API mirrors the JS/Python cores: [`Avatar`], [`Style`],
+//! [`OptionsDescriptor`], the [`color`] utilities and [`Error`]. Everything else
+//! (the PRNG, resolver, renderer, options, and the other utilities) is internal.
+
+mod avatar;
+mod error;
+mod options;
+mod options_descriptor;
+mod prng;
+mod renderer;
+mod resolver;
+mod style;
+mod utils;
+mod validate;
+
+pub use avatar::Avatar;
+pub use error::Error;
+pub use options_descriptor::OptionsDescriptor;
+pub use style::Style;
+pub use utils::color;
diff --git a/src/rust/core/src/options.rs b/src/rust/core/src/options.rs
new file mode 100644
index 0000000..11d8a60
--- /dev/null
+++ b/src/rust/core/src/options.rs
@@ -0,0 +1,176 @@
+//! Reads and normalizes the raw user-supplied options.
+//!
+//! Each accessor returns the user's input in a normalized form (always a list
+//! for options that accept a scalar or a list, or `None` when unset), so the
+//! [`crate::Resolver`] never has to normalize. Resolution against the style and
+//! the PRNG happens there; this type is purely about reading input.
+
+use std::collections::HashMap;
+
+use serde_json::Value;
+
+use crate::prng::Range;
+
+pub struct Options {
+    data: Value,
+}
+
+impl Options {
+    pub fn new(data: Value) -> Self {
+        let data = if data.is_object() {
+            data
+        } else {
+            Value::Object(serde_json::Map::new())
+        };
+
+        Self { data }
+    }
+
+    fn get(&self, key: &str) -> Option<&Value> {
+        self.data.get(key).filter(|v| !v.is_null())
+    }
+
+    pub fn seed(&self) -> Option<String> {
+        self.get("seed").and_then(Value::as_str).map(String::from)
+    }
+
+    pub fn size(&self) -> Option<f64> {
+        self.get("size").and_then(Value::as_f64)
+    }
+
+    pub fn id_randomization(&self) -> Option<bool> {
+        self.get("idRandomization").and_then(Value::as_bool)
+    }
+
+    pub fn title(&self) -> Option<String> {
+        self.get("title").and_then(Value::as_str).map(String::from)
+    }
+
+    pub fn flip(&self) -> Vec<String> {
+        as_string_array(self.get("flip"))
+    }
+
+    pub fn font_family(&self) -> Vec<String> {
+        as_string_array(self.get("fontFamily"))
+    }
+
+    pub fn font_weight(&self) -> Vec<f64> {
+        as_number_array(self.get("fontWeight"))
+    }
+
+    pub fn scale(&self) -> Option<Range> {
+        to_range(self.get("scale"))
+    }
+
+    pub fn border_radius(&self) -> Option<Range> {
+        to_range(self.get("borderRadius"))
+    }
+
+    pub fn rotate(&self) -> Option<Range> {
+        to_range(self.get("rotate"))
+    }
+
+    pub fn translate_x(&self) -> Option<Range> {
+        to_range(self.get("translateX"))
+    }
+
+    pub fn translate_y(&self) -> Option<Range> {
+        to_range(self.get("translateY"))
+    }
+
+    /// Returns the `${name}Variant` constraint as a weighted map, or `None` when
+    /// unset. A bare string or string list is normalized to weight `1` each.
+    pub fn component_variant(&self, name: &str) -> Option<HashMap<String, f64>> {
+        match self.get(&format!("{name}Variant"))? {
+            Value::String(s) => Some(HashMap::from([(s.clone(), 1.0)])),
+            Value::Array(a) => Some(
+                a.iter()
+                    .filter_map(Value::as_str)
+                    .map(|s| (s.to_string(), 1.0))
+                    .collect(),
+            ),
+            Value::Object(o) => Some(
+                o.iter()
+                    .filter_map(|(k, v)| v.as_f64().map(|w| (k.clone(), w)))
+                    .collect(),
+            ),
+            _ => None,
+        }
+    }
+
+    pub fn component_probability(&self, name: &str) -> Option<f64> {
+        self.get(&format!("{name}Probability"))
+            .and_then(Value::as_f64)
+    }
+
+    /// Returns `None` (rather than `[]`) when `${name}Color` is unset, so the
+    /// resolver can fall back to the style definition's values.
+    pub fn color(&self, name: &str) -> Option<Vec<String>> {
+        self.get(&format!("{name}Color"))
+            .map(|v| as_string_array(Some(v)))
+    }
+
+    pub fn color_fill(&self, name: &str) -> Vec<String> {
+        as_string_array(self.get(&format!("{name}ColorFill")))
+    }
+
+    pub fn color_angle(&self, name: &str) -> Option<Range> {
+        to_range(self.get(&format!("{name}ColorAngle")))
+    }
+
+    pub fn color_fill_stops(&self, name: &str) -> Option<Range> {
+        to_range(self.get(&format!("{name}ColorFillStops")))
+    }
+}
+
+/// Normalizes a scalar/array/absent string value into a list.
+fn as_string_array(value: Option<&Value>) -> Vec<String> {
+    match value {
+        Some(Value::Array(a)) => a
+            .iter()
+            .filter_map(Value::as_str)
+            .map(String::from)
+            .collect(),
+        Some(Value::String(s)) => vec![s.clone()],
+        _ => Vec::new(),
+    }
+}
+
+/// Normalizes a scalar/array/absent numeric value into a list.
+fn as_number_array(value: Option<&Value>) -> Vec<f64> {
+    match value {
+        Some(Value::Array(a)) => a.iter().filter_map(Value::as_f64).collect(),
+        Some(v) => v.as_f64().map(|n| vec![n]).unwrap_or_default(),
+        None => Vec::new(),
+    }
+}
+
+/// Normalizes a range option (bare number, `[n]`, `[min, max]`, or absent) into
+/// a [`Range`]. A bare number becomes a fixed `min == max`; an empty array is
+/// treated as unset. Matches the JS, PHP, Python, Go and Dart ports.
+fn to_range(value: Option<&Value>) -> Option<Range> {
+    match value {
+        Some(Value::Number(n)) => {
+            let x = n.as_f64()?;
+            Some(Range {
+                min: x,
+                max: x,
+                step: None,
+            })
+        }
+        Some(Value::Array(a)) => {
+            let nums: Vec<f64> = a.iter().filter_map(Value::as_f64).collect();
+            if nums.is_empty() {
+                return None;
+            }
+            let min = nums.iter().copied().fold(f64::INFINITY, f64::min);
+            let max = nums.iter().copied().fold(f64::NEG_INFINITY, f64::max);
+            Some(Range {
+                min,
+                max,
+                step: None,
+            })
+        }
+        _ => None,
+    }
+}
diff --git a/src/rust/core/src/options_descriptor.rs b/src/rust/core/src/options_descriptor.rs
new file mode 100644
index 0000000..fc76e73
--- /dev/null
+++ b/src/rust/core/src/options_descriptor.rs
@@ -0,0 +1,109 @@
+//! Builds a descriptor of every option a given style accepts.
+//!
+//! Tooling such as the editor uses the result to render form controls and
+//! validation hints without having to introspect the style itself.
+
+use serde_json::{json, Map, Value};
+
+use crate::style::Style;
+
+pub struct OptionsDescriptor<'a> {
+    style: &'a Style,
+}
+
+impl<'a> OptionsDescriptor<'a> {
+    pub fn new(style: &'a Style) -> Self {
+        Self { style }
+    }
+
+    /// Builds and returns the descriptor: a map of option name → field metadata.
+    pub fn to_json(&self) -> Value {
+        let mut result = Map::new();
+
+        result.insert("seed".into(), json!({ "type": "string" }));
+        result.insert(
+            "size".into(),
+            json!({ "type": "number", "min": 1, "max": 4096 }),
+        );
+        result.insert("idRandomization".into(), json!({ "type": "boolean" }));
+        result.insert("title".into(), json!({ "type": "string" }));
+        result.insert(
+            "flip".into(),
+            json!({ "type": "enum", "values": ["none", "horizontal", "vertical", "both"], "list": true }),
+        );
+        result.insert(
+            "fontFamily".into(),
+            json!({ "type": "string", "list": true }),
+        );
+        result.insert(
+            "fontWeight".into(),
+            json!({ "type": "number", "min": 1, "max": 1000, "list": true }),
+        );
+        result.insert(
+            "scale".into(),
+            json!({ "type": "range", "min": 0, "max": 10 }),
+        );
+        result.insert(
+            "borderRadius".into(),
+            json!({ "type": "range", "min": 0, "max": 50 }),
+        );
+        result.insert("rotate".into(), rotate_range());
+        result.insert("translateX".into(), translate_range());
+        result.insert("translateY".into(), translate_range());
+
+        for (name, component) in self.style.components() {
+            if component.is_alias() {
+                continue;
+            }
+
+            let mut variants: Vec<&String> = component.variants().keys().collect();
+            variants.sort();
+
+            result.insert(
+                format!("{name}Variant"),
+                json!({ "type": "enum", "values": variants, "list": true, "weighted": true }),
+            );
+            result.insert(
+                format!("{name}Probability"),
+                json!({ "type": "number", "min": 0, "max": 100 }),
+            );
+        }
+
+        let colors = self.style.colors();
+        let color_names = colors
+            .keys()
+            .cloned()
+            .chain(std::iter::once("background".to_string()));
+
+        for name in color_names {
+            let mut field = Map::new();
+            field.insert("type".into(), json!("color"));
+            field.insert("list".into(), json!(true));
+
+            if let Some(contrast_to) = colors.get(&name).and_then(|c| c.contrast_to()) {
+                field.insert("contrastTo".into(), json!(contrast_to));
+            }
+
+            result.insert(format!("{name}Color"), Value::Object(field));
+            result.insert(
+                format!("{name}ColorFill"),
+                json!({ "type": "enum", "values": ["solid", "linear", "radial"], "list": true }),
+            );
+            result.insert(
+                format!("{name}ColorFillStops"),
+                json!({ "type": "range", "min": 2 }),
+            );
+            result.insert(format!("{name}ColorAngle"), rotate_range());
+        }
+
+        Value::Object(result)
+    }
+}
+
+fn rotate_range() -> Value {
+    json!({ "type": "range", "min": -360, "max": 360 })
+}
+
+fn translate_range() -> Value {
+    json!({ "type": "range", "min": -1000, "max": 1000 })
+}
diff --git a/src/rust/core/src/prng.rs b/src/rust/core/src/prng.rs
new file mode 100644
index 0000000..fbb9f22
--- /dev/null
+++ b/src/rust/core/src/prng.rs
@@ -0,0 +1,326 @@
+//! Key-based pseudorandom number generator and its primitives.
+
+pub mod fnv1a;
+mod mulberry32;
+
+pub use mulberry32::Mulberry32;
+
+use std::collections::HashMap;
+use std::collections::HashSet;
+use std::fmt::Display;
+
+use crate::utils::number::round_half_up;
+
+/// A numeric range with an optional quantization step, mirroring the `Range`
+/// shape in the style-definition schema. `min`/`max` may be given in any order
+/// — the generator sorts them internally.
+#[derive(Debug, Clone, Copy, serde::Deserialize)]
+pub struct Range {
+    pub min: f64,
+    pub max: f64,
+    pub step: Option<f64>,
+}
+
+/// Key-based pseudorandom number generator.
+///
+/// Each method takes a key that, combined with the seed, produces a
+/// deterministic value. The same seed + key always yields the same result,
+/// regardless of call order.
+pub struct Prng {
+    seed: String,
+}
+
+impl Prng {
+    pub fn new(seed: impl Into<String>) -> Self {
+        Self { seed: seed.into() }
+    }
+
+    /// Picks a single item from `items` deterministically. Returns `None` for
+    /// an empty slice. Duplicate values (by string representation) are
+    /// collapsed before picking so that input order and duplication do not
+    /// affect the result.
+    pub fn pick<'a, T: Display>(&self, key: &str, items: &'a [T]) -> Option<&'a T> {
+        if items.is_empty() {
+            return None;
+        }
+
+        if items.len() == 1 {
+            return Some(&items[0]);
+        }
+
+        let mut unique = unique_by_code_point(items);
+
+        if unique.len() == 1 {
+            return Some(unique[0]);
+        }
+
+        unique.sort_by(|a, b| cmp_utf16(a.to_string(), b.to_string()));
+        let index = (self.get_value(key) * unique.len() as f64).floor() as usize;
+
+        Some(unique[index])
+    }
+
+    /// Picks a key from `weights` proportional to its weight. When all weights
+    /// are zero, falls back to an unweighted [`pick`](Self::pick). Returns
+    /// `None` for an empty map.
+    pub fn weighted_pick(&self, key: &str, weights: &HashMap<String, f64>) -> Option<String> {
+        if weights.is_empty() {
+            return None;
+        }
+
+        if weights.len() == 1 {
+            return weights.keys().next().cloned();
+        }
+
+        let mut keys: Vec<&String> = weights.keys().collect();
+        keys.sort_by(|a, b| cmp_utf16(a.as_str(), b.as_str()));
+
+        // Sum in sorted-key order to match the JS reduce-over-sorted parity:
+        // float addition is non-associative, so insertion order would diverge.
+        let mut total_weight = 0.0;
+        for k in &keys {
+            total_weight += weights[*k];
+        }
+
+        if total_weight == 0.0 {
+            let sorted: Vec<String> = keys.iter().map(|k| (*k).clone()).collect();
+            return self.pick(key, &sorted).cloned();
+        }
+
+        let threshold = self.get_value(key) * total_weight;
+        let mut cumulative = 0.0;
+
+        for k in &keys {
+            cumulative += weights[*k];
+
+            if threshold < cumulative {
+                return Some((*k).clone());
+            }
+        }
+
+        Some((*keys[keys.len() - 1]).clone())
+    }
+
+    /// Returns `true` with the given probability (0–100).
+    pub fn bool(&self, key: &str, likelihood: f64) -> bool {
+        self.get_value(key) * 100.0 < likelihood
+    }
+
+    /// Returns a deterministic float in `range`, rounded to four decimal
+    /// places. With `step > 0`, the result is drawn uniformly from
+    /// `{ min + i*step | 0 ≤ i ≤ floor((max - min) / step) }`, so both
+    /// endpoints of an evenly-divisible range are equally likely. A
+    /// non-positive or absent step means continuous.
+    pub fn float(&self, key: &str, range: &Range) -> f64 {
+        let min = range.min.min(range.max);
+        let max = range.min.max(range.max);
+        let step = range.step.unwrap_or(0.0);
+
+        let value = if step > 0.0 {
+            let buckets = ((max - min) / step).floor() + 1.0;
+            let i = (self.get_value(key) * buckets).floor();
+            min + i * step
+        } else {
+            min + self.get_value(key) * (max - min)
+        };
+
+        round_half_up(value * 10000.0) / 10000.0
+    }
+
+    /// Returns a deterministic integer in `range`. `range.step` is accepted for
+    /// symmetry with [`float`](Self::float) but ignored — integers step by 1.
+    pub fn integer(&self, key: &str, range: &Range) -> i64 {
+        let min = range.min.min(range.max);
+        let max = range.min.max(range.max);
+
+        ((self.get_value(key) * (max - min + 1.0)).floor() + min) as i64
+    }
+
+    /// Fisher-Yates shuffle with chained Mulberry32 state. Duplicate values
+    /// (by string representation) are collapsed before shuffling.
+    pub fn shuffle<T: Display + Clone>(&self, key: &str, items: &[T]) -> Vec<T> {
+        if items.len() <= 1 {
+            return items.to_vec();
+        }
+
+        let mut refs = unique_by_code_point(items);
+        refs.sort_by(|a, b| cmp_utf16(a.to_string(), b.to_string()));
+        let mut result: Vec<T> = refs.into_iter().cloned().collect();
+
+        let mut prng = Mulberry32::new(fnv1a::hash(&format!("{}:{}", self.seed, key)));
+
+        for i in (1..result.len()).rev() {
+            let j = (prng.next_float() * (i as f64 + 1.0)).floor() as usize;
+            result.swap(i, j);
+        }
+
+        result
+    }
+
+    /// Returns a single float in `[0, 1)` derived from `seed:key`. The same
+    /// seed/key pair always produces the same value.
+    pub fn get_value(&self, key: &str) -> f64 {
+        Mulberry32::new(fnv1a::hash(&format!("{}:{}", self.seed, key))).next_float()
+    }
+}
+
+/// Compares two values' string representations by UTF-16 code units, matching
+/// the JS reference's `#compareByCodePoint` (JS string `<` compares code units).
+/// Agrees with Rust's default `str` ordering for all BMP text; differs only for
+/// supplementary-plane characters, where UTF-16 and code-point order disagree.
+fn cmp_utf16(a: impl AsRef<str>, b: impl AsRef<str>) -> std::cmp::Ordering {
+    a.as_ref().encode_utf16().cmp(b.as_ref().encode_utf16())
+}
+
+/// Deduplicates by string representation, keeping the first occurrence, and
+/// returns references into `items`.
+fn unique_by_code_point<T: Display>(items: &[T]) -> Vec<&T> {
+    let mut seen = HashSet::new();
+    let mut result = Vec::new();
+
+    for item in items {
+        if seen.insert(item.to_string()) {
+            result.push(item);
+        }
+    }
+
+    result
+}
+
+/// Cross-language parity: asserts the PRNG primitives produce exactly the values
+/// in the shared fixtures under `<repo>/tests/fixtures/parity/`, the same the
+/// JS, PHP, Python, Go and Dart suites run against.
+#[cfg(test)]
+mod tests {
+    use std::collections::HashMap;
+    use std::fs;
+    use std::path::PathBuf;
+
+    use serde_json::Value;
+
+    use super::{fnv1a, Mulberry32, Prng, Range};
+
+    fn fixture(name: &str) -> Value {
+        let path = PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+            .join("../../../tests/fixtures/parity")
+            .join(name);
+        let text =
+            fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()));
+        serde_json::from_str(&text).unwrap()
+    }
+
+    fn range_from(v: &Value) -> Range {
+        Range {
+            min: v["min"].as_f64().unwrap(),
+            max: v["max"].as_f64().unwrap(),
+            step: v.get("step").and_then(Value::as_f64),
+        }
+    }
+
+    fn strings(v: &Value) -> Vec<String> {
+        v.as_array()
+            .unwrap()
+            .iter()
+            .map(|x| x.as_str().unwrap().to_string())
+            .collect()
+    }
+
+    #[test]
+    fn fnv1a_parity() {
+        for e in fixture("fnv1a.json").as_array().unwrap() {
+            let input = e["input"].as_str().unwrap();
+            assert_eq!(
+                u64::from(fnv1a::hash(input)),
+                e["hash"].as_u64().unwrap(),
+                "hash {input:?}"
+            );
+            assert_eq!(
+                fnv1a::hex(input),
+                e["hex"].as_str().unwrap(),
+                "hex {input:?}"
+            );
+        }
+    }
+
+    #[test]
+    fn mulberry32_parity() {
+        for e in fixture("mulberry32.json").as_array().unwrap() {
+            let seed = e["seed"].as_u64().unwrap() as u32;
+            let mut m = Mulberry32::new(seed);
+
+            for step in e["sequence"].as_array().unwrap() {
+                let float = m.next_float();
+                let state = m.state();
+                assert_eq!(float, step["float"].as_f64().unwrap(), "float seed {seed}");
+                assert_eq!(
+                    i64::from(state),
+                    step["state"].as_i64().unwrap(),
+                    "state seed {seed}"
+                );
+            }
+        }
+    }
+
+    #[test]
+    fn prng_parity() {
+        let f = fixture("prng.json");
+
+        for c in f["getValue"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            assert_eq!(
+                p.get_value(c["key"].as_str().unwrap()),
+                c["result"].as_f64().unwrap(),
+                "getValue {c}"
+            );
+        }
+
+        for c in f["pick"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let items = strings(&c["items"]);
+            let got = p.pick(c["key"].as_str().unwrap(), &items).cloned();
+            let want = c["result"].as_str().map(str::to_string);
+            assert_eq!(got, want, "pick {c}");
+        }
+
+        for c in f["weightedPick"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let weights: HashMap<String, f64> = c["weights"]
+                .as_object()
+                .unwrap()
+                .iter()
+                .map(|(k, v)| (k.clone(), v.as_f64().unwrap()))
+                .collect();
+            let got = p.weighted_pick(c["key"].as_str().unwrap(), &weights);
+            let want = c["result"].as_str().map(str::to_string);
+            assert_eq!(got, want, "weightedPick {c}");
+        }
+
+        for c in f["bool"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let got = p.bool(
+                c["key"].as_str().unwrap(),
+                c["likelihood"].as_f64().unwrap(),
+            );
+            assert_eq!(got, c["result"].as_bool().unwrap(), "bool {c}");
+        }
+
+        for c in f["float"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let got = p.float(c["key"].as_str().unwrap(), &range_from(&c["range"]));
+            assert_eq!(got, c["result"].as_f64().unwrap(), "float {c}");
+        }
+
+        for c in f["integer"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let got = p.integer(c["key"].as_str().unwrap(), &range_from(&c["range"]));
+            assert_eq!(got, c["result"].as_i64().unwrap(), "integer {c}");
+        }
+
+        for c in f["shuffle"].as_array().unwrap() {
+            let p = Prng::new(c["seed"].as_str().unwrap());
+            let items = strings(&c["items"]);
+            let got = p.shuffle(c["key"].as_str().unwrap(), &items);
+            assert_eq!(got, strings(&c["result"]), "shuffle {c}");
+        }
+    }
+}
diff --git a/src/rust/core/src/prng/fnv1a.rs b/src/rust/core/src/prng/fnv1a.rs
new file mode 100644
index 0000000..c39e428
--- /dev/null
+++ b/src/rust/core/src/prng/fnv1a.rs
@@ -0,0 +1,26 @@
+//! FNV-1a 32-bit hash.
+//!
+//! Offset basis: `0x811c9dc5`, prime: `0x01000193`.
+//!
+//! See <https://en.wikipedia.org/wiki/Fowler%E2%80%93Noll%E2%80%93Vo_hash_function>
+
+/// Returns the unsigned 32-bit FNV-1a hash of `input`.
+///
+/// The input is hashed by its UTF-16 code units (matching JS `charCodeAt`), so
+/// the result is identical across the language ports even for non-ASCII or
+/// non-BMP seeds.
+pub fn hash(input: &str) -> u32 {
+    let mut hash: u32 = 0x811c_9dc5;
+
+    for code in input.encode_utf16() {
+        hash ^= u32::from(code);
+        hash = hash.wrapping_mul(0x0100_0193);
+    }
+
+    hash
+}
+
+/// Returns the FNV-1a hash of `input` as an 8-character lowercase hex string.
+pub fn hex(input: &str) -> String {
+    format!("{:08x}", hash(input))
+}
diff --git a/src/rust/core/src/prng/mulberry32.rs b/src/rust/core/src/prng/mulberry32.rs
new file mode 100644
index 0000000..9610592
--- /dev/null
+++ b/src/rust/core/src/prng/mulberry32.rs
@@ -0,0 +1,51 @@
+/// 2^32, the divisor that maps a `u32` into the half-open interval `[0, 1)`.
+const UINT32_MAX_PLUS_1: f64 = 4_294_967_296.0;
+
+/// Mulberry32 PRNG — stateful, matching the C reference by Tommy Ettinger.
+///
+/// C original:
+/// ```c
+/// uint32_t z = (x += 0x6D2B79F5UL);
+/// z = (z ^ (z >> 15)) * (z | 1UL);
+/// z ^= z + (z ^ (z >> 7)) * (z | 61UL);
+/// return z ^ (z >> 14);
+/// ```
+///
+/// All arithmetic is unsigned 32-bit; `wrapping_*` and the logical `>>` on
+/// `u32` reproduce the JS `Math.imul` / `>>>` / `| 0` behaviour exactly.
+///
+/// See <https://gist.github.com/tommyettinger/46a874533244883189143505d203312c>
+pub struct Mulberry32 {
+    state: u32,
+}
+
+impl Mulberry32 {
+    pub fn new(seed: u32) -> Self {
+        Self { state: seed }
+    }
+
+    /// Advances the state and returns the next unsigned 32-bit value.
+    #[allow(clippy::should_implement_trait)]
+    pub fn next(&mut self) -> u32 {
+        let z = self.state.wrapping_add(0x6d2b_79f5);
+        self.state = z;
+
+        let mut t = (z ^ (z >> 15)).wrapping_mul(z | 1);
+        t ^= t.wrapping_add((t ^ (t >> 7)).wrapping_mul(t | 61));
+
+        t ^ (t >> 14)
+    }
+
+    /// Advances the state and returns the next value in `[0, 1)`.
+    pub fn next_float(&mut self) -> f64 {
+        f64::from(self.next()) / UINT32_MAX_PLUS_1
+    }
+
+    /// Returns the current internal state as a signed 32-bit value, matching
+    /// the JS reference where the state is stored via `| 0`. Only exercised by
+    /// the parity tests today, but kept as part of the faithful primitive.
+    #[allow(dead_code)]
+    pub fn state(&self) -> i32 {
+        self.state as i32
+    }
+}
diff --git a/src/rust/core/src/renderer.rs b/src/rust/core/src/renderer.rs
new file mode 100644
index 0000000..adc5737
--- /dev/null
+++ b/src/rust/core/src/renderer.rs
@@ -0,0 +1,538 @@
+//! Walks a style's element tree and turns it into the final SVG markup.
+//!
+//! The renderer is single-use: it accumulates `<defs>` entries and per-render
+//! caches across method calls, so a fresh instance is required per avatar. Any
+//! circular color reference encountered during resolution surfaces as an
+//! [`Error`] from [`Renderer::render`].
+
+use std::collections::HashSet;
+use std::hash::{BuildHasher, Hasher, RandomState};
+use std::sync::LazyLock;
+
+use indexmap::IndexMap;
+use regex::Regex;
+
+use crate::error::Error;
+use crate::prng::fnv1a;
+use crate::resolver::Resolver;
+use crate::style::{Canvas, Component, DynValue, Element, Style};
+use crate::utils::{initials, license, number, xml};
+
+pub struct Renderer<'a> {
+    style: &'a Style,
+    resolver: &'a Resolver<'a>,
+    defs: IndexMap<String, String>,
+    cached_seed_hash: Option<String>,
+    cached_initials: Option<String>,
+}
+
+impl<'a> Renderer<'a> {
+    pub fn new(style: &'a Style, resolver: &'a Resolver<'a>) -> Self {
+        Self {
+            style,
+            resolver,
+            defs: IndexMap::new(),
+            cached_seed_hash: None,
+            cached_initials: None,
+        }
+    }
+
+    /// Builds the complete SVG document for the avatar.
+    pub fn render(&mut self) -> Result<String, Error> {
+        let style = self.style;
+        let resolver = self.resolver;
+        let canvas = style.canvas();
+
+        let background = self.render_background(canvas)?;
+        let mut body = self.render_elements(canvas.elements())?;
+
+        // Order matters: scale and flip around center, then rotate, translate,
+        // and finally clip with border radius (outermost wrapper).
+        body = self.apply_scale(body, canvas);
+        body = self.apply_flip(body, canvas);
+        body = self.apply_rotate(body, canvas);
+        body = self.apply_translate(body, canvas);
+        body = self.apply_border_radius(format!("{background}{body}"), canvas);
+
+        let metadata = license::xml(style.meta());
+        let defs = if self.defs.is_empty() {
+            String::new()
+        } else {
+            format!(
+                "<defs>{}</defs>",
+                self.defs.values().cloned().collect::<String>()
+            )
+        };
+
+        // Resolve size before title and the root attributes so the resolver memo
+        // records the keys in the same order as the JS/PHP/Python ports — the
+        // JSON envelope emits the resolved options in first-recorded order.
+        let size = resolver.size();
+
+        let escaped_title = resolver.title().map(|t| xml::escape(&t));
+
+        let mut attrs = vec![
+            "xmlns=\"http://www.w3.org/2000/svg\"".to_string(),
+            format!(
+                "viewBox=\"0 0 {} {}\"",
+                number::format(canvas.width()),
+                number::format(canvas.height())
+            ),
+        ];
+
+        let root_attributes = self.render_attributes(style.root_attributes())?;
+        if !root_attributes.is_empty() {
+            attrs.push(root_attributes.trim_start().to_string());
+        }
+
+        match &escaped_title {
+            Some(title) => {
+                attrs.push("role=\"img\"".to_string());
+                attrs.push(format!("aria-label=\"{title}\""));
+            }
+            None => attrs.push("aria-hidden=\"true\"".to_string()),
+        }
+
+        if let Some(size) = size {
+            let size = number::format(size);
+            attrs.push(format!("width=\"{size}\""));
+            attrs.push(format!("height=\"{size}\""));
+        }
+
+        let title_element = match &escaped_title {
+            Some(title) => format!("<title>{title}</title>"),
+            None => String::new(),
+        };
+
+        let svg = format!(
+            "<svg {}><!-- Generated by DiceBear (https://dicebear.com) -->{metadata}{defs}{title_element}{body}</svg>",
+            attrs.join(" ")
+        );
+
+        Ok(if resolver.id_randomization() {
+            randomize_ids(&svg)
+        } else {
+            svg
+        })
+    }
+
+    fn apply_flip(&self, body: String, canvas: &Canvas) -> String {
+        let flip = self.resolver.flip();
+
+        if flip == "none" {
+            return body;
+        }
+
+        let w = number::format(canvas.width());
+        let h = number::format(canvas.height());
+
+        let transform = match flip.as_str() {
+            "horizontal" => format!("translate({w}, 0) scale(-1, 1)"),
+            "vertical" => format!("translate(0, {h}) scale(1, -1)"),
+            "both" => format!("translate({w}, {h}) scale(-1, -1)"),
+            _ => return body,
+        };
+
+        format!("<g transform=\"{transform}\">{body}</g>")
+    }
+
+    fn apply_scale(&self, body: String, canvas: &Canvas) -> String {
+        let scale = self.resolver.scale();
+
+        if scale == 1.0 {
+            return body;
+        }
+
+        let cx = canvas.width() / 2.0;
+        let cy = canvas.height() / 2.0;
+
+        format!(
+            "<g transform=\"translate({}, {}) scale({}) translate({}, {})\">{body}</g>",
+            number::format(cx),
+            number::format(cy),
+            number::format(scale),
+            number::format(-cx),
+            number::format(-cy)
+        )
+    }
+
+    fn apply_border_radius(&mut self, body: String, canvas: &Canvas) -> String {
+        let radius = self.resolver.border_radius();
+        let id = format!("clip-{}", self.hash_seed());
+        let rx = number::format(radius / 100.0 * canvas.width());
+        let ry = number::format(radius / 100.0 * canvas.height());
+
+        self.defs.insert(
+            id.clone(),
+            format!(
+                "<clipPath id=\"{id}\"><rect width=\"{}\" height=\"{}\" rx=\"{rx}\" ry=\"{ry}\"/></clipPath>",
+                number::format(canvas.width()),
+                number::format(canvas.height())
+            ),
+        );
+
+        format!("<g clip-path=\"url(#{id})\">{body}</g>")
+    }
+
+    fn apply_rotate(&self, body: String, canvas: &Canvas) -> String {
+        let rotate = self.resolver.rotate();
+
+        if rotate == 0.0 {
+            return body;
+        }
+
+        let cx = canvas.width() / 2.0;
+        let cy = canvas.height() / 2.0;
+
+        format!(
+            "<g transform=\"rotate({}, {}, {})\">{body}</g>",
+            number::format(rotate),
+            number::format(cx),
+            number::format(cy)
+        )
+    }
+
+    fn apply_translate(&self, body: String, canvas: &Canvas) -> String {
+        let tx = self.resolver.translate_x();
+        let ty = self.resolver.translate_y();
+
+        if tx == 0.0 && ty == 0.0 {
+            return body;
+        }
+
+        let x = number::format(tx / 100.0 * canvas.width());
+        let y = number::format(ty / 100.0 * canvas.height());
+
+        format!("<g transform=\"translate({x}, {y})\">{body}</g>")
+    }
+
+    fn render_background(&mut self, canvas: &Canvas) -> Result<String, Error> {
+        if self.resolver.color("background")?.is_empty() {
+            return Ok(String::new());
+        }
+
+        let fill = xml::escape(&self.resolve_color_reference("background")?);
+
+        Ok(format!(
+            "<rect width=\"{}\" height=\"{}\" fill=\"{fill}\"/>",
+            number::format(canvas.width()),
+            number::format(canvas.height())
+        ))
+    }
+
+    fn render_elements(&mut self, elements: &[Element]) -> Result<String, Error> {
+        let mut out = String::new();
+
+        for element in elements {
+            out.push_str(&self.render_element(element)?);
+        }
+
+        Ok(out)
+    }
+
+    fn render_element(&mut self, element: &Element) -> Result<String, Error> {
+        match element.kind() {
+            "element" => self.render_svg_element(element),
+            "text" => Ok(self.render_text_element(element)),
+            "component" => self.render_component_element(element),
+            _ => Ok(String::new()),
+        }
+    }
+
+    fn render_svg_element(&mut self, element: &Element) -> Result<String, Error> {
+        let Some(name) = element.name().filter(|n| !n.is_empty()) else {
+            return Ok(String::new());
+        };
+
+        // The special `defs` name diverts children into the shared <defs> block.
+        if name == "defs" {
+            for child in element.children() {
+                let rendered = self.render_element(child)?;
+
+                if !rendered.is_empty() {
+                    let key = match child.attributes().and_then(|a| a.get("id")) {
+                        Some(DynValue::Str(id)) => id.clone(),
+                        _ => format!("_{}", self.defs.len()),
+                    };
+
+                    self.defs.insert(key, rendered);
+                }
+            }
+
+            return Ok(String::new());
+        }
+
+        let attrs = self.render_attributes(element.attributes())?;
+        let children = self.render_elements(element.children())?;
+
+        Ok(if children.is_empty() {
+            format!("<{name}{attrs}/>")
+        } else {
+            format!("<{name}{attrs}>{children}</{name}>")
+        })
+    }
+
+    fn render_text_element(&mut self, element: &Element) -> String {
+        match element.value() {
+            Some(value) => xml::escape(&self.resolve_value(value)),
+            None => String::new(),
+        }
+    }
+
+    fn render_component_element(&mut self, element: &Element) -> Result<String, Error> {
+        let Some(component_name) = element.name() else {
+            return Ok(String::new());
+        };
+
+        let Some(variant_name) = self.resolver.variant(component_name) else {
+            return Ok(String::new());
+        };
+
+        let style = self.style;
+        let Some(component) = style.components().get(component_name) else {
+            return Ok(String::new());
+        };
+        let Some(variant) = component.variants().get(&variant_name) else {
+            return Ok(String::new());
+        };
+
+        let id = format!(
+            "{}-{}-{}",
+            component.source_name(),
+            variant_name,
+            self.hash_seed()
+        );
+
+        if !self.defs.contains_key(&id) {
+            let body = self.render_elements(variant.elements())?;
+            self.defs
+                .insert(id.clone(), format!("<g id=\"{id}\">{body}</g>"));
+        }
+
+        let transforms = self.build_transforms(component);
+        let user_attributes = element.attributes();
+
+        let merged = if transforms.is_empty() {
+            user_attributes.cloned()
+        } else {
+            let mut merged = user_attributes.cloned().unwrap_or_default();
+            let user_transform = match user_attributes.and_then(|a| a.get("transform")) {
+                Some(DynValue::Str(t)) if !t.is_empty() => Some(t.clone()),
+                _ => None,
+            };
+
+            let all_parts: Vec<String> = match user_transform {
+                Some(user) => std::iter::once(user).chain(transforms).collect(),
+                None => transforms,
+            };
+
+            // Insert updates in place if `transform` already exists (keeping its
+            // position) or appends it, matching the JS object spread.
+            merged.insert("transform".to_string(), DynValue::Str(all_parts.join(" ")));
+            Some(merged)
+        };
+
+        let attrs = self.render_attributes(merged.as_ref())?;
+
+        Ok(format!("<use{attrs} href=\"#{id}\"/>"))
+    }
+
+    /// The per-component `transform` fragments (translate, rotate, scale),
+    /// ordered so that — once joined — scale is the innermost transform.
+    fn build_transforms(&self, component: &Component) -> Vec<String> {
+        let (rotate, translate_x, translate_y, scale) =
+            self.resolver.component_transform(component.name());
+
+        if translate_x == 0.0 && translate_y == 0.0 && rotate == 0.0 && scale == 1.0 {
+            return Vec::new();
+        }
+
+        let mut transforms = Vec::new();
+        let cx = component.width() / 2.0;
+        let cy = component.height() / 2.0;
+        let cx_value = number::format(cx);
+        let cy_value = number::format(cy);
+
+        if translate_x != 0.0 || translate_y != 0.0 {
+            let x = number::format(translate_x / 100.0 * component.width());
+            let y = number::format(translate_y / 100.0 * component.height());
+            transforms.push(format!("translate({x}, {y})"));
+        }
+
+        if rotate != 0.0 {
+            transforms.push(format!(
+                "rotate({}, {cx_value}, {cy_value})",
+                number::format(rotate)
+            ));
+        }
+
+        if scale != 1.0 {
+            transforms.push(format!(
+                "translate({cx_value}, {cy_value}) scale({}) translate({}, {})",
+                number::format(scale),
+                number::format(-cx),
+                number::format(-cy)
+            ));
+        }
+
+        transforms
+    }
+
+    fn render_attributes(
+        &mut self,
+        attributes: Option<&IndexMap<String, DynValue>>,
+    ) -> Result<String, Error> {
+        let Some(attributes) = attributes else {
+            return Ok(String::new());
+        };
+
+        let mut parts: Vec<String> = Vec::new();
+
+        for (key, value) in attributes {
+            let resolved = self.resolve_attribute_value(value)?;
+            parts.push(format!("{key}=\"{}\"", xml::escape(&resolved)));
+        }
+
+        Ok(if parts.is_empty() {
+            String::new()
+        } else {
+            format!(" {}", parts.join(" "))
+        })
+    }
+
+    fn resolve_attribute_value(&mut self, value: &DynValue) -> Result<String, Error> {
+        match value {
+            DynValue::Str(s) => Ok(s.clone()),
+            DynValue::Ref(reference) if reference.kind() == "color" => {
+                self.resolve_color_reference(reference.name())
+            }
+            DynValue::Ref(reference) => Ok(self.resolve_variable(reference.name())),
+        }
+    }
+
+    /// Resolves a named color into a hex string (solid / single color) or a
+    /// `url(#…)` gradient reference, registering the gradient in `<defs>`.
+    fn resolve_color_reference(&mut self, name: &str) -> Result<String, Error> {
+        let colors = self.resolver.color(name)?;
+        let fill = self.resolver.color_fill(name);
+
+        if fill == "solid" || colors.len() <= 1 {
+            return Ok(colors
+                .into_iter()
+                .next()
+                .unwrap_or_else(|| "none".to_string()));
+        }
+
+        Ok(self.build_gradient_def(name, &colors, &fill))
+    }
+
+    fn build_gradient_def(&mut self, name: &str, colors: &[String], fill: &str) -> String {
+        let rotation = self.resolver.color_angle(name);
+        let id = format!("{name}-color-{}", self.hash_seed());
+        let tag = if fill == "linear" {
+            "linearGradient"
+        } else {
+            "radialGradient"
+        };
+
+        let rotate_attr = if rotation == 0.0 {
+            String::new()
+        } else {
+            format!(
+                " gradientTransform=\"rotate({}, 0.5, 0.5)\"",
+                number::format(rotation)
+            )
+        };
+
+        let last = colors.len() as f64 - 1.0;
+        let mut stops = String::new();
+        for (i, color) in colors.iter().enumerate() {
+            let offset = number::format((i as f64 / last) * 100.0);
+            stops.push_str(&format!(
+                "<stop offset=\"{offset}%\" stop-color=\"{}\"/>",
+                xml::escape(color)
+            ));
+        }
+
+        self.defs.insert(
+            id.clone(),
+            format!("<{tag} id=\"{id}\"{rotate_attr}>{stops}</{tag}>"),
+        );
+
+        format!("url(#{id})")
+    }
+
+    fn resolve_value(&mut self, value: &DynValue) -> String {
+        match value {
+            DynValue::Str(s) => s.clone(),
+            DynValue::Ref(reference) if reference.kind() == "variable" => {
+                self.resolve_variable(reference.name())
+            }
+            DynValue::Ref(_) => String::new(),
+        }
+    }
+
+    fn resolve_variable(&mut self, name: &str) -> String {
+        match name {
+            "initial" => self
+                .initials()
+                .chars()
+                .next()
+                .map(String::from)
+                .unwrap_or_default(),
+            "initials" => self.initials(),
+            "fontWeight" => number::format(self.resolver.font_weight()),
+            "fontFamily" => self.resolver.font_family(),
+            _ => String::new(),
+        }
+    }
+
+    fn initials(&mut self) -> String {
+        self.cached_initials
+            .get_or_insert_with(|| initials::from_seed(&self.resolver.seed()))
+            .clone()
+    }
+
+    fn hash_seed(&mut self) -> String {
+        self.cached_seed_hash
+            .get_or_insert_with(|| fnv1a::hex(&self.resolver.seed()))
+            .clone()
+    }
+}
+
+/// Suffixes every `id` declaration and reference with a random hex string so
+/// that multiple instances of the same avatar do not collide in a shared
+/// document. Uses process randomness intentionally — a PRNG-derived suffix
+/// would produce the same ID for the same seed.
+fn randomize_ids(svg: &str) -> String {
+    static ID_DECL: LazyLock<Regex> = LazyLock::new(|| Regex::new(r#"\bid="([^"]+)""#).unwrap());
+
+    let random = RandomState::new().build_hasher().finish();
+    let suffix = format!("{:06x}", (random as u32) & 0x00ff_ffff);
+
+    let mut seen = HashSet::new();
+    let mut ids: Vec<String> = Vec::new();
+    for caps in ID_DECL.captures_iter(svg) {
+        let id = caps[1].to_string();
+        if seen.insert(id.clone()) {
+            ids.push(id);
+        }
+    }
+
+    if ids.is_empty() {
+        return svg.to_string();
+    }
+
+    let alternation = ids
+        .iter()
+        .map(|id| regex::escape(id))
+        .collect::<Vec<_>>()
+        .join("|");
+    let pattern = format!(r##"(id="|url\(#|href="#)({alternation})("|\))"##);
+    let re = Regex::new(&pattern).unwrap();
+
+    re.replace_all(svg, |caps: &regex::Captures| {
+        format!("{}{}-{suffix}{}", &caps[1], &caps[2], &caps[3])
+    })
+    .into_owned()
+}
diff --git a/src/rust/core/src/resolver.rs b/src/rust/core/src/resolver.rs
new file mode 100644
index 0000000..0324576
--- /dev/null
+++ b/src/rust/core/src/resolver.rs
@@ -0,0 +1,359 @@
+//! Derives every deterministic value for an avatar from the style, the user
+//! options, and a seeded PRNG, exposing them as memoized named accessors.
+//!
+//! Like the other ports, every value the resolver picks is recorded in
+//! a snapshot (`resolved`), which `Avatar::to_json` returns. The raw seed is
+//! deliberately excluded. The PRNG is key-based and order-independent, so the
+//! snapshot doubles as the only mutable state besides the `color_resolving`
+//! stack that detects circular color references.
+
+use std::cell::RefCell;
+use std::collections::HashMap;
+
+use serde_json::Value;
+
+use crate::error::Error;
+use crate::options::Options;
+use crate::prng::{Prng, Range};
+use crate::style::{Color, Component, Style};
+use crate::utils::color;
+
+pub struct Resolver<'a> {
+    style: &'a Style,
+    options: &'a Options,
+    prng: Prng,
+    color_resolving: RefCell<Vec<String>>,
+    result: RefCell<serde_json::Map<String, Value>>,
+}
+
+impl<'a> Resolver<'a> {
+    pub fn new(style: &'a Style, options: &'a Options) -> Self {
+        let prng = Prng::new(options.seed().unwrap_or_default());
+
+        Self {
+            style,
+            options,
+            prng,
+            color_resolving: RefCell::new(Vec::new()),
+            result: RefCell::new(serde_json::Map::new()),
+        }
+    }
+
+    pub fn seed(&self) -> String {
+        // Deliberately not recorded — the seed is the one input kept out of the
+        // resolved() snapshot, so a serialized avatar never leaks it.
+        self.options.seed().unwrap_or_default()
+    }
+
+    pub fn size(&self) -> Option<f64> {
+        let value = self.options.size();
+        self.record("size", value.map_or(Value::Null, num_value));
+        value
+    }
+
+    pub fn id_randomization(&self) -> bool {
+        let value = self.options.id_randomization().unwrap_or(false);
+        self.record("idRandomization", Value::from(value));
+        value
+    }
+
+    pub fn title(&self) -> Option<String> {
+        let value = self.options.title();
+        self.record("title", value.clone().map_or(Value::Null, Value::from));
+        value
+    }
+
+    pub fn flip(&self) -> String {
+        let value = self
+            .prng
+            .pick("flip", &self.options.flip())
+            .cloned()
+            .unwrap_or_else(|| "none".to_string());
+        self.record("flip", Value::from(value.clone()));
+        value
+    }
+
+    pub fn font_family(&self) -> String {
+        let value = self
+            .prng
+            .pick("fontFamily", &self.options.font_family())
+            .cloned()
+            .unwrap_or_else(|| "system-ui".to_string());
+        self.record("fontFamily", Value::from(value.clone()));
+        value
+    }
+
+    pub fn font_weight(&self) -> f64 {
+        let value = self
+            .prng
+            .pick("fontWeight", &self.options.font_weight())
+            .copied()
+            .unwrap_or(400.0);
+        self.record("fontWeight", num_value(value));
+        value
+    }
+
+    pub fn scale(&self) -> f64 {
+        self.float("scale", self.options.scale(), 1.0)
+    }
+
+    pub fn border_radius(&self) -> f64 {
+        self.float("borderRadius", self.options.border_radius(), 0.0)
+    }
+
+    pub fn rotate(&self) -> f64 {
+        self.float("rotate", self.options.rotate(), 0.0)
+    }
+
+    pub fn translate_x(&self) -> f64 {
+        self.float("translateX", self.options.translate_x(), 0.0)
+    }
+
+    pub fn translate_y(&self) -> f64 {
+        self.float("translateY", self.options.translate_y(), 0.0)
+    }
+
+    /// Selects a variant for the given component, or `None` when the component
+    /// is unknown or rolled invisible.
+    pub fn variant(&self, name: &str) -> Option<String> {
+        let value = self.resolve_variant(name);
+        self.record(
+            &format!("{name}Variant"),
+            value.clone().map_or(Value::Null, Value::from),
+        );
+        value
+    }
+
+    fn resolve_variant(&self, name: &str) -> Option<String> {
+        let component = self.style.components().get(name)?;
+
+        if !self.is_visible(name, component) {
+            return None;
+        }
+
+        let mut weights: HashMap<String, f64> = HashMap::new();
+
+        match self.options.component_variant(component.source_name()) {
+            None => {
+                for (v, variant) in component.variants() {
+                    weights.insert(v.clone(), variant.weight());
+                }
+            }
+            Some(raw) => {
+                for (v, w) in raw {
+                    if component.variants().contains_key(&v) {
+                        weights.insert(v, w);
+                    }
+                }
+            }
+        }
+
+        self.prng.weighted_pick(&format!("{name}Variant"), &weights)
+    }
+
+    pub fn color(&self, name: &str) -> Result<Vec<String>, Error> {
+        let key = format!("{name}Color");
+
+        // Memoize like the JS `#memo`: a color already resolved this pass is
+        // returned from the snapshot instead of being recomputed. Without it, a
+        // graph where each color references the next via both `contrastTo` and
+        // `notEqualTo` re-resolves exponentially (a schema-valid DoS).
+        if let Some(cached) = self.cached_color(&key) {
+            return Ok(cached);
+        }
+
+        let value = self.resolve_color(name)?;
+        self.record(&key, Value::from(value.clone()));
+        Ok(value)
+    }
+
+    /// Reads an already-resolved color list back out of the snapshot, or `None`
+    /// if this color has not been resolved yet this pass.
+    fn cached_color(&self, key: &str) -> Option<Vec<String>> {
+        self.result.borrow().get(key).map(|value| {
+            value
+                .as_array()
+                .map(|items| {
+                    items
+                        .iter()
+                        .filter_map(|item| item.as_str().map(str::to_string))
+                        .collect()
+                })
+                .unwrap_or_default()
+        })
+    }
+
+    pub fn color_fill(&self, name: &str) -> String {
+        let value = self
+            .prng
+            .pick(&format!("{name}ColorFill"), &self.options.color_fill(name))
+            .cloned()
+            .unwrap_or_else(|| "solid".to_string());
+        self.record(&format!("{name}ColorFill"), Value::from(value.clone()));
+        value
+    }
+
+    pub fn color_angle(&self, name: &str) -> f64 {
+        self.float(
+            &format!("{name}ColorAngle"),
+            self.options.color_angle(name),
+            0.0,
+        )
+    }
+
+    /// Returns `(rotate, translate_x, translate_y, scale)` for a component, each
+    /// recorded as `{name}Rotate` / `{name}TranslateX` / … in the snapshot.
+    pub fn component_transform(&self, name: &str) -> (f64, f64, f64, f64) {
+        let component = self.style.components().get(name);
+
+        (
+            self.float(
+                &format!("{name}Rotate"),
+                component.and_then(Component::rotate),
+                0.0,
+            ),
+            self.float(
+                &format!("{name}TranslateX"),
+                component.and_then(|c| c.translate().x()),
+                0.0,
+            ),
+            self.float(
+                &format!("{name}TranslateY"),
+                component.and_then(|c| c.translate().y()),
+                0.0,
+            ),
+            self.float(
+                &format!("{name}Scale"),
+                component.and_then(Component::scale),
+                1.0,
+            ),
+        )
+    }
+
+    /// An informational snapshot of every value the resolver picked. Unset
+    /// (`null`) entries are filtered out; the raw seed is excluded.
+    pub fn resolved(&self) -> Value {
+        let map: serde_json::Map<String, Value> = self
+            .result
+            .borrow()
+            .iter()
+            .filter(|(_, value)| !value.is_null())
+            .map(|(key, value)| (key.clone(), value.clone()))
+            .collect();
+
+        Value::Object(map)
+    }
+
+    fn probability(&self, component: &Component) -> f64 {
+        self.options
+            .component_probability(component.source_name())
+            .unwrap_or(component.probability())
+    }
+
+    fn is_visible(&self, name: &str, component: &Component) -> bool {
+        self.prng
+            .bool(&format!("{name}Probability"), self.probability(component))
+    }
+
+    fn resolve_color(&self, name: &str) -> Result<Vec<String>, Error> {
+        let style_color = self.style.colors().get(name);
+        let source: Vec<String> = self
+            .options
+            .color(name)
+            .or_else(|| style_color.map(|c| c.values().to_vec()))
+            .unwrap_or_default();
+
+        let mut candidates: Vec<String> = source.iter().map(|c| color::to_hex(c)).collect();
+        let fill = self.color_fill(name);
+        let stops = if fill == "solid" {
+            1
+        } else {
+            self.color_fill_stops(name)
+        };
+
+        let Some(style_color) = style_color else {
+            let shuffled = self.prng.shuffle(&format!("{name}Color"), &candidates);
+            return Ok(shuffled.into_iter().take(stops).collect());
+        };
+
+        if self.color_resolving.borrow().iter().any(|n| n == name) {
+            let mut chain = self.color_resolving.borrow().clone();
+            chain.push(name.to_string());
+            return Err(Error::CircularColorReference(chain));
+        }
+
+        self.color_resolving.borrow_mut().push(name.to_string());
+        // Apply constraints, then always pop the stack (even on error).
+        let outcome = self.apply_color_constraints(style_color, &mut candidates);
+        self.color_resolving.borrow_mut().pop();
+        outcome?;
+
+        // Skip the shuffle when sorted by contrast, to preserve that ordering.
+        let ordered = if style_color.contrast_to().is_some() {
+            candidates
+        } else {
+            self.prng.shuffle(&format!("{name}Color"), &candidates)
+        };
+
+        Ok(ordered.into_iter().take(stops).collect())
+    }
+
+    fn apply_color_constraints(
+        &self,
+        style_color: &Color,
+        candidates: &mut Vec<String>,
+    ) -> Result<(), Error> {
+        if let Some(reference) = style_color.contrast_to() {
+            if let Some(ref_color) = self.color(reference)?.into_iter().next() {
+                *candidates = color::sort_by_contrast(candidates, &ref_color);
+            }
+        }
+
+        if !style_color.not_equal_to().is_empty() {
+            let mut excluded: Vec<String> = Vec::new();
+            for reference in style_color.not_equal_to() {
+                excluded.extend(self.color(reference)?);
+            }
+            *candidates = color::filter_not_equal_to(candidates, &excluded);
+        }
+
+        Ok(())
+    }
+
+    fn color_fill_stops(&self, name: &str) -> usize {
+        match self.options.color_fill_stops(name) {
+            Some(range) => self
+                .prng
+                .integer(&format!("{name}ColorFillStops"), &range)
+                .max(0) as usize,
+            None => 2,
+        }
+    }
+
+    fn float(&self, key: &str, range: Option<Range>, fallback: f64) -> f64 {
+        let value = match range {
+            Some(range) => self.prng.float(key, &range),
+            None => fallback,
+        };
+        self.record(key, num_value(value));
+        value
+    }
+
+    fn record(&self, key: &str, value: Value) {
+        let mut result = self.result.borrow_mut();
+        if !result.contains_key(key) {
+            result.insert(key.to_string(), value);
+        }
+    }
+}
+
+/// Serializes a numeric pick the way the JS port does: a whole number becomes a
+/// JSON integer (`256`), not a float (`256.0`), so `Avatar::to_json` matches the
+/// other ports byte-for-byte. Fractional and out-of-range values stay `f64`.
+fn num_value(value: f64) -> Value {
+    if value.fract() == 0.0 && value.abs() < 9_007_199_254_740_992.0 {
+        Value::from(value as i64)
+    } else {
+        Value::from(value)
+    }
+}
diff --git a/src/rust/core/src/style.rs b/src/rust/core/src/style.rs
new file mode 100644
index 0000000..7ba02bd
--- /dev/null
+++ b/src/rust/core/src/style.rs
@@ -0,0 +1,151 @@
+//! Validated, decomposed wrapper around a style definition.
+//!
+//! The per-concept views (canvas, element, component, color, meta) live in the
+//! `style/` submodules, mirroring the original's `Style/` directory.
+
+mod canvas;
+mod color;
+mod component;
+mod component_translate;
+mod component_variant;
+mod element;
+mod meta;
+mod meta_creator;
+mod meta_license;
+mod meta_source;
+
+pub(crate) use canvas::Canvas;
+pub(crate) use color::Color;
+pub(crate) use component::Component;
+pub(crate) use element::{DynValue, Element};
+pub(crate) use meta::Meta;
+
+use indexmap::IndexMap;
+use serde::Deserialize;
+use serde_json::Value;
+
+use crate::error::Error;
+use crate::validate;
+use component::RawComponent;
+
+/// The raw, deserialized style definition.
+#[derive(Deserialize)]
+struct Definition {
+    #[serde(rename = "$id")]
+    id: Option<String>,
+    #[serde(rename = "$schema")]
+    schema: Option<String>,
+    #[serde(rename = "$comment")]
+    comment: Option<String>,
+    meta: Option<Meta>,
+    attributes: Option<IndexMap<String, DynValue>>,
+    canvas: Canvas,
+    components: Option<IndexMap<String, RawComponent>>,
+    colors: Option<IndexMap<String, Color>>,
+}
+
+/// A parsed, validated style definition with its component aliases flattened.
+pub struct Style {
+    id: Option<String>,
+    schema: Option<String>,
+    comment: Option<String>,
+    meta: Option<Meta>,
+    attributes: Option<IndexMap<String, DynValue>>,
+    canvas: Canvas,
+    components: IndexMap<String, Component>,
+    colors: IndexMap<String, Color>,
+}
+
+impl Style {
+    /// Parses and validates a style definition from a JSON string.
+    #[allow(clippy::should_implement_trait)]
+    pub fn from_str(json: &str) -> Result<Self, Error> {
+        Self::from_value(serde_json::from_str(json)?)
+    }
+
+    /// Validates and builds a style from an already-parsed JSON value.
+    pub fn from_value(value: Value) -> Result<Self, Error> {
+        validate::definition(&value)?;
+
+        let def: Definition = serde_json::from_value(value)?;
+        validate_aliases(def.components.as_ref())?;
+
+        Ok(Self {
+            id: def.id,
+            schema: def.schema,
+            comment: def.comment,
+            meta: def.meta,
+            attributes: def.attributes,
+            canvas: def.canvas,
+            components: component::build(def.components),
+            colors: def.colors.unwrap_or_default(),
+        })
+    }
+
+    /// Returns the definition's `$id`, or `None` when not set.
+    pub fn id(&self) -> Option<&str> {
+        self.id.as_deref()
+    }
+
+    /// Returns the definition's `$schema` URI, or `None` when not set.
+    pub fn schema(&self) -> Option<&str> {
+        self.schema.as_deref()
+    }
+
+    /// Returns the definition's `$comment`, or `None` when not set.
+    pub fn comment(&self) -> Option<&str> {
+        self.comment.as_deref()
+    }
+
+    pub(crate) fn canvas(&self) -> &Canvas {
+        &self.canvas
+    }
+
+    pub(crate) fn root_attributes(&self) -> Option<&IndexMap<String, DynValue>> {
+        self.attributes.as_ref()
+    }
+
+    pub(crate) fn meta(&self) -> Option<&Meta> {
+        self.meta.as_ref()
+    }
+
+    pub(crate) fn components(&self) -> &IndexMap<String, Component> {
+        &self.components
+    }
+
+    pub(crate) fn colors(&self) -> &IndexMap<String, Color> {
+        &self.colors
+    }
+}
+
+/// Verifies that every `extends` references an existing, non-alias component —
+/// a cross-key constraint the JSON Schema cannot express.
+fn validate_aliases(components: Option<&IndexMap<String, RawComponent>>) -> Result<(), Error> {
+    let Some(components) = components else {
+        return Ok(());
+    };
+
+    let mut errors: Vec<String> = Vec::new();
+
+    for (name, entry) in components {
+        let RawComponent::Alias { extends } = entry else {
+            continue;
+        };
+
+        match components.get(extends) {
+            None => errors.push(format!(
+                "/components/{name}/extends references unknown component \"{extends}\""
+            )),
+            Some(RawComponent::Alias { .. }) => errors.push(format!(
+                "/components/{name}/extends references alias \"{extends}\" — alias chains are not allowed"
+            )),
+            Some(RawComponent::Base(_)) => {}
+        }
+    }
+
+    if errors.is_empty() {
+        Ok(())
+    } else {
+        Err(Error::Validation(errors.join("; ")))
+    }
+}
diff --git a/src/rust/core/src/style/canvas.rs b/src/rust/core/src/style/canvas.rs
new file mode 100644
index 0000000..dff8cd2
--- /dev/null
+++ b/src/rust/core/src/style/canvas.rs
@@ -0,0 +1,26 @@
+//! Read-only view over a style definition's `canvas` block.
+
+use serde::Deserialize;
+
+use super::element::Element;
+
+#[derive(Deserialize)]
+pub(crate) struct Canvas {
+    width: f64,
+    height: f64,
+    elements: Vec<Element>,
+}
+
+impl Canvas {
+    pub(crate) fn width(&self) -> f64 {
+        self.width
+    }
+
+    pub(crate) fn height(&self) -> f64 {
+        self.height
+    }
+
+    pub(crate) fn elements(&self) -> &[Element] {
+        &self.elements
+    }
+}
diff --git a/src/rust/core/src/style/color.rs b/src/rust/core/src/style/color.rs
new file mode 100644
index 0000000..441339b
--- /dev/null
+++ b/src/rust/core/src/style/color.rs
@@ -0,0 +1,26 @@
+//! Read-only view over an entry in a style definition's `colors` block.
+
+use serde::Deserialize;
+
+#[derive(Deserialize)]
+pub(crate) struct Color {
+    values: Vec<String>,
+    #[serde(rename = "notEqualTo", default)]
+    not_equal_to: Vec<String>,
+    #[serde(rename = "contrastTo")]
+    contrast_to: Option<String>,
+}
+
+impl Color {
+    pub(crate) fn values(&self) -> &[String] {
+        &self.values
+    }
+
+    pub(crate) fn not_equal_to(&self) -> &[String] {
+        &self.not_equal_to
+    }
+
+    pub(crate) fn contrast_to(&self) -> Option<&str> {
+        self.contrast_to.as_deref()
+    }
+}
diff --git a/src/rust/core/src/style/component.rs b/src/rust/core/src/style/component.rs
new file mode 100644
index 0000000..e4545a0
--- /dev/null
+++ b/src/rust/core/src/style/component.rs
@@ -0,0 +1,133 @@
+//! Read-only view over an entry in a style definition's `components` block.
+//!
+//! An entry is either a base component with its own dimensions and variants or
+//! an alias declared via `extends`. Aliases are pure references: they share the
+//! source's [`ComponentData`] via `Arc` and delegate every accessor to it.
+
+use std::collections::HashMap;
+use std::sync::Arc;
+
+use indexmap::IndexMap;
+use serde::Deserialize;
+
+use super::component_translate::ComponentTranslate;
+use super::component_variant::ComponentVariant;
+use crate::prng::Range;
+
+/// A `components` entry before alias resolution.
+#[derive(Deserialize)]
+#[serde(untagged)]
+pub(crate) enum RawComponent {
+    Alias { extends: String },
+    // Boxed: the base variant is far larger than the alias.
+    Base(Box<ComponentData>),
+}
+
+/// The intrinsic data of a base component, shared by its aliases via `Arc`.
+#[derive(Deserialize)]
+pub(crate) struct ComponentData {
+    width: f64,
+    height: f64,
+    probability: Option<f64>,
+    rotate: Option<Range>,
+    scale: Option<Range>,
+    #[serde(default)]
+    translate: ComponentTranslate,
+    variants: IndexMap<String, ComponentVariant>,
+}
+
+pub(crate) struct Component {
+    name: String,
+    source_name: String,
+    data: Arc<ComponentData>,
+}
+
+impl Component {
+    /// The entry's own name (the alias key for aliases).
+    pub(crate) fn name(&self) -> &str {
+        &self.name
+    }
+
+    /// The canonical user-option key prefix: the source's name for an alias,
+    /// otherwise the entry's own name.
+    pub(crate) fn source_name(&self) -> &str {
+        &self.source_name
+    }
+
+    /// Whether this entry is an alias (its name differs from its source's).
+    pub(crate) fn is_alias(&self) -> bool {
+        self.name != self.source_name
+    }
+
+    pub(crate) fn width(&self) -> f64 {
+        self.data.width
+    }
+
+    pub(crate) fn height(&self) -> f64 {
+        self.data.height
+    }
+
+    /// The render probability (0–100), defaulting to `100`.
+    pub(crate) fn probability(&self) -> f64 {
+        self.data.probability.unwrap_or(100.0)
+    }
+
+    pub(crate) fn rotate(&self) -> Option<Range> {
+        self.data.rotate
+    }
+
+    pub(crate) fn scale(&self) -> Option<Range> {
+        self.data.scale
+    }
+
+    pub(crate) fn translate(&self) -> &ComponentTranslate {
+        &self.data.translate
+    }
+
+    pub(crate) fn variants(&self) -> &IndexMap<String, ComponentVariant> {
+        &self.data.variants
+    }
+}
+
+/// Resolves the raw `components` block into flattened [`Component`]s. Base
+/// components are built first; each alias then shares its source's `Arc`. An
+/// alias whose source is missing is skipped (alias validity is checked in
+/// `Style` so a clear error is reported instead).
+pub(crate) fn build(raw: Option<IndexMap<String, RawComponent>>) -> IndexMap<String, Component> {
+    let Some(raw) = raw else {
+        return IndexMap::new();
+    };
+
+    let mut bases: HashMap<String, Arc<ComponentData>> = HashMap::new();
+    let mut order: Vec<(String, Option<String>)> = Vec::new();
+
+    for (name, entry) in raw {
+        match entry {
+            RawComponent::Base(data) => {
+                bases.insert(name.clone(), Arc::new(*data));
+                order.push((name, None));
+            }
+            RawComponent::Alias { extends } => order.push((name, Some(extends))),
+        }
+    }
+
+    let mut components = IndexMap::new();
+
+    for (name, extends) in order {
+        let key = extends.as_deref().unwrap_or(&name);
+
+        if let Some(data) = bases.get(key) {
+            let source_name = extends.clone().unwrap_or_else(|| name.clone());
+            components.insert(
+                name.clone(),
+                Component {
+                    name,
+                    source_name,
+                    data: Arc::clone(data),
+                },
+            );
+        }
+    }
+
+    components
+}
diff --git a/src/rust/core/src/style/component_translate.rs b/src/rust/core/src/style/component_translate.rs
new file mode 100644
index 0000000..64ce458
--- /dev/null
+++ b/src/rust/core/src/style/component_translate.rs
@@ -0,0 +1,21 @@
+//! Read-only view over a component's `translate` block.
+
+use serde::Deserialize;
+
+use crate::prng::Range;
+
+#[derive(Deserialize, Default)]
+pub(crate) struct ComponentTranslate {
+    x: Option<Range>,
+    y: Option<Range>,
+}
+
+impl ComponentTranslate {
+    pub(crate) fn x(&self) -> Option<Range> {
+        self.x
+    }
+
+    pub(crate) fn y(&self) -> Option<Range> {
+        self.y
+    }
+}
diff --git a/src/rust/core/src/style/component_variant.rs b/src/rust/core/src/style/component_variant.rs
new file mode 100644
index 0000000..9feec73
--- /dev/null
+++ b/src/rust/core/src/style/component_variant.rs
@@ -0,0 +1,22 @@
+//! Read-only view over an entry in a component's `variants` block.
+
+use serde::Deserialize;
+
+use super::element::Element;
+
+#[derive(Deserialize)]
+pub(crate) struct ComponentVariant {
+    elements: Vec<Element>,
+    weight: Option<f64>,
+}
+
+impl ComponentVariant {
+    pub(crate) fn elements(&self) -> &[Element] {
+        &self.elements
+    }
+
+    /// The weighted-pick weight, defaulting to `1`.
+    pub(crate) fn weight(&self) -> f64 {
+        self.weight.unwrap_or(1.0)
+    }
+}
diff --git a/src/rust/core/src/style/element.rs b/src/rust/core/src/style/element.rs
new file mode 100644
index 0000000..44129d7
--- /dev/null
+++ b/src/rust/core/src/style/element.rs
@@ -0,0 +1,69 @@
+//! Read-only view over a single render-tree element from a style definition.
+//!
+//! The same node type covers SVG elements, text, and component references —
+//! [`Element::kind`] discriminates between them.
+
+use indexmap::IndexMap;
+use serde::Deserialize;
+
+/// An attribute or element value: a literal string, or a typed reference
+/// (`{ "type": "color" | "variable", "name": "…" }`).
+#[derive(Deserialize, Clone)]
+#[serde(untagged)]
+pub(crate) enum DynValue {
+    Str(String),
+    Ref(Ref),
+}
+
+/// A `{ "type": …, "name": … }` reference to a named color or built-in variable.
+#[derive(Deserialize, Clone)]
+pub(crate) struct Ref {
+    #[serde(rename = "type")]
+    kind: String,
+    name: String,
+}
+
+impl Ref {
+    pub(crate) fn kind(&self) -> &str {
+        &self.kind
+    }
+
+    pub(crate) fn name(&self) -> &str {
+        &self.name
+    }
+}
+
+#[derive(Deserialize, Clone)]
+pub(crate) struct Element {
+    #[serde(rename = "type")]
+    kind: String,
+    name: Option<String>,
+    value: Option<DynValue>,
+    attributes: Option<IndexMap<String, DynValue>>,
+    #[serde(default)]
+    children: Vec<Element>,
+}
+
+impl Element {
+    /// The element type discriminator (`element`, `text`, or `component`).
+    /// Named `kind` because `type` is a Rust keyword; mirrors JS `type()`.
+    pub(crate) fn kind(&self) -> &str {
+        &self.kind
+    }
+
+    pub(crate) fn name(&self) -> Option<&str> {
+        self.name.as_deref()
+    }
+
+    pub(crate) fn value(&self) -> Option<&DynValue> {
+        self.value.as_ref()
+    }
+
+    pub(crate) fn attributes(&self) -> Option<&IndexMap<String, DynValue>> {
+        self.attributes.as_ref()
+    }
+
+    pub(crate) fn children(&self) -> &[Element] {
+        &self.children
+    }
+}
diff --git a/src/rust/core/src/style/meta.rs b/src/rust/core/src/style/meta.rs
new file mode 100644
index 0000000..41411c5
--- /dev/null
+++ b/src/rust/core/src/style/meta.rs
@@ -0,0 +1,31 @@
+//! Lazily-constructed view over a style definition's `meta` block.
+
+use serde::Deserialize;
+
+use super::meta_creator::MetaCreator;
+use super::meta_license::MetaLicense;
+use super::meta_source::MetaSource;
+
+#[derive(Deserialize, Default)]
+pub(crate) struct Meta {
+    #[serde(default)]
+    license: MetaLicense,
+    #[serde(default)]
+    creator: MetaCreator,
+    #[serde(default)]
+    source: MetaSource,
+}
+
+impl Meta {
+    pub(crate) fn license(&self) -> &MetaLicense {
+        &self.license
+    }
+
+    pub(crate) fn creator(&self) -> &MetaCreator {
+        &self.creator
+    }
+
+    pub(crate) fn source(&self) -> &MetaSource {
+        &self.source
+    }
+}
diff --git a/src/rust/core/src/style/meta_creator.rs b/src/rust/core/src/style/meta_creator.rs
new file mode 100644
index 0000000..7988927
--- /dev/null
+++ b/src/rust/core/src/style/meta_creator.rs
@@ -0,0 +1,20 @@
+//! Read-only view over a style definition's `meta.creator` block.
+
+use serde::Deserialize;
+
+#[derive(Deserialize, Default)]
+pub(crate) struct MetaCreator {
+    name: Option<String>,
+    url: Option<String>,
+}
+
+impl MetaCreator {
+    pub(crate) fn name(&self) -> Option<&str> {
+        self.name.as_deref()
+    }
+
+    #[allow(dead_code)]
+    pub(crate) fn url(&self) -> Option<&str> {
+        self.url.as_deref()
+    }
+}
diff --git a/src/rust/core/src/style/meta_license.rs b/src/rust/core/src/style/meta_license.rs
new file mode 100644
index 0000000..161ff33
--- /dev/null
+++ b/src/rust/core/src/style/meta_license.rs
@@ -0,0 +1,25 @@
+//! Read-only view over a style definition's `meta.license` block.
+
+use serde::Deserialize;
+
+#[derive(Deserialize, Default)]
+pub(crate) struct MetaLicense {
+    name: Option<String>,
+    url: Option<String>,
+    text: Option<String>,
+}
+
+impl MetaLicense {
+    pub(crate) fn name(&self) -> Option<&str> {
+        self.name.as_deref()
+    }
+
+    pub(crate) fn url(&self) -> Option<&str> {
+        self.url.as_deref()
+    }
+
+    #[allow(dead_code)]
+    pub(crate) fn text(&self) -> Option<&str> {
+        self.text.as_deref()
+    }
+}
diff --git a/src/rust/core/src/style/meta_source.rs b/src/rust/core/src/style/meta_source.rs
new file mode 100644
index 0000000..62ebdf6
--- /dev/null
+++ b/src/rust/core/src/style/meta_source.rs
@@ -0,0 +1,19 @@
+//! Read-only view over a style definition's `meta.source` block.
+
+use serde::Deserialize;
+
+#[derive(Deserialize, Default)]
+pub(crate) struct MetaSource {
+    name: Option<String>,
+    url: Option<String>,
+}
+
+impl MetaSource {
+    pub(crate) fn name(&self) -> Option<&str> {
+        self.name.as_deref()
+    }
+
+    pub(crate) fn url(&self) -> Option<&str> {
+        self.url.as_deref()
+    }
+}
diff --git a/src/rust/core/src/utils/color.rs b/src/rust/core/src/utils/color.rs
new file mode 100644
index 0000000..c54ae1e
--- /dev/null
+++ b/src/rust/core/src/utils/color.rs
@@ -0,0 +1,277 @@
+//! Color helpers used by the renderer and the option resolver.
+
+use std::cmp::Ordering;
+use std::collections::HashSet;
+
+/// Normalizes any hex format to 6- or 8-digit lowercase with a `#` prefix.
+pub fn to_hex(hex: &str) -> String {
+    let h = hex.strip_prefix('#').unwrap_or(hex).to_lowercase();
+    let c: Vec<char> = h.chars().collect();
+
+    match c.len() {
+        3 => format!("#{0}{0}{1}{1}{2}{2}", c[0], c[1], c[2]),
+        4 => format!("#{0}{0}{1}{1}{2}{2}{3}{3}", c[0], c[1], c[2], c[3]),
+        _ => format!("#{h}"),
+    }
+}
+
+/// Like [`to_hex`], but strips the alpha channel and always returns 6-digit hex.
+pub fn to_rgb_hex(hex: &str) -> String {
+    let h = to_hex(hex);
+
+    // JS `slice(0, 7)` counts UTF-16 code units and never splits a char. A byte
+    // slice (`h[..7]`) would panic if `to_hex` passed a multi-byte char through
+    // (non-hex input can reach this via the public `color` module).
+    let units: Vec<u16> = h.encode_utf16().collect();
+    if units.len() > 7 {
+        String::from_utf16_lossy(&units[..7])
+    } else {
+        h
+    }
+}
+
+/// Parses a hex color into an `(r, g, b)` triple of 8-bit channel values.
+/// Malformed channels fall back to `0`.
+pub fn parse_hex(hex: &str) -> (u8, u8, u8) {
+    let h = to_hex(hex);
+    let digits = &h[1..];
+
+    (channel(digits, 0), channel(digits, 2), channel(digits, 4))
+}
+
+/// WCAG 2.1 relative luminance with sRGB linearization.
+///
+/// See <https://www.w3.org/WAI/GL/wiki/Relative_luminance>.
+pub fn luminance(hex: &str) -> f64 {
+    let (r, g, b) = parse_hex(hex);
+
+    0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b)
+}
+
+/// Returns a new list sorted by descending contrast against `ref_color`.
+///
+/// See <https://www.w3.org/WAI/GL/wiki/Contrast_ratio>.
+pub fn sort_by_contrast(candidates: &[String], ref_color: &str) -> Vec<String> {
+    let ref_lum = luminance(ref_color);
+
+    let mut with_ratio: Vec<(&String, f64)> = candidates
+        .iter()
+        .map(|c| {
+            let lum = luminance(c);
+            let ratio = (lum.max(ref_lum) + 0.05) / (lum.min(ref_lum) + 0.05);
+            (c, ratio)
+        })
+        .collect();
+
+    // Stable, descending by ratio — matches the JS `b.ratio - a.ratio` sort.
+    with_ratio.sort_by(|a, b| b.1.partial_cmp(&a.1).unwrap_or(Ordering::Equal));
+
+    with_ratio.into_iter().map(|(c, _)| c.clone()).collect()
+}
+
+/// Returns a new list with excluded colors removed, falling back to the
+/// original candidates when filtering would empty the list.
+pub fn filter_not_equal_to(candidates: &[String], excluded: &[String]) -> Vec<String> {
+    let normalized: HashSet<String> = excluded.iter().map(|c| to_rgb_hex(c)).collect();
+
+    let filtered: Vec<String> = candidates
+        .iter()
+        .filter(|c| !normalized.contains(&to_rgb_hex(c)))
+        .cloned()
+        .collect();
+
+    if filtered.is_empty() {
+        candidates.to_vec()
+    } else {
+        filtered
+    }
+}
+
+/// Parses two hex digits at `start` into a channel value, falling back to `0`.
+fn channel(digits: &str, start: usize) -> u8 {
+    digits
+        .get(start..start + 2)
+        .and_then(|s| u8::from_str_radix(s, 16).ok())
+        .unwrap_or(0)
+}
+
+/// Linear-light value for every 8-bit sRGB channel value, precomputed from
+/// `s / 12.92` below the 0.04045 threshold and
+/// `((s + 0.055) / 1.055).powf(2.4)` above it (`s = channel / 255`).
+///
+/// A lookup table because `pow` is not required to be correctly rounded:
+/// results differ between math libraries and JS engines, which would break
+/// cross-language byte parity. Values are the JS reference outputs.
+#[rustfmt::skip]
+const LINEARIZED: [f64; 256] = [
+    0.0, 0.0003035269835488375, 0.000607053967097675, 0.0009105809506465125, 0.00121410793419535, 0.0015176349177441874, 0.001821161901293025, 0.0021246888848418626,
+    0.0024282158683907, 0.0027317428519395373, 0.003035269835488375, 0.003346535763899161, 0.003676507324047436, 0.004024717018496307, 0.004391442037410293, 0.004776953480693729,
+    0.005181516702338386, 0.005605391624202723, 0.006048833022857055, 0.006512090792594474, 0.006995410187265387, 0.007499032043226175, 0.008023192985384994, 0.008568125618069307,
+    0.009134058702220787, 0.009721217320237847, 0.010329823029626938, 0.010960094006488246, 0.011612245179743887, 0.012286488356915872, 0.012983032342173012, 0.013702083047289686,
+    0.014443843596092545, 0.01520851442291271, 0.01599629336550963, 0.016807375752887384, 0.017641954488384078, 0.018500220128379697, 0.019382360956935723, 0.0202885630566524,
+    0.021219010376003558, 0.02217388479338738, 0.02315336617811041, 0.024157632448504756, 0.025186859627361627, 0.026241221894849898, 0.027320891639074897, 0.028426039504420793,
+    0.0295568344378088, 0.030713443732993635, 0.03189603307301153, 0.033104766570885055, 0.03433980680868217, 0.03560131487502034, 0.03688945040110004, 0.0382043715953465,
+    0.03954623527673283, 0.04091519690685319, 0.042311410620809675, 0.043735029256973465, 0.04518620438567554, 0.0466650863368801, 0.048171824226889426, 0.04970656598412723,
+    0.05126945837404324, 0.052860647023180246, 0.05448027644244237, 0.05612849004960009, 0.05780543019106723, 0.0595112381629812, 0.06124605423161761, 0.06301001765316767,
+    0.06480326669290577, 0.06662593864377289, 0.06847816984440017, 0.07036009569659588, 0.07227185068231748, 0.07421356838014963, 0.07618538148130785, 0.07818742180518633,
+    0.08021982031446831, 0.0822827071298148, 0.08437621154414882, 0.08650046203654976, 0.08865558628577294, 0.09084171118340767, 0.09305896284668747, 0.0953074666309647,
+    0.09758734714186246, 0.09989872824711389, 0.1022417330881013, 0.10461648409110419, 0.10702310297826761, 0.10946171077829933, 0.1119324278369056, 0.11443537382697373,
+    0.11697066775851084, 0.11953842798834562, 0.12213877222960187, 0.12477181756095049, 0.12743768043564743, 0.1301364766903643, 0.13286832155381798, 0.13563332965520566,
+    0.13843161503245183, 0.14126329114027164, 0.14412847085805777, 0.14702726649759498, 0.14995978981060856, 0.15292615199615017, 0.1559264637078274, 0.1589608350608804,
+    0.16202937563911096, 0.1651321945016676, 0.16826940018969075, 0.1714411007328226, 0.17464740365558504, 0.17788841598362914, 0.18116424424986022, 0.184474994500441,
+    0.18782077230067787, 0.1912016827407914, 0.19461783044157582, 0.19806931955994886, 0.20155625379439707, 0.20507873639031693, 0.20863687014525575, 0.21223075741405523,
+    0.21586050011389923, 0.21952619972926923, 0.2232279573168085, 0.22696587351009836, 0.23074004852434915, 0.23455058216100522, 0.238397573812271, 0.24228112246555486,
+    0.24620132670783548, 0.25015828472995344, 0.25415209433082675, 0.2581828529215958, 0.26225065752969623, 0.26635560480286247, 0.2704977910130658, 0.27467731206038465,
+    0.2788942634768104, 0.2831487404299921, 0.2874408377269175, 0.29177064981753587, 0.2961382707983211, 0.3005437944157765, 0.3049873140698863, 0.30946892281750854,
+    0.31398871337571754, 0.31854677812509186, 0.32314320911295075, 0.3277780980565422, 0.33245153634617935, 0.33716361504833037, 0.341914424908661, 0.3467040563550296,
+    0.35153259950043936, 0.3564001441459435, 0.3613067797835095, 0.3662525955988395, 0.3712376804741491, 0.37626212299090644, 0.3813260114325301, 0.386429433787049,
+    0.39157247774972326, 0.39675523072562685, 0.40197777983219574, 0.4072402119017367, 0.41254261348390375, 0.4178850708481375, 0.4232676699860717, 0.4286904966139067,
+    0.4341536361747489, 0.4396571738409188, 0.44520119451622786, 0.45078578283822346, 0.45641102318040466, 0.4620769996544071, 0.467783796112159, 0.47353149614800955,
+    0.4793201831008268, 0.4851499400560704, 0.4910208498478356, 0.4969329950608704, 0.5028864580325687, 0.5088813208549338, 0.5149176653765214, 0.5209955732043543,
+    0.5271151257058131, 0.5332764040105052, 0.5394794890121071, 0.5457244613701866, 0.5520114015120001, 0.5583403896342679, 0.5647115057049292, 0.5711248294648731,
+    0.5775804404296506, 0.5840784178911641, 0.5906188409193369, 0.5972017883637634, 0.6038273388553378, 0.6104955708078648, 0.6172065624196511, 0.6239603916750761,
+    0.6307571363461468, 0.6375968739940326, 0.6444796819705821, 0.6514056374198242, 0.6583748172794486, 0.665387298282272, 0.6724431569576875, 0.6795424696330938,
+    0.6866853124353134, 0.6938717612919899, 0.7011018919329731, 0.7083757798916868, 0.7156935005064807, 0.7230551289219693, 0.7304607400903537, 0.7379104087727308,
+    0.7454042095403874, 0.7529422167760779, 0.7605245046752924, 0.7681511472475071, 0.7758222183174236, 0.7835377915261935, 0.7912979403326302, 0.799102738014409,
+    0.8069522576692516, 0.8148465722161012, 0.8227857543962835, 0.8307698767746546, 0.83879901174074, 0.846873231509858, 0.8549926081242338, 0.8631572134541023,
+    0.8713671191987973, 0.8796223968878317, 0.8879231178819663, 0.8962693533742664, 0.9046611743911496, 0.9130986517934192, 0.9215818562772946, 0.9301108583754237,
+    0.938685728457888, 0.9473065367331999, 0.9559733532492861, 0.9646862478944651, 0.9734452903984125, 0.9822505503331171, 0.9911020971138298, 1.0,
+];
+
+/// Converts an 8-bit sRGB channel value into linear-light space.
+fn linearize(channel: u8) -> f64 {
+    LINEARIZED[usize::from(channel)]
+}
+
+#[cfg(test)]
+mod tests {
+    use std::fs;
+    use std::path::PathBuf;
+
+    use serde_json::Value;
+
+    use super::*;
+
+    fn fixture(name: &str) -> Value {
+        let path = PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+            .join("../../../tests/fixtures/parity")
+            .join(name);
+        let text =
+            fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()));
+        serde_json::from_str(&text).unwrap()
+    }
+
+    fn strings(v: &Value) -> Vec<String> {
+        v.as_array()
+            .unwrap()
+            .iter()
+            .map(|x| x.as_str().unwrap().to_string())
+            .collect()
+    }
+
+    #[test]
+    fn color_parity() {
+        let f = fixture("colors.json");
+
+        for c in f["toHex"].as_array().unwrap() {
+            assert_eq!(
+                to_hex(c["input"].as_str().unwrap()),
+                c["result"].as_str().unwrap(),
+                "toHex {c}"
+            );
+        }
+
+        for c in f["toRgbHex"].as_array().unwrap() {
+            assert_eq!(
+                to_rgb_hex(c["input"].as_str().unwrap()),
+                c["result"].as_str().unwrap(),
+                "toRgbHex {c}"
+            );
+        }
+
+        for c in f["parseHex"].as_array().unwrap() {
+            let (r, g, b) = parse_hex(c["input"].as_str().unwrap());
+            let want = c["result"].as_array().unwrap();
+            assert_eq!(
+                [u64::from(r), u64::from(g), u64::from(b)],
+                [
+                    want[0].as_u64().unwrap(),
+                    want[1].as_u64().unwrap(),
+                    want[2].as_u64().unwrap()
+                ],
+                "parseHex {c}"
+            );
+        }
+
+        for c in f["luminance"].as_array().unwrap() {
+            assert_eq!(
+                luminance(c["input"].as_str().unwrap()),
+                c["result"].as_f64().unwrap(),
+                "luminance {c}"
+            );
+        }
+
+        for c in f["sortByContrast"].as_array().unwrap() {
+            let candidates = strings(&c["candidates"]);
+            assert_eq!(
+                sort_by_contrast(&candidates, c["refColor"].as_str().unwrap()),
+                strings(&c["result"]),
+                "sortByContrast {c}"
+            );
+        }
+
+        for c in f["filterNotEqualTo"].as_array().unwrap() {
+            let candidates = strings(&c["candidates"]);
+            let excluded = strings(&c["excluded"]);
+            assert_eq!(
+                filter_not_equal_to(&candidates, &excluded),
+                strings(&c["result"]),
+                "filterNotEqualTo {c}"
+            );
+        }
+    }
+
+    #[test]
+    fn normalizes_hex() {
+        assert_eq!(to_hex("#ABC"), "#aabbcc");
+        assert_eq!(to_hex("abcd"), "#aabbccdd");
+        assert_eq!(to_hex("#A1B2C3"), "#a1b2c3");
+        assert_eq!(to_rgb_hex("#aabbccdd"), "#aabbcc");
+    }
+
+    #[test]
+    fn parses_channels() {
+        assert_eq!(parse_hex("#ff8000"), (255, 128, 0));
+        assert_eq!(parse_hex("#fff"), (255, 255, 255));
+    }
+
+    #[test]
+    fn luminance_endpoints() {
+        assert_eq!(luminance("#000000"), 0.0);
+        assert!((luminance("#ffffff") - 1.0).abs() < 1e-9);
+    }
+
+    #[test]
+    fn sorts_by_contrast_descending() {
+        let got = sort_by_contrast(
+            &["#808080".into(), "#ffffff".into(), "#000000".into()],
+            "#000000",
+        );
+        assert_eq!(got, vec!["#ffffff", "#808080", "#000000"]);
+    }
+
+    #[test]
+    fn filters_excluded_and_falls_back() {
+        let candidates: Vec<String> = vec!["#ff0000".into(), "#00ff00".into()];
+
+        assert_eq!(
+            filter_not_equal_to(&candidates, &["#ff0000".into()]),
+            vec!["#00ff00"]
+        );
+        // Excluding everything falls back to the original candidates.
+        assert_eq!(
+            filter_not_equal_to(&candidates, &["#ff0000".into(), "#00ff00".into()]),
+            candidates
+        );
+    }
+}
diff --git a/src/rust/core/src/utils/initials.rs b/src/rust/core/src/utils/initials.rs
new file mode 100644
index 0000000..8201615
--- /dev/null
+++ b/src/rust/core/src/utils/initials.rs
@@ -0,0 +1,98 @@
+//! Derives display initials from a seed string.
+//!
+//! Words are split by Unicode letter/mark classes (`\p{L}`, `\p{M}`) so the
+//! result matches the JS, PHP, Python, Go and Dart ports for accented and
+//! non-Latin input. See <https://www.regular-expressions.info/unicode.html>.
+
+use std::sync::LazyLock;
+
+use regex::Regex;
+
+/// `@…` — the entire suffix (e.g. an email domain), stripped so the local part
+/// yields one word. `(?s)` makes `.` match line terminators too, so the whole
+/// tail is removed — matching the dotall `@.*` strip in every port.
+static RE_AT: LazyLock<Regex> = LazyLock::new(|| Regex::new(r"(?s)@.*").unwrap());
+/// Apostrophes and accents that should not break a word (e.g. `l'eau`, `d´or`).
+static RE_QUOTES: LazyLock<Regex> = LazyLock::new(|| Regex::new(r"[`´'ʼ]").unwrap());
+/// A word: a letter followed by any letters or combining marks.
+static RE_WORD: LazyLock<Regex> = LazyLock::new(|| Regex::new(r"\p{L}[\p{L}\p{M}]*").unwrap());
+/// The first one or two grapheme-ish units (letter + trailing marks) of a word.
+static RE_TWO: LazyLock<Regex> = LazyLock::new(|| Regex::new(r"^(?:\p{L}\p{M}*){1,2}").unwrap());
+/// The first single unit (letter + trailing marks) of a word.
+static RE_ONE: LazyLock<Regex> = LazyLock::new(|| Regex::new(r"^(?:\p{L}\p{M}*)").unwrap());
+
+/// Returns one or two uppercase initials for `seed`, discarding an `@…` suffix
+/// so email addresses yield a single initial.
+pub fn from_seed(seed: &str) -> String {
+    from_seed_with(seed, true)
+}
+
+/// Like [`from_seed`], but `discard_at_symbol` controls whether an `@…` suffix
+/// is stripped before deriving initials.
+pub fn from_seed_with(seed: &str, discard_at_symbol: bool) -> String {
+    let mut input = seed.to_string();
+
+    if discard_at_symbol {
+        // Only the first match, mirroring JS `replace(/@.*/, '')` (no `g` flag).
+        input = RE_AT.replacen(&input, 1, "").into_owned();
+    }
+
+    input = RE_QUOTES.replace_all(&input, "").into_owned();
+
+    let words: Vec<&str> = RE_WORD.find_iter(&input).map(|m| m.as_str()).collect();
+
+    if words.is_empty() {
+        return if discard_at_symbol {
+            from_seed_with(seed, false)
+        } else {
+            String::new()
+        };
+    }
+
+    if words.len() == 1 {
+        return RE_TWO
+            .find(words[0])
+            .map(|m| m.as_str().to_uppercase())
+            .unwrap_or_default();
+    }
+
+    let first = RE_ONE.find(words[0]);
+    let last = RE_ONE.find(words[words.len() - 1]);
+
+    match (first, last) {
+        (Some(f), Some(l)) => format!("{}{}", f.as_str(), l.as_str()).to_uppercase(),
+        _ => String::new(),
+    }
+}
+
+/// Cross-language parity against the shared `initials.json` fixture.
+#[cfg(test)]
+mod tests {
+    use std::fs;
+    use std::path::PathBuf;
+
+    use serde_json::Value;
+
+    use super::from_seed;
+
+    fn fixture(name: &str) -> Value {
+        let path = PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+            .join("../../../tests/fixtures/parity")
+            .join(name);
+        let text =
+            fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()));
+        serde_json::from_str(&text).unwrap()
+    }
+
+    #[test]
+    fn initials_parity() {
+        for e in fixture("initials.json").as_array().unwrap() {
+            let seed = e["seed"].as_str().unwrap();
+            assert_eq!(
+                from_seed(seed),
+                e["result"].as_str().unwrap(),
+                "initials {seed:?}"
+            );
+        }
+    }
+}
diff --git a/src/rust/core/src/utils/license.rs b/src/rust/core/src/utils/license.rs
new file mode 100644
index 0000000..cd104d2
--- /dev/null
+++ b/src/rust/core/src/utils/license.rs
@@ -0,0 +1,121 @@
+//! Builds attribution strings and embedded RDF/Dublin Core metadata from a
+//! style's `meta` block.
+
+use crate::style::Meta;
+use crate::utils::xml::escape;
+
+/// Builds an embedded `<metadata>` block with Dublin Core terms, or an empty
+/// string when no metadata fields are populated.
+pub(crate) fn xml(meta: Option<&Meta>) -> String {
+    let rights = text(meta);
+
+    let Some(meta) = meta else {
+        return String::new();
+    };
+
+    let title = non_empty(meta.source().name());
+    let creator_name = non_empty(meta.creator().name());
+    let source_url = non_empty(meta.source().url());
+    let license_url = non_empty(meta.license().url());
+
+    if title.is_none()
+        && creator_name.is_none()
+        && source_url.is_none()
+        && license_url.is_none()
+        && rights.is_empty()
+    {
+        return String::new();
+    }
+
+    let mut fields = String::new();
+
+    if let Some(title) = title {
+        fields.push_str(&format!("<dc:title>{}</dc:title>", escape(title)));
+    }
+    if let Some(creator_name) = creator_name {
+        fields.push_str(&format!(
+            "<dc:creator>{}</dc:creator>",
+            escape(creator_name)
+        ));
+    }
+    if let Some(source_url) = source_url {
+        fields.push_str(&format!(
+            "<dc:source xsi:type=\"dcterms:URI\">{}</dc:source>",
+            escape(source_url)
+        ));
+    }
+    if let Some(license_url) = license_url {
+        fields.push_str(&format!(
+            "<dcterms:license xsi:type=\"dcterms:URI\">{}</dcterms:license>",
+            escape(license_url)
+        ));
+    }
+    if !rights.is_empty() {
+        fields.push_str(&format!("<dc:rights>{}</dc:rights>", escape(&rights)));
+    }
+
+    format!(
+        "<metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" \
+xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" \
+xmlns:dc=\"http://purl.org/dc/elements/1.1/\" \
+xmlns:dcterms=\"http://purl.org/dc/terms/\">\
+<rdf:RDF><rdf:Description>{fields}</rdf:Description></rdf:RDF></metadata>"
+    )
+}
+
+/// Returns a single-line attribution string, or an empty string when no
+/// attribution data is available.
+fn text(meta: Option<&Meta>) -> String {
+    let Some(meta) = meta else {
+        return String::new();
+    };
+
+    let source_name = non_empty(meta.source().name());
+    let source_url = non_empty(meta.source().url());
+    let creator_name_raw = meta.creator().name();
+    let creator_name = non_empty(creator_name_raw);
+    let license_name = non_empty(meta.license().name());
+    let license_url = non_empty(meta.license().url());
+
+    if source_name.is_none() && creator_name.is_none() && license_name.is_none() {
+        return String::new();
+    }
+
+    let mut title = match source_name {
+        Some(s) => format!("\u{201c}{s}\u{201d}"),
+        None => "Design".to_string(),
+    };
+
+    if let Some(url) = source_url {
+        title.push_str(&format!(" ({url})"));
+    }
+
+    // JS uses `creatorName ?? 'Unknown'` (nullish): an empty creator name stays
+    // empty; only a missing one becomes "Unknown".
+    let creator = format!("\u{201c}{}\u{201d}", creator_name_raw.unwrap_or("Unknown"));
+
+    let mut result = String::new();
+
+    // Skip the "Remix of" prefix for MIT-licensed or DiceBear-original styles.
+    if license_name != Some("MIT") && creator_name != Some("DiceBear") && source_name.is_some() {
+        result.push_str("Remix of ");
+    }
+
+    result.push_str(&format!("{title} by {creator}"));
+
+    if let Some(license_name) = license_name {
+        result.push_str(&format!(", licensed under \u{201c}{license_name}\u{201d}"));
+
+        if let Some(license_url) = license_url {
+            result.push_str(&format!(" ({license_url})"));
+        }
+    }
+
+    result
+}
+
+/// Treats an empty string as absent, mirroring the JS falsy checks (`!sourceName`
+/// is true for both a missing field and `""`).
+fn non_empty(value: Option<&str>) -> Option<&str> {
+    value.filter(|s| !s.is_empty())
+}
diff --git a/src/rust/core/src/utils/mod.rs b/src/rust/core/src/utils/mod.rs
new file mode 100644
index 0000000..272fe00
--- /dev/null
+++ b/src/rust/core/src/utils/mod.rs
@@ -0,0 +1,9 @@
+//! Stateless helpers shared across the core. Only [`color`](crate::color) is
+//! part of the public API (re-exported at the crate root, mirroring the JS and
+//! Python `Color`); the rest are crate-internal.
+
+pub mod color;
+pub(crate) mod initials;
+pub(crate) mod license;
+pub(crate) mod number;
+pub(crate) mod xml;
diff --git a/src/rust/core/src/utils/number.rs b/src/rust/core/src/utils/number.rs
new file mode 100644
index 0000000..9f35d38
--- /dev/null
+++ b/src/rust/core/src/utils/number.rs
@@ -0,0 +1,81 @@
+//! Numeric helpers shared by the renderer and the PRNG.
+
+/// Formats a number for SVG output, rounded to at most 5 decimal places.
+///
+/// Rounding to a fixed precision keeps the output bounded and identical across
+/// the JS, PHP, Python, Rust, Go and Dart ports: every value becomes a multiple
+/// of `1e-5`, which has no exponential form, so the result is built from
+/// integer arithmetic with no locale- or language-specific float stringifying.
+pub fn format(value: f64) -> String {
+    if value.is_nan() {
+        return "NaN".to_string();
+    }
+    if value == f64::INFINITY {
+        return "Infinity".to_string();
+    }
+    if value == f64::NEG_INFINITY {
+        return "-Infinity".to_string();
+    }
+
+    let scaled = round_half_up(value * 100_000.0) as i64;
+    let sign = if scaled < 0 { "-" } else { "" };
+    // `unsigned_abs` avoids overflow on `i64::MIN` (unreachable for real canvas
+    // values, but keeps the conversion total).
+    let scaled = scaled.unsigned_abs();
+
+    let integer_part = scaled / 100_000;
+    let fraction = format!("{:05}", scaled % 100_000);
+    let fraction = fraction.trim_end_matches('0');
+
+    if fraction.is_empty() {
+        format!("{sign}{integer_part}")
+    } else {
+        format!("{sign}{integer_part}.{fraction}")
+    }
+}
+
+/// Rounds half toward +∞, matching JavaScript's `Math.round`. Rust's
+/// `f64::round` rounds half away from zero, and the naive `(x + 0.5).floor()`
+/// over-rounds the largest double below `0.5`; comparing the fractional part
+/// against `0.5` reproduces `Math.round` exactly.
+pub(crate) fn round_half_up(value: f64) -> f64 {
+    let floor = value.floor();
+
+    if value - floor < 0.5 {
+        floor
+    } else {
+        floor + 1.0
+    }
+}
+
+/// Cross-language parity against the shared `numbers.json` fixture.
+#[cfg(test)]
+mod tests {
+    use std::fs;
+    use std::path::PathBuf;
+
+    use serde_json::Value;
+
+    use super::format;
+
+    fn fixture(name: &str) -> Value {
+        let path = PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+            .join("../../../tests/fixtures/parity")
+            .join(name);
+        let text =
+            fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()));
+        serde_json::from_str(&text).unwrap()
+    }
+
+    #[test]
+    fn number_parity() {
+        for e in fixture("numbers.json").as_array().unwrap() {
+            let input = e["input"].as_f64().unwrap();
+            assert_eq!(
+                format(input),
+                e["output"].as_str().unwrap(),
+                "format {input}"
+            );
+        }
+    }
+}
diff --git a/src/rust/core/src/utils/xml.rs b/src/rust/core/src/utils/xml.rs
new file mode 100644
index 0000000..20886b9
--- /dev/null
+++ b/src/rust/core/src/utils/xml.rs
@@ -0,0 +1,37 @@
+//! Minimal XML escaping for SVG/XML text and attribute content.
+
+/// Returns `value` with the five XML predefined entities escaped.
+pub fn escape(value: &str) -> String {
+    let mut out = String::with_capacity(value.len());
+
+    for ch in value.chars() {
+        match ch {
+            '&' => out.push_str("&amp;"),
+            '\'' => out.push_str("&apos;"),
+            '"' => out.push_str("&quot;"),
+            '<' => out.push_str("&lt;"),
+            '>' => out.push_str("&gt;"),
+            _ => out.push(ch),
+        }
+    }
+
+    out
+}
+
+#[cfg(test)]
+mod tests {
+    use super::escape;
+
+    #[test]
+    fn escapes_the_five_entities() {
+        assert_eq!(
+            escape(r#"<a b="c" d='e' & f>"#),
+            "&lt;a b=&quot;c&quot; d=&apos;e&apos; &amp; f&gt;"
+        );
+    }
+
+    #[test]
+    fn leaves_plain_text_untouched() {
+        assert_eq!(escape("hello world"), "hello world");
+    }
+}
diff --git a/src/rust/core/src/validate.rs b/src/rust/core/src/validate.rs
new file mode 100644
index 0000000..e8debf7
--- /dev/null
+++ b/src/rust/core/src/validate.rs
@@ -0,0 +1,41 @@
+//! Validates style definitions and options against the shared draft-07 JSON
+//! schemas (the pure-data `dicebear-schema` crate). The compiled validators are
+//! built once and reused.
+
+use std::sync::LazyLock;
+
+use jsonschema::Validator;
+use serde_json::Value;
+
+use crate::error::Error;
+
+static DEFINITION: LazyLock<Validator> = LazyLock::new(|| compile(dicebear_schema::DEFINITION));
+static OPTIONS: LazyLock<Validator> = LazyLock::new(|| compile(dicebear_schema::OPTIONS));
+
+fn compile(schema: &str) -> Validator {
+    let schema: Value = serde_json::from_str(schema).expect("embedded schema is valid JSON");
+    jsonschema::validator_for(&schema).expect("embedded schema compiles")
+}
+
+/// Validates a style definition against `definition.json`.
+pub(crate) fn definition(instance: &Value) -> Result<(), Error> {
+    check(&DEFINITION, instance)
+}
+
+/// Validates an options object against `options.json`.
+pub(crate) fn options(instance: &Value) -> Result<(), Error> {
+    check(&OPTIONS, instance)
+}
+
+fn check(validator: &Validator, instance: &Value) -> Result<(), Error> {
+    if validator.is_valid(instance) {
+        return Ok(());
+    }
+
+    let messages: Vec<String> = validator
+        .iter_errors(instance)
+        .map(|error| error.to_string())
+        .collect();
+
+    Err(Error::Validation(messages.join("; ")))
+}
diff --git a/src/rust/core/tests/api.rs b/src/rust/core/tests/api.rs
new file mode 100644
index 0000000..11926ed
--- /dev/null
+++ b/src/rust/core/tests/api.rs
@@ -0,0 +1,119 @@
+//! Public-API behavior: resolved-options JSON, the options descriptor, and the
+//! circular-color-reference error.
+
+use dicebear_core::{Avatar, OptionsDescriptor, Style};
+use serde_json::json;
+
+#[test]
+fn to_json_exposes_svg_and_resolved_options() {
+    let style = Style::from_str(r#"{"canvas":{"width":100,"height":100,"elements":[]}}"#).unwrap();
+    let avatar = Avatar::new(&style, json!({ "seed": "x" })).unwrap();
+    let json = avatar.to_json();
+
+    assert_eq!(json["svg"].as_str(), Some(avatar.to_svg()));
+    // The resolved options carry the picked values but never the raw seed.
+    assert_eq!(json["options"]["flip"], json!("none"));
+    assert!(json["options"].get("seed").is_none());
+}
+
+#[test]
+fn options_descriptor_describes_components_and_colors() {
+    // `r##` delimiters: the JSON contains `"#` sequences (hex colors elsewhere)
+    // and the `[]` etc., which a bare `r#"…"#` could terminate early.
+    let style = Style::from_str(
+        r##"{
+            "canvas": { "width": 100, "height": 100, "elements": [] },
+            "components": {
+                "shape": { "width": 100, "height": 100, "variants": { "a": { "elements": [] }, "b": { "elements": [] } } }
+            },
+            "colors": { "fill": { "values": ["#000000"] } }
+        }"##,
+    )
+    .unwrap();
+
+    let descriptor = OptionsDescriptor::new(&style).to_json();
+
+    // Fixed top-level fields.
+    assert_eq!(descriptor["seed"], json!({ "type": "string" }));
+    // Per-component fields (variants sorted).
+    assert_eq!(descriptor["shapeVariant"]["values"], json!(["a", "b"]));
+    assert_eq!(descriptor["shapeProbability"]["type"], json!("number"));
+    // Per-color fields, plus the implicit `background` color.
+    assert_eq!(descriptor["fillColor"]["type"], json!("color"));
+    assert_eq!(descriptor["backgroundColor"]["type"], json!("color"));
+}
+
+#[test]
+fn circular_color_reference_is_reported() {
+    let style = Style::from_str(
+        r##"{
+            "canvas": {
+                "width": 100, "height": 100,
+                "elements": [{ "type": "element", "name": "rect", "attributes": { "fill": { "type": "color", "name": "a" } } }]
+            },
+            "colors": {
+                "a": { "values": ["#000000"], "contrastTo": "b" },
+                "b": { "values": ["#ffffff"], "contrastTo": "a" }
+            }
+        }"##,
+    )
+    .unwrap();
+
+    match Avatar::new(&style, json!({ "seed": "x" })) {
+        Ok(_) => panic!("expected a circular color reference error"),
+        Err(err) => assert!(err.to_string().contains("Circular color reference")),
+    }
+}
+
+#[test]
+fn to_json_serializes_whole_number_options_as_integers() {
+    // The other ports emit integers (`"size":128`), not floats (`128.0`); the
+    // resolved-options snapshot must match byte-for-byte.
+    let style =
+        Style::from_str(r##"{"canvas":{"width":100,"height":100,"elements":[]}}"##).unwrap();
+    let avatar = Avatar::new(&style, json!({ "seed": "x", "size": 128 })).unwrap();
+
+    // `json!(128)` is an integer Number; a float `128.0` would not compare equal.
+    assert_eq!(avatar.to_json()["options"]["size"], json!(128));
+}
+
+#[test]
+fn to_json_emits_options_in_resolution_order() {
+    // The envelope must match the JS port byte-for-byte, including the key
+    // order (size before title — both resolved before the root attributes).
+    // The expected string is the verbatim output of the JS core for the same
+    // style and options.
+    let style =
+        Style::from_str(r##"{"canvas":{"width":100,"height":100,"elements":[]}}"##).unwrap();
+    let avatar = Avatar::new(&style, json!({ "seed": "x", "size": 128, "title": "t" })).unwrap();
+
+    assert_eq!(
+        avatar.to_json()["options"].to_string(),
+        r#"{"backgroundColorFill":"solid","backgroundColor":[],"scale":1,"flip":"none","rotate":0,"translateX":0,"translateY":0,"borderRadius":0,"size":128,"title":"t","idRandomization":false}"#
+    );
+}
+
+#[test]
+fn deeply_nested_colors_resolve_without_exponential_blowup() {
+    // Each color references the next via BOTH `contrastTo` and `notEqualTo`,
+    // which without memoization fans out to 2^depth color resolutions — a
+    // schema-valid hang. With the resolver's memo it is linear; a regression
+    // would make this test never finish.
+    const DEPTH: usize = 40;
+
+    let mut colors = String::new();
+    for i in 0..DEPTH {
+        colors.push_str(&format!(
+            r##""c{i}":{{"values":["#000000"],"contrastTo":"c{next}","notEqualTo":["c{next}"]}},"##,
+            next = i + 1
+        ));
+    }
+    colors.push_str(&format!(r##""c{DEPTH}":{{"values":["#ffffff"]}}"##));
+
+    let style_json = format!(
+        r##"{{"canvas":{{"width":100,"height":100,"elements":[{{"type":"element","name":"rect","attributes":{{"fill":{{"type":"color","name":"c0"}}}}}}]}},"colors":{{{colors}}}}}"##
+    );
+
+    let style = Style::from_str(&style_json).unwrap();
+    assert!(Avatar::new(&style, json!({ "seed": "x" })).is_ok());
+}
diff --git a/src/rust/core/tests/avatars.rs b/src/rust/core/tests/avatars.rs
new file mode 100644
index 0000000..0ae19da
--- /dev/null
+++ b/src/rust/core/tests/avatars.rs
@@ -0,0 +1,90 @@
+//! Cross-language avatar parity. Renders each shared fixture case and asserts
+//! the SVG matches byte-for-byte the output committed under
+//! `<repo>/tests/fixtures/parity/avatars/`, the same fixtures the JS, PHP,
+//! Python, Go and Dart suites render against.
+
+use std::fs;
+use std::path::PathBuf;
+
+use dicebear_core::{Avatar, OptionsDescriptor, Style};
+use serde_json::Value;
+
+fn parity_dir() -> PathBuf {
+    PathBuf::from(env!("CARGO_MANIFEST_DIR")).join("../../../tests/fixtures/parity")
+}
+
+fn read(path: PathBuf) -> String {
+    fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()))
+}
+
+#[test]
+fn avatar_parity() {
+    let styles = ["initials", "thumbs", "glass", "shape-grid", "notionists"];
+
+    for name in styles {
+        let style_json = read(parity_dir().join("styles").join(format!("{name}.json")));
+        let style =
+            Style::from_str(&style_json).unwrap_or_else(|e| panic!("parse style {name}: {e}"));
+
+        let cases: Value = serde_json::from_str(&read(
+            parity_dir().join("avatars").join(format!("{name}.json")),
+        ))
+        .unwrap();
+
+        for case in cases.as_array().unwrap() {
+            let id = case["id"].as_str().unwrap();
+            let avatar = Avatar::new(&style, case["options"].clone())
+                .unwrap_or_else(|e| panic!("render {name} / {id}: {e}"));
+
+            assert_eq!(
+                avatar.to_svg(),
+                case["svg"].as_str().unwrap(),
+                "{name} / {id}"
+            );
+
+            // Deep-equal (order-independent) like the JS/PHP/Python/Go/Dart
+            // suites. Unlike Python's `1.0 == 1`, serde_json distinguishes
+            // integer and float numbers, so this also pins whole-number
+            // options as JSON integers.
+            assert_eq!(
+                avatar.to_json()["options"],
+                case["resolvedOptions"],
+                "{name} / {id} resolved options"
+            );
+
+            // Only select cases carry a dataUri — it pins the percent-encoding
+            // contract (JS encodeURIComponent) without bloating every fixture.
+            if let Some(data_uri) = case["dataUri"].as_str() {
+                assert_eq!(avatar.to_data_uri(), data_uri, "{name} / {id} data URI");
+            }
+        }
+    }
+}
+
+/// Cross-language descriptor parity: the field map every port derives from a
+/// style (types, ranges, sorted variant lists, per-color fields) must deep-equal
+/// the JS-generated fixture. Like the resolved-options assertion above, the
+/// `Value` comparison also pins whole numbers as JSON integers.
+#[test]
+fn descriptor_parity() {
+    let styles = ["initials", "thumbs", "glass", "shape-grid", "notionists"];
+
+    for name in styles {
+        let style_json = read(parity_dir().join("styles").join(format!("{name}.json")));
+        let style =
+            Style::from_str(&style_json).unwrap_or_else(|e| panic!("parse style {name}: {e}"));
+
+        let expected: Value = serde_json::from_str(&read(
+            parity_dir()
+                .join("descriptors")
+                .join(format!("{name}.json")),
+        ))
+        .unwrap();
+
+        assert_eq!(
+            OptionsDescriptor::new(&style).to_json(),
+            expected,
+            "{name} descriptor"
+        );
+    }
+}
diff --git a/src/rust/core/tests/validation.rs b/src/rust/core/tests/validation.rs
new file mode 100644
index 0000000..e5df979
--- /dev/null
+++ b/src/rust/core/tests/validation.rs
@@ -0,0 +1,97 @@
+//! Validation rejects malformed style definitions and options.
+
+use std::fs;
+use std::path::PathBuf;
+
+use dicebear_core::{Avatar, Error, Style};
+use serde_json::{json, Value};
+
+const MINIMAL_STYLE: &str = r#"{"canvas":{"width":100,"height":100,"elements":[]}}"#;
+
+#[test]
+fn accepts_a_minimal_valid_style_and_options() {
+    let style = Style::from_str(MINIMAL_STYLE).expect("minimal style is valid");
+    assert!(Avatar::new(&style, json!({ "seed": "x" })).is_ok());
+    // `null` options are treated as empty and accepted.
+    assert!(Avatar::new(&style, json!(null)).is_ok());
+}
+
+#[test]
+fn rejects_a_definition_missing_canvas() {
+    assert!(Style::from_str(r#"{"components":{}}"#).is_err());
+}
+
+#[test]
+fn rejects_an_alias_to_an_unknown_component() {
+    let def = r#"{"canvas":{"width":100,"height":100,"elements":[]},"components":{"a":{"extends":"missing"}}}"#;
+    match Style::from_str(def) {
+        Ok(_) => panic!("alias to unknown component must fail"),
+        Err(err) => assert!(err.to_string().contains("unknown component")),
+    }
+}
+
+#[test]
+fn rejects_options_with_a_wrong_type() {
+    let style = Style::from_str(MINIMAL_STYLE).unwrap();
+    // `seed` must be a string.
+    assert!(Avatar::new(&style, json!({ "seed": 123 })).is_err());
+}
+
+/// Cross-language validation parity: every port must accept and reject the
+/// same inputs (error messages are language-specific and not compared). The
+/// circular color reference cases additionally pin the reported chain.
+#[test]
+fn validation_parity() {
+    let path = PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+        .join("../../../tests/fixtures/parity/validation.json");
+    let text = fs::read_to_string(&path).unwrap_or_else(|e| panic!("read {}: {e}", path.display()));
+    let f: Value = serde_json::from_str(&text).unwrap();
+
+    let mut minimal = None;
+
+    for c in f["styles"].as_array().unwrap() {
+        let id = c["id"].as_str().unwrap();
+        let definition = serde_json::to_string(&c["definition"]).unwrap();
+        let result = Style::from_str(&definition);
+
+        assert_eq!(result.is_ok(), c["valid"].as_bool().unwrap(), "style {id}");
+
+        if id == "minimal" {
+            minimal = result.ok();
+        }
+    }
+
+    let minimal = minimal.expect("minimal style fixture");
+
+    for c in f["options"].as_array().unwrap() {
+        let id = c["id"].as_str().unwrap();
+        let result = Avatar::new(&minimal, c["options"].clone());
+
+        assert_eq!(
+            result.is_ok(),
+            c["valid"].as_bool().unwrap(),
+            "options {id}"
+        );
+    }
+
+    for c in f["circularColors"].as_array().unwrap() {
+        let id = c["id"].as_str().unwrap();
+        let style_json = serde_json::to_string(&c["style"]).unwrap();
+        let style = Style::from_str(&style_json)
+            .unwrap_or_else(|e| panic!("circular style {id} must parse: {e}"));
+        let want: Vec<&str> = c["chain"]
+            .as_array()
+            .unwrap()
+            .iter()
+            .map(|x| x.as_str().unwrap())
+            .collect();
+
+        match Avatar::new(&style, c["options"].clone()) {
+            Ok(_) => panic!("circular {id}: expected an error"),
+            Err(Error::CircularColorReference(chain)) => {
+                assert_eq!(chain, want, "circular {id} chain");
+            }
+            Err(other) => panic!("circular {id}: expected CircularColorReference, got {other}"),
+        }
+    }
+}
diff --git a/tests/fixtures/parity/avatars/glass.json b/tests/fixtures/parity/avatars/glass.json
new file mode 100644
index 0000000..6933561
--- /dev/null
+++ b/tests/fixtures/parity/avatars/glass.json
@@ -0,0 +1,383 @@
+[
+  {
+    "id": "plain-seed",
+    "options": {
+      "seed": "parity-1"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EGlass%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CGlass%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-i-10868c7e%22%3E%3Cpath%20d%3D%22M94.8%202v145.4H55.3V1.9z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cfilter%20id%3D%22dicebearGlass-a%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22dicebearGlass-b%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2347eb62%22%2F%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-a)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-8.26575%2C%20-47.40716)%20rotate(-148.722%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-10868c7e%22%2F%3E%3C%2Fg%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-b)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-5.77635%2C%20-60.07822)%20rotate(26.4413%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "different-seed",
+    "options": {
+      "seed": "parity-2"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-0f868aeb\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><g id=\"shape-d-0f868aeb\"><path d=\"M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#d047eb\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-51.3423, 45.95096) rotate(-119.7679, 75, 74.7)\" href=\"#shape-i-0f868aeb\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-22.8072, -73.79957) rotate(-29.3461, 75, 74.7)\" href=\"#shape-d-0f868aeb\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#d047eb"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -119.7679,
+      "shape02TranslateX": -34.2282,
+      "shape02TranslateY": 30.757,
+      "shape02Scale": 1,
+      "shape01Variant": "d",
+      "shape01Rotate": -29.3461,
+      "shape01TranslateX": -15.2048,
+      "shape01TranslateY": -49.3973,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "size-scale-rotate",
+    "options": {
+      "seed": "parity-1",
+      "size": 256,
+      "scale": 2,
+      "rotate": 45
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\" width=\"256\" height=\"256\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g transform=\"rotate(45, 50, 50)\"><g transform=\"translate(50, 50) scale(2) translate(-50, -50)\"><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 2,
+      "flip": "none",
+      "rotate": 45,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 256,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "translate-border-flip",
+    "options": {
+      "seed": "parity-1",
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "flip": "horizontal"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"50\" ry=\"50\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g transform=\"translate(10, -5)\"><g transform=\"translate(100, 0) scale(-1, 1)\"><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "horizontal",
+      "rotate": 0,
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-solid",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000"
+      ],
+      "backgroundColorFill": [
+        "solid"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#ff0000\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ff0000"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-linear",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "linear"
+      ],
+      "backgroundColorAngle": [
+        45,
+        45
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\"background-color-10868c7e\" gradientTransform=\"rotate(45, 0.5, 0.5)\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></linearGradient><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "linear",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 45,
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-radial",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "radial"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\"background-color-10868c7e\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></radialGradient><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "radial",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 0,
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-size",
+    "options": {
+      "seed": "parity-1",
+      "size": 128,
+      "title": "Parity Avatar"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Parity Avatar\" width=\"128\" height=\"128\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 128,
+      "title": "Parity Avatar",
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-escaping",
+    "options": {
+      "seed": "parity-2",
+      "title": "Tom & Jerry's <\"Avatar\"> 😀"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-0f868aeb\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><g id=\"shape-d-0f868aeb\"><path d=\"M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#d047eb\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-51.3423, 45.95096) rotate(-119.7679, 75, 74.7)\" href=\"#shape-i-0f868aeb\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-22.8072, -73.79957) rotate(-29.3461, 75, 74.7)\" href=\"#shape-d-0f868aeb\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#d047eb"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -119.7679,
+      "shape02TranslateX": -34.2282,
+      "shape02TranslateY": 30.757,
+      "shape02Scale": 1,
+      "shape01Variant": "d",
+      "shape01Rotate": -29.3461,
+      "shape01TranslateX": -15.2048,
+      "shape01TranslateY": -49.3973,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "title": "Tom & Jerry's <\"Avatar\"> 😀",
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EGlass%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CGlass%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-i-0f868aeb%22%3E%3Cpath%20d%3D%22M94.8%202v145.4H55.3V1.9z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22shape-d-0f868aeb%22%3E%3Cpath%20d%3D%22M67%20147.4H11V1.9h55.4q22.5%200%2038.8%208.8a60%2060%200%200%201%2025.3%2025q9%2016.2%209%2039%200%2022.7-9%2039a61%2061%200%200%201-25%2025%2081%2081%200%200%201-38.5%208.7m-16.5-33.5h15a44%2044%200%200%200%2018.5-3.5q7.6-3.4%2011.6-12t4-23.7-4-23.7a24%2024%200%200%200-12-12%2047%2047%200%200%200-19.2-3.5H50.5z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cfilter%20id%3D%22dicebearGlass-a%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22dicebearGlass-b%22%20x%3D%22-57%22%20y%3D%22-56.4%22%20width%3D%22214%22%20height%3D%22213.4%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22r0%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22r0%22%20result%3D%22r1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2216%22%20result%3D%22r2%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23d047eb%22%2F%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-a)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-51.3423%2C%2045.95096)%20rotate(-119.7679%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-i-0f868aeb%22%2F%3E%3C%2Fg%3E%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%20opacity%3D%22.6%22%20filter%3D%22url(%23dicebearGlass-b)%22%3E%3Cuse%20transform%3D%22translate(-25%20-24.4)%20translate(-22.8072%2C%20-73.79957)%20rotate(-29.3461%2C%2075%2C%2074.7)%22%20href%3D%22%23shape-d-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "shape-variants",
+    "options": {
+      "seed": "parity-1",
+      "shape1Variant": [
+        "a"
+      ],
+      "shape2Variant": [
+        "g"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "shape1-probability-zero",
+    "options": {
+      "seed": "parity-1",
+      "shape1Probability": 0
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Glass</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Glass” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-i-10868c7e\"><path d=\"M94.8 2v145.4H55.3V1.9z\" fill=\"white\"/></g><filter id=\"dicebearGlass-a\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><filter id=\"dicebearGlass-b\" x=\"-57\" y=\"-56.4\" width=\"214\" height=\"213.4\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"r0\"/><feBlend in=\"SourceGraphic\" in2=\"r0\" result=\"r1\"/><feGaussianBlur stdDeviation=\"16\" result=\"r2\"/></filter><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#47eb62\"/><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-a)\"><use transform=\"translate(-25 -24.4) translate(-8.26575, -47.40716) rotate(-148.722, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g><g style=\"mix-blend-mode:screen\" opacity=\".6\" filter=\"url(#dicebearGlass-b)\"><use transform=\"translate(-25 -24.4) translate(-5.77635, -60.07822) rotate(26.4413, 75, 74.7)\" href=\"#shape-i-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#47eb62"
+      ],
+      "shape02Variant": "i",
+      "shape02Rotate": -148.722,
+      "shape02TranslateX": -5.5105,
+      "shape02TranslateY": -31.7317,
+      "shape02Scale": 1,
+      "shape01Variant": "i",
+      "shape01Rotate": 26.4413,
+      "shape01TranslateX": -3.8509,
+      "shape01TranslateY": -40.213,
+      "shape01Scale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  }
+]
diff --git a/tests/fixtures/parity/avatars/initials.json b/tests/fixtures/parity/avatars/initials.json
new file mode 100644
index 0000000..d798d47
--- /dev/null
+++ b/tests/fixtures/parity/avatars/initials.json
@@ -0,0 +1,457 @@
+[
+  {
+    "id": "plain-seed",
+    "options": {
+      "seed": "parity-1"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><use href=\"#initials-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EInitials%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CInitials%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22letters-double-10868c7e%22%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22system-ui%22%20font-weight%3D%22400%22%20font-size%3D%2250%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%20dy%3D%2217.8%22%3EPA%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20id%3D%22initials-default-10868c7e%22%3E%3Cg%20style%3D%22mix-blend-mode%3Aoverlay%22%3E%3Cuse%20href%3D%22%23letters-double-10868c7e%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%220.5%22%3E%3Cuse%20href%3D%22%23letters-double-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23347a9d%22%2F%3E%3Cuse%20href%3D%22%23initials-default-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "different-seed",
+    "options": {
+      "seed": "parity-2"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-0f868aeb\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-0f868aeb\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-0f868aeb\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-0f868aeb\"/></g></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><use href=\"#initials-default-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "size-scale-rotate",
+    "options": {
+      "seed": "parity-1",
+      "size": 256,
+      "scale": 2,
+      "rotate": 45
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\" width=\"256\" height=\"256\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><g transform=\"rotate(45, 50, 50)\"><g transform=\"translate(50, 50) scale(2) translate(-50, -50)\"><use href=\"#initials-default-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 2,
+      "flip": "none",
+      "rotate": 45,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 256,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "translate-border-flip",
+    "options": {
+      "seed": "parity-1",
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "flip": "horizontal"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"50\" ry=\"50\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><g transform=\"translate(10, -5)\"><g transform=\"translate(100, 0) scale(-1, 1)\"><use href=\"#initials-default-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "horizontal",
+      "rotate": 0,
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-solid",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000"
+      ],
+      "backgroundColorFill": [
+        "solid"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#000000\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#ff0000\"/><use href=\"#initials-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ff0000"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#000000"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-linear",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "linear"
+      ],
+      "backgroundColorAngle": [
+        45,
+        45
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\"background-color-10868c7e\" gradientTransform=\"rotate(45, 0.5, 0.5)\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></linearGradient><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#000000\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><use href=\"#initials-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "linear",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 45,
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#000000"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-radial",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "radial"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\"background-color-10868c7e\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></radialGradient><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#000000\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><use href=\"#initials-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "radial",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 0,
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#000000"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-size",
+    "options": {
+      "seed": "parity-1",
+      "size": 128,
+      "title": "Parity Avatar"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Parity Avatar\" width=\"128\" height=\"128\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-10868c7e\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-10868c7e\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-10868c7e\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-10868c7e\"/></g></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><use href=\"#initials-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 128,
+      "title": "Parity Avatar",
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-escaping",
+    "options": {
+      "seed": "parity-2",
+      "title": "Tom & Jerry's <\"Avatar\"> 😀"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-0f868aeb\"><text x=\"50%\" y=\"50%\" font-family=\"system-ui\" font-weight=\"400\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">PA</text></g><g id=\"initials-default-0f868aeb\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-0f868aeb\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-0f868aeb\"/></g></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#347a9d\"/><use href=\"#initials-default-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#347a9d"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "system-ui",
+      "fontWeight": 400,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "title": "Tom & Jerry's <\"Avatar\"> 😀",
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EInitials%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CInitials%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22letters-double-0f868aeb%22%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22system-ui%22%20font-weight%3D%22400%22%20font-size%3D%2250%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%20dy%3D%2217.8%22%3EPA%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20id%3D%22initials-default-0f868aeb%22%3E%3Cg%20style%3D%22mix-blend-mode%3Aoverlay%22%3E%3Cuse%20href%3D%22%23letters-double-0f868aeb%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%220.5%22%3E%3Cuse%20href%3D%22%23letters-double-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23347a9d%22%2F%3E%3Cuse%20href%3D%22%23initials-default-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "font-family-weight",
+    "options": {
+      "seed": "Florian Körner",
+      "fontFamily": [
+        "Helvetica",
+        "Arial"
+      ],
+      "fontWeight": 700
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"letters-double-07df7048\"><text x=\"50%\" y=\"50%\" font-family=\"Helvetica\" font-weight=\"700\" font-size=\"50\" fill=\"#ffffff\" text-anchor=\"middle\" dy=\"17.8\">FK</text></g><g id=\"initials-default-07df7048\"><g style=\"mix-blend-mode:overlay\"><use href=\"#letters-double-07df7048\"/></g><g opacity=\"0.5\"><use href=\"#letters-double-07df7048\"/></g></g><clipPath id=\"clip-07df7048\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-07df7048)\"><rect width=\"100\" height=\"100\" fill=\"#6a6acd\"/><use href=\"#initials-default-07df7048\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#6a6acd"
+      ],
+      "initialsVariant": "default",
+      "lettersVariant": "double",
+      "fontFamily": "Helvetica",
+      "fontWeight": 700,
+      "textColorFill": "solid",
+      "textColor": [
+        "#ffffff"
+      ],
+      "lettersRotate": 0,
+      "lettersTranslateX": 0,
+      "lettersTranslateY": 0,
+      "lettersScale": 1,
+      "initialsRotate": 0,
+      "initialsTranslateX": 0,
+      "initialsTranslateY": 0,
+      "initialsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "variant-double",
+    "options": {
+      "seed": "AB CD",
+      "initialsVariant": [
+        "double"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><clipPath id=\"clip-aa526f99\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-aa526f99)\"><rect width=\"100\" height=\"100\" fill=\"#ac6039\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ac6039"
+      ],
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "variant-single",
+    "options": {
+      "seed": "AB CD",
+      "initialsVariant": [
+        "single"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Initials</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Initials” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><clipPath id=\"clip-aa526f99\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-aa526f99)\"><rect width=\"100\" height=\"100\" fill=\"#ac6039\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ac6039"
+      ],
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  }
+]
diff --git a/tests/fixtures/parity/avatars/notionists.json b/tests/fixtures/parity/avatars/notionists.json
new file mode 100644
index 0000000..9234be3
--- /dev/null
+++ b/tests/fixtures/parity/avatars/notionists.json
@@ -0,0 +1,699 @@
+[
+  {
+    "id": "plain-seed",
+    "options": {
+      "seed": "parity-1"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201744%201744%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3ENotionists%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EZoish%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fheyzoish.gumroad.com%2Fl%2Fnotionists%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3ERemix%20of%20%E2%80%9CNotionists%E2%80%9D%20(https%3A%2F%2Fheyzoish.gumroad.com%2Fl%2Fnotionists)%20by%20%E2%80%9CZoish%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22head-variant01-10868c7e%22%3E%3Cpath%20d%3D%22M553%20723.7c-99%20297-363.7%20388.6-503.6%2019.8-19.3-50.7%2031-69.5%2066.2-91.9%2024.1-15.3%2036.8-28.5%2035.3-42.2C144%20545%20114%20365.6%20114%20365.6l-3-5.8s.7-1.6-2.2%201.2c-3%203-9.9%2034.2-37%2034.2-24.5%200-49.2-10.9-61-86.3C6.3%20281.6%208.7%20210%2039%20197c12.5-5.3%2024-7.2%2035.2-.8s-13-22%20112-126C267.5%202.4%20395.8-7.5%20447.6%204S551%2040.8%20574%2094.5c27.8%2065-25.9%20114.3-14%20262.5-2.2%2053.6.8%20171.2-146.6%20210.6-28%207.5-19.3%2048.4%2022.7%2058.4%2067%2021%20117%2072.3%20117%2097.9%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.6%20228.9c5.2-16.1%2023.7-44.7%2042.2-42C71.7%20185%2083.8%20198%2094%20213a140%20140%200%200%201%2022.4%2061.5c.5%203.7%201%207.6-1.2%2011.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33%2012-40.8%2032.2-14.5%2037.6-12%2074.6%201.4%20111%205.8%2015.9%2013.1%2032.1%2027.8%2043.2%2014.8%2011.3%2032.7%209.3%2043.6-5.7%202.5-3.4%205.6-6.7%207-10.6%202.1-5.7%205.4-11%2011.3-10.3%206.8%201%208%208.3%208.7%2014C126.2%20436%20137%20501%20147%20566c2.6%2017.1%205.6%2041.7%203.6%2052.1-.7%203.7%200%207-4.5%207.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604%20604%200%200%201-10.9-97c-8.5%2012.7-14.8%2023.3-26.5%2027.2a40.5%2040.5%200%200%201-46.1-12.6%20128%20128%200%200%201-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5%204.4%205.7%2010%203.7%2015.2-21.6%2055.7-17.6%20113.8-15.8%20171.6%202.1%2066.4-14.5%20126.8-58.7%20177.5-15.4%2017.6-35.8%2029.8-56.5%2040.3-21.4%2011-25.9%2020.1-19.2%2043.6%201.3%204.7%204.4%209.6-.2%2014.4s-9.8%203.1-15.4%201.7a406%20406%200%200%201-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4%203.7-2.9%206.4.1%209.8%202.7A146%20146%200%200%200%20352%20561c21%202.1%2041.5-.2%2062.3-.1%2011.5%200%2020.6-5.9%2029.5-10.8%2027.8-15.5%2054.3-32.8%2072.2-60.7a230%20230%200%200%200%2031.6-80.9c9.6-48%205.3-96.6%205.5-146.2%204.2-36.9%208.1-72.7%2027.3-104.8M60.6%20238.6c21%201%2034.7%2028%2035.8%2070.3-6%2018.8-12.8-1-21%202.7-4%2014.5%2015.1%2020%2016.3%2034-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2%209.7-29.9-6.7-13.4-21.7-18-30-30.5%2010-3.5%2015.1%202.9%2021%206.8%205.9%204%209%2011.3%2017%2015-.8-19.8-11.7-34-23-48.6%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22clothesGraphic-saturn-10868c7e%22%3E%3Cellipse%20cx%3D%22257.1%22%20cy%3D%22202.6%22%20rx%3D%22100.1%22%20ry%3D%2298.5%22%20stroke%3D%22white%22%20stroke-width%3D%2215%22%2F%3E%3Cpath%20d%3D%22M328.3%20271.8q11.7%207.4%2021.8%2013%2020%2011.3%2032%2015.2a35%2035%200%200%200%207.8%201.7%2035%2035%200%200%200-3.4-7.2%20186%20186%200%200%200-21.8-27.9q-8.1-9-18.5-19.2a97%2097%200%200%200%206.3-14.9q13%2012.8%2023.3%2024a200%20200%200%200%201%2023.6%2030.4q3.9%206.4%205.3%2012.1c.9%203.7%201.1%208.7-2.1%2012.8-3.3%204-8.2%205-12%205q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16%206.4-4.6%2012-10.1M192.9%20127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35%2035%200%200%200%203.4%207.2q6.5%2011%2021.8%2027.9l7.7%208.2a98%2098%200%200%200-7.9%2013.5l-10.9-11.6a200%20200%200%200%201-23.6-30.4%2045%2045%200%200%201-5.3-12.1c-.9-3.7-1-8.7%202.2-12.8%203.3-4%208.2-5%2012-5q5.9.1%2013%202.6a200%20200%200%200%201%2034.8%2016.3q8.3%204.6%2017.5%2010.4-7%204.1-13.4%209.3%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M249%20223.7c-72.4-57.7-123.5-114-114.2-125.6Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M249%20223.7c-72.4-57.7-123.5-114-114.2-125.6%22%20stroke%3D%22white%22%20stroke-width%3D%2215%22%2F%3E%3Cpath%20d%3D%22M396.7%20307.1c-9.3%2011.7-75.5-25.7-147.8-83.4Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M396.7%20307.1c-9.3%2011.7-75.5-25.7-147.8-83.4%22%20stroke%3D%22white%22%20stroke-width%3D%2215%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22clothes-variant10-10868c7e%22%3E%3Cpath%20d%3D%22M1328.3%20722H209l-176-2.3s25.8-236.8%2036.7-268.4C96%20375.7%20122.3%20283.8%20190.2%20239c29.6-19.6%2053.3-37%2055.2-47.6%201-5.3%2097.8-99.7%20115.3-109.2%2083.5-45.6%20164.8-18.4%20164.8-18.4l.9%2018.8s1.9%2022.7%206.9%2029.4c22.7%2031%20101.3%2050.4%20154.1%2054.7C753.7%20172%20826%20142%20828.1%20120c1.7-17.2-21.4-48.5%2011.8-61.6C865.5%2048.3%20941.5%2054.7%20968%2065c34.1%2013.2%2099%2053.5%20130.3%2093.4%2012.2%2015.6%2014.7%2059.5%2056.3%2072.4%2062%2019.1%20109.6%20108.7%20135.3%20220.5%2013.1%2057.2%2038.4%20270.7%2038.4%20270.7%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M988%20721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3%2068.3-163.6%2053.8-172.2%2054.6-23.3%202.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7%2060.7-44.3%20122c-4.2%20100.4%204.9%20268.3%208%20338a7165%207165%200%200%201%204.5%20155.6h-115s18.4-319.6%200-499.6c-8-76.7-122.7-9.1-118.9-35.4%207-48.6%20106.4-118.4%20157.5-132.2%2020.1-5.4%20109.7%205.9%20109.7%205.9s5.2%2051.2%2028.4%2070.8c10%208.4%2057.2%2030.6%20105%2035.9%2055.3%206.1%20113.4-6.2%20146.7-22.8%2044.3-22-17.2-48%2022.6-75.2%2039.6-27%2062-16.7%2092.8-15.7%2095.4%203%20209.3%20131.5%20191.9%20137.3-25.2%208.6-120.3-32.8-130.5%2039.5C966%20333%20988%20721.7%20988%20721.7%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22m870.7%20722-377.5-.3s-13.5-434.3-13.5-523.6c0-74%2036.6-154.8%2052-130.7%2028.5%2044.5%2076.5%2055%20149%2058.3%20115%205.1%20121.6-38%20137.3-46.8%2031.4-17.9%2052.7%2056.4%2052.7%20133z%22%20fill%3D%22white%22%2F%3E%3Cmask%20id%3D%22clothesVariant10-a%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20d%3D%22m494%20719.7-14-432.5h392v432.5z%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23clothesVariant10-a)%22%3E%3Cg%20transform%3D%22translate(424%20305.7)%22%20style%3D%22mix-blend-mode%3Adifference%22%3E%3Cuse%20href%3D%22%23clothesGraphic-saturn-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M1322%20721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513%20513%200%200%200-67-48.2q-46.3-28.7-97.6-11.7a32%2032%200%200%200-21.9%2024.3c-13.4%2053.3-9.1%20107.6-9.8%20161.6-.8%2069.8%203.1%20139.5%205.2%20209.2%201.8%2057.2%200%2066.7-.6%20125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6%202.5-28.2.1-57%2011.3-84.3%209.4-23%2028.3-31.8%2049.9-33.5%2022.4-1.7%2045.7-4.8%2069.8%209.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12%203.8-17.8%206.7-7.5%204-15.3%207.3-26.6%204.8%209.5-13%2022.1-17.3%2035.1-21.1%2037.1-10.8%2073-5.2%2095.7-1.8%2028.9%204.3%20128.5%2052.3%20175.5%20127.9%2022.3%2035.9%2085.8%2036.4%20143.6%20157.6a528%20528%200%200%201%2034.7%20100.7c10.9%2044%2039.5%20252.6%2039.5%20284.2zm-1279.7%200c2-6.9%202.7-9.9%203.6-15.7%204.6-28.4%205.5-57.6%208.9-86.3%202.4-20.7%203.3-41.4%206-62%207.2-52.7%2015.6-105%2032.5-155.4a486%20486%200%200%201%2039.5-92.1c11.7-20%2029.3-34.3%2046-48.9%2020.7-18%2043.5-33.7%2067-48.2q46.3-28.7%2097.6-11.7a32%2032%200%200%201%2021.9%2024.3c13.4%2053.3%209.1%20107.6%209.8%20161.6.8%2069.8-3.1%20139.5-5.2%20209.2-1.8%2057.2.5%20125%20.5%20125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4%201.6-142.7c.6-37.8.3-75.7%202.8-113.5%202.6-39.6%202.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7%209.3%204.8-16.6%2015-24.7%2022.6-34%2028-34.2%2065.5-55.5%20103.5-76.8%2039.4-22%2080.8-19%20122.7-17.4%206.5.3%2012%203.8%2017.8%206.7%207.5%204%202.3%2011.5%206.4.7%205.8-15-2-13.2-15-17-37-10.8-74-4-111%20.5a66%2066%200%200%200-21.5%208c-51.4%2027.8-116%2077.2-138.6%20117.6-12%2021.6-30.7%2032.8-47.5%2047.7-59.7%2053.1-75.4%2064.6-96.1%20109.9a574%20574%200%200%200-34.7%20100.7c-11%2044-19.1%2088.6-22.8%20134.2-2.7%2032.4-7.4%2064.8-10.3%2097.4-2%2022.8-3.5%2039.7-3.5%2052.6z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1158.8%20721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4%205.3-13.5%206.4-1%209.3%203.5%2010.7%2010.8%207.8%2038.3%2011.3%2077.2%2016%20116%203.5%2030%207.8%2060%208.5%2070zm-938.5%200c1.4-23.6%208-84.7%2012.6-115.7%203.3-22.6%203-46%2011.4-67.7%202.1-5.4%201.5-12.4-5.3-13.5-6.4-1-9.3%203.5-10.7%2010.8-7.8%2038.3-11.3%2077.2-16%20116-3.6%2030-5.7%2070.1-5.7%2070.1z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M494.4%20722s-14.7-427.5-14.7-515.4c0-72.8%2036.6-163%2052-139.2%2028.5%2043.8%2077.2%2058.4%20149.7%2061.5%20115%205%20120.9-41.3%20136.6-50%2031.4-17.6%2052.7%2066%2052.7%20141.4v501.4%22%20stroke%3D%22black%22%20stroke-width%3D%2215%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22hair-variant11-10868c7e%22%3E%3Cpath%20d%3D%22M257.6%20332.9c14.4-9.4%2030.2-13.4%2045-19.4a70%2070%200%200%200%2034-31.2c25.7-42%2055.2-81.3%2087.4-118.4a210%20210%200%200%201%20105.7-66.4c48-13.3%2094.6-13.8%20142.6.1%2022.4%206.5%2042.8%2015%2062.1%2027.7%2016.7%2011%2029.3%2026%2040.9%2041.4%208.2%2011%2018.8%2017%2030.2%2021.6a360%20360%200%200%201%2097%2057.2c31%2026%2060.2%2054.5%2075.6%2093%2015.8%2039.3%2028%2079.6%2012%20122.3-10%2027-19.8%2054-44.4%2072.3-20.5%2015.2-24%2038.5-27.6%2061.8-1.5%2010-1.2%2020.2-5.3%2029.9-9.7%2023.2-29%2034.9-51.9%2038.3-31.8%204.6-29.5%2012.6-34.5-24.1a477%20477%200%200%201-2.8-77.4c1.7-59.1%205.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2%2010.9-23.6%2025.2-35.2%2035.6-14.1%2012.6-26.6%2027.1-40.6%2040-14.8%2013.4-33.8%2019.5-52.4%2024.7C607%20400.8%20573.8%20414%20537%20414c-20%200-42.9%2021.6-49%2045.7-9%2034.7-21.7%2068-50.1%2092.3a92%2092%200%200%201-47.7%2019.5q-17.2%202.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3%203.7-25.2%2016.5-31.2%2033-9.5%2025.8-11%2052-9.6%2078.9.1%202.4-.7%204.9-1.3%208.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6%2023.9-109.6%2073.7-146.3m78.7%20322.9a119%20119%200%200%200%2037.1-33.7c7%204.4%209.2%209.7%209.8%2016.4%202.6%2028%202.3%2056%207.5%2083.8%201.3%206.6%202.3%2013.4%204.3%2019.8%203.6%2011.6-1.1%2017.8-12%2020.8-18.4%205-42.6-11.2-42.6-29.3a72%2072%200%200%201-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8%200-20.3%202.9-6.2%209.6-9.5%2016.2-8%2016.6%203.9%2035.2-.5%2049.7%2012.4%204%203.5%209.7%202%2015.7.8%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22mouth-variant03-10868c7e%22%3E%3Cpath%20d%3D%22M80.7%2064.4c-1.1-4.6-2.8-8.8%202-10.8C86.7%2052%2090%2054%2093%2057a76%2076%200%200%200%2034.4%2021c27%206.7%2051-.5%2071.2-19.9q5-4.9%2010.2-9.5c2.4-2%205.1-3.2%208-.7%203%202.7%201.5%205.4-.1%208-13.6%2021.4-31.7%2035.8-58.1%2037-8%20.3-16.1%201-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3%2053.5c.4-15.5%208-25.4%2019.7-33q7-4.6%2014.5-2.7c3.3%201%206.5%202.7%207%206.6.7%204.3-2.4%205.6-6%206.8a31%2031%200%200%200-21.4%2022.9c-1%204.3-2%209-7%209.4-5.9.6-5.2-5.4-6.8-10M230.4%2034c0-8.8%205.4-7.4%209.7-6%207.2%202.3%2016%2018.6%2014.7%2026.5-.4%202.5-.4%205.3-3.3%206.4-3.4%201.3-5.8-.4-7.5-3.1a710%20710%200%200%201-13.6-23.9%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22nose-variant18-10868c7e%22%3E%3Cpath%20d%3D%22M65.7%20102.7c-.6%2021.6%2016.4%2030.6%2027.5%2043.5%208.5%2010%2018.5%2018.7%2013.7%2034.4a39.6%2039.6%200%200%201-40.8%2027.6%20104%20104%200%200%201-36.4-11A22%2022%200%200%201%2019%20186.6c-1.7-3.8-5.4-7.8-.5-11.4%204.6-3.4%207%200%2010%203.7%2011%2013.3%2026%2016.4%2042.6%2015.7A23%2023%200%200%200%2093%20179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1%202.2-57.4%201.9-2.5%203.6-5%207.2-3.1%203.8%202%203.4%205.5%202.2%209a69%2069%200%200%200-5.2%2028.4%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22eyes-variant03-10868c7e%22%3E%3Cpath%20d%3D%22M214%2023q19.4.5%2037.7%202.6c3%20.3%204.9%203.3%205%206.6q-.1%205-4.8%207c-11.1%204.9-22%208.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5%2025.8c6.2%203.3%205.2%207%202.1%2010.8-6.5%208-28.2%2010-36.4%203.5-4.7-3.8-7.3-8.6-4.4-14.4%203-6%208.2-5%2013-2.5%208%204%2016.4%203%2025.7%202.6%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22eyebrows-variant05-10868c7e%22%3E%3Cpath%20d%3D%22M106.5%2034.6c4.3%205.6%2014.4%208.2%208.3%2016.8-5.8%208.2-15.6%208.7-24.3%206.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5%203.6-16%209.8-20.4%201.9-5-9.2%207-11.4%2012.8-15.4%2018-12.8%2038.8-14%2060-12.2%209.6.8%2016.7%207.7%2025.5%2013m123.7%209.5c15.9-7.4%2030.7-14.8%2048.2-12.7a48%2048%200%200%201%2030%2015.2c2.9%203.1%205%207.5%201.4%2011.4-3.6%203.7-8.6%204.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9%206.1-19.6%205.5-29.4%206.4-10.7%201-13.4-6.6-7-19.3%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%221744%22%20height%3D%221744%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Cuse%20transform%3D%22translate(532%20491)%22%20href%3D%22%23head-variant01-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(151%201029.3)%22%20href%3D%22%23clothes-variant10-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(266%20221.9)%22%20href%3D%22%23hair-variant11-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(791%20872)%22%20href%3D%22%23mouth-variant03-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(901%20669)%22%20href%3D%22%23nose-variant18-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(805.2%20732.6)%22%20href%3D%22%23eyes-variant03-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(775%20657)%22%20href%3D%22%23eyebrows-variant05-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "different-seed",
+    "options": {
+      "seed": "parity-2"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-0f868aeb\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothes-variant24-0f868aeb\"><path d=\"M1340.4 725.7 36.7 722.4s33.4-209.7 96.2-329c17-32.3 81-128.7 141.8-189.6 40.8-41 87.7-56 89-62 2.2-9.7-11-41.4-8.8-48.5 8.1-25.5 9.5.8 42.1-31.8 18.3-18.2 1.4-29.6 21.6-43.2 29.8-20 60-8.7 87-7.6 18 .7 12.4 50.3 27.3 62.5 40.3 32.9 91.8 54 128 63.6 46.1 12 61.6-2.6 85.4-12.3 23.8-9.6 38.5 12.2 68.9-33.2 14.2-21.2-11-42.6 8.2-54 30.2-17.9 75.8-17.3 94.7-7.7 28.9 14.8 16.3 41.6 16.3 41.6s35.7 11.6 43 22c7.2 10 5 44 5 44s-2.8-13.7 63.4 23.5c84.2 47.4 179.2 187.2 223 296 46.6 115.8 71.6 269 71.6 269\" fill=\"white\"/><path d=\"M737.4 725.7a42 42 0 0 1-3.3-13.8c0-9.2-3.2-14.3-13.5-13.7-6.4.4-13-3.3-13-9.6-.2-8.2 7.8-6.1 12.7-5.7 9.3.7 12.2-4.1 12.4-12.1 0-4.6-.8-11 5.6-10.8 5.4 0 11.2 4 11.4 10 .4 9.8 4.5 14 14.1 13.6 8.7-.3 8.8 6 8.9 12.2-2.3 3.5-5.8 3.8-9.1 3.8-9 0-13.8 4-12.9 13 .7 6.5-3.7 9-8.5 12.5q-2.4.8-4.8.6m-238 0q-2-6.8-1.9-14c.8-10-3.1-14.6-13.3-13-4.7.7-8.2-1.6-11.2-4.9-1.8-1.9-3.6-3.8-2.6-6.7 1-2.7 3.5-3.8 6.2-3.5 13.3 1.7 21.4-1.9 19.7-17.4-.3-3.3 2-7 6.4-6 5.1 1 9.3 4.3 9 9.4-.6 11.3 4 15.2 15 14.2 9.7-.9 8.8 6.6 9.4 13.4-3 1-5.4 2.4-7.7 2.3-10.9-.6-16 3.7-14 15 .9 5.3-3.7 7.2-7.7 10.5q-3.6.9-7.3.7m476 0c-1.8-3.2-3.7-6.5-3.7-9.7 0-11.6-1.8-20.2-17-17.6a9.5 9.5 0 0 1-10.6-9c0-6.9 6.4-5.8 10.8-5.6 10.1.6 15.3-3.2 14.6-14-.3-3.6 1.2-7.2 4-9.6 7.6 2 14.2 4.8 14.5 14.3q0 9.6 9.5 9.2c9-.6 12.4 3.8 11.4 12.3-2.5 3.2-6.2 2.5-9.5 2.9-7.3.8-12.3 3.5-11.1 12 1 6.4-2 10.4-8 14a11 11 0 0 1-4.9.8m-711.5 0a28 28 0 0 1-3.3-11.2c-.2-11-3-17.7-16.3-16.2-5.2.6-11.6-3.5-11.3-9.8.3-6.5 7-4.6 11.3-4.8 12.7-.6 12.7-.5 16.3-21.8 7.7-2.3 12.6 1.2 13.1 8.7.7 10 5.4 13.7 14.7 13 6.7-.6 10.8 1.9 11 9 .2 8.2-6.5 7.3-11 6.7-10.5-1.5-12.5 3.9-11.8 12.5.4 4.9-.1 9.4-5.4 13.1q-3.6 1-7.3.8m949.4 0c-1.7-2.8-3.7-5.6-3.5-8.3.6-13-2.4-21.2-18-19.8-4.4.5-10.8-3.4-10.4-9.3.5-6.9 7.2-4.8 11.3-4.4 11 1.2 16-2.7 14.8-14a9 9 0 0 1 4.5-9.3c6 1.5 12 3.9 11.6 12-.3 8 3 11.8 11.3 11.3 3.8-.2 7.9.4 8 5.8.2 5.7-2.7 8.9-8.5 8.6-8.5-.4-11.4 4.1-10.7 11.8.5 6.3-3.2 10.3-8 14.9-.5.7-1.8.7-2.4.7M638.4 568.5c3.4.4 6.7-.1 8.2 1.3 3.4 3.3 11.5 2.6 10.3 9.4-1 6.3-7.7 6.2-12.6 6-15-.5-14.2 11-15.4 21.5-8.3-.8-15.2-2-15.9-11.5-.6-7.4-5.5-9.2-11.4-9.2-7.5-.1-10.7-4-11-11-.2-7.6 5.5-7.7 10.5-7.9 7.8-.3 10.6-4.3 9.5-11.6-1.3-9.4 5-12.5 12-12.6 8-.1 6.6 7.2 7.2 12.4.6 5.5-1.7 12.7 8.6 13.2m210.2-19.3c3.9-4.9 9-5 13.3-6.4 1.2.9 2.3 1.2 2.5 1.9a55 55 0 0 0 22.3 26.3c3 1.8 7.4 2.7 8 7.8-2.7 7-9.3 6-15 6.3-7.5.4-12.3 2.3-10.8 11.4.7 4 .7 10-5 9.9-5.5 0-12.7-1.6-12.8-9.3-.2-9-4.2-11.7-12.6-11.6-10.7.2-9.9-8-10.7-16.4 11.6-1.5 24.7-1.8 20.8-19.9m237.6 11.5c.1-3.5.3-6 .2-8.6-.5-7.4 5.7-8 10.2-8.9 6-1.1 6.5 4.2 6.7 8.5.5 10 1.3 18.6 15.6 17 5.2-.7 12.4 4 12.5 10s-7.1 6.1-12 6.3c-8.6.2-13.8 3.2-13.7 12.7.1 4.2-.6 9.7-6.2 9.2-5.3-.5-11.9-2.6-12.2-9.2-.4-9.4-4.8-12-13.5-12.6-8.2-.5-8.2-8-9.1-13.4 5.8-8 18.8 2.9 21.5-11m34.8-332.4c-2.4 2-4.8 1.9-7.2 1.6q-10-1.1-8.3 8.4 1.4 6.9-5.6 7.8c-5.5 1-5.8-3.2-5.8-6.5.1-6.9-1.6-11-10-9.9-4 .6-8.4-1.9-9-5.6-.7-5 4.4-5.1 8.1-5.8 5-.8 9.2-2.1 9.4-8.2 0-2.8.9-6.5 4.8-6 3.6.6 7.9 1.9 7.7 6.8-.2 5.7 2.3 7.4 8 7.1 6.8-.4 8.2 4.4 8 10.3m-140.6 20.4c-10.6 2.8-8.7-5.2-9.4-9.8-1.3-8.9-3.3-15.4-14.7-14.5-5.4.4-12-3-12.6-8.6-.7-7.7 7-7 12.2-7.7 7.6-1 12.8-4 13.4-12.5.2-4.2.8-10 6.4-9.1 5.1.7 12 2.5 12 9.5-.1 9 3.6 11.5 12.2 11.6 9.1.1 9.5 7.7 9.9 15.3-2.3.7-4.3 1.9-6.2 1.8-10.8-.7-17.6 2.2-15.5 14.9q1.3 7.5-7.7 9.1m330.4 333.4c3 6.4-.5 9.7-5 9.6-15.5-.5-25.6 3.9-20.6 22.4q-15.5.5-16.7-10.9c-.8-8.3-4.9-11.3-12.1-11.5-10-.3-10.6-6.3-9.5-13.7 2.8-2.8 6.3-3 9.7-3.1 7.2-.2 10-4.2 9-10.8-1.5-10.4 6.1-13.2 13-13.1 7.8 0 6.1 8 6 13-.2 8.3 2 13.4 11.5 12.3 5.5-.6 9.8 2 14.6 5.8M408 568.5q4.4 2 8.3 4.8c6.4 5 4 8.5-2 11q-3.7 1.3-7.6 1c-11.6-1-16.8 3.7-14.6 15.6.3 1.5-.5 3.2-.8 5.4-8.7.3-14.3-2.7-15.4-11.5-.8-7-5-9.4-11.4-9-7.8.4-10.4-3.9-10.7-11-.4-8 5.3-7.7 10.3-7.7 8.5 0 11.6-4 10.5-12-1-8.3 3.8-12 11-12.4 8.2-.4 6.4 6.9 6 11.3-1.2 12.1 3.8 16.6 16.3 14.5M117.2 437c-2.4-13 7.3-11.8 12.9-14.2 3.4 1.1 4.1 3.3 4.3 5.4 1.2 12.4 3.2 23.4 20.3 21.2 3.5-.5 8.6 3 8.2 8.2-.5 5.3-5.3 6.7-9.5 6.6-11.3-.3-18.1 3.3-17 16 .3 3.2-1.4 6.3-5.1 6-5.6-.3-11-3.7-11.1-8.7-.5-11-6.8-13.5-15.7-14.3-5.6-.5-6.4-4.8-6.7-9.2-.5-5.4 3.5-6.2 7.4-6.7 6-.7 12.5-.4 12-10.4m460.2-115.2c-.5-10.2 7-11.6 13-11.5 7 0 6 7.2 5.9 12-.4 8.7 1.9 14.1 12 13.1 4-.4 7.2 2.2 10.6 3.9 2.8 1.3 5.4 3 5 6.6a6 6 0 0 1-6.4 5.3c-15.3-.7-25.5 3.8-20.8 22.2-9.4 0-15.4-2.7-16.5-9.7-1.4-8.6-5.7-12-13.6-12-6.8 0-9-4-9.2-9.7-.1-6.5 4.6-7.7 9.6-7.4 8.8.6 13.2-2.3 10.4-12.8m495 9.3c9.9.7 15.2-2.4 14-12.2-1-7.6 3.7-11.6 10-12.1 8.4-.7 6.8 6.8 7 11.9.2 8.8 3.5 13.9 13 12.7 4.3-.5 7.2 1.7 10.3 4 2.3 1.9 5.4 3.2 4.7 6.9-.9 4-4.4 5.4-7.8 5.2-12-1-20 2-18.4 16.4.3 3-1.8 6.3-5.3 5.9-5.6-.7-11.9-3-12.3-9-.8-9.9-5.4-13.4-14.6-13.3-5.5.1-6.4-4.6-7.5-8.8-1.3-5.1 1.5-6.9 7-7.7M119 583c-5.2-10.6-1.7-15.5 8.7-15.5 9 0 12.1-3.5 9.6-12.7S143 544 148.8 543c6.7-1.2 7.2 5.2 7 9.6-.5 10.6 2 17.1 14.6 16.7 4.4-.2 10.6 3 10.7 9 .1 7.4-6.7 6.3-11.5 7-10.7 1.3-10.8 1.2-14.5 20.8-6.3 2.2-13.7-1.6-13.7-5.4-.2-15.7-11.9-14.7-22.3-17.8M899.2 301c3.8-4.7 8.5-5.1 14-6.2q1 1.3 1.8 2.9c6.2 16.7 6.3 16.5 21.2 24.5 3.4 1.8 9.2 3 8 8.5-1.1 6-6.7 5.7-11.4 5.6-8.2-.1-15.9-.2-14.6 11.7.4 4 1.3 9.8-4.6 10.2-5 .3-11.4-2.4-11.9-7.7-1-11.2-7.3-14-17-14.5-5.5-.2-6-5.3-6.5-9.6-.5-5 3-7.2 7.2-6.7 15.3 2 13.7-8.3 13.8-18.7M966 443.2c5.5-6.1.5-15.5 8.9-20.4 6.3 3 14 4.9 13.4 15-.4 7.2 4.9 8.3 10.4 8 7.1-.5 10.3 3.6 10.8 9.8.6 8-6 6.9-10.7 6.9-7.5 0-11.5 3.1-10.4 10.7 1.4 10.2-5.3 11.9-12.3 13.5a10 10 0 0 1-4.5-8c-1-10.5-3-19.1-17.3-17.6-4.3.4-10.4-3.8-10-9.6.3-6.2 6.4-5.2 11-5.8a64 64 0 0 0 10.6-2.5M442.2 243.8c-6.9-.8-12.4-4-12.3-9.8.1-7.3 7.5-6.7 12.7-7.5 6.8-1 12.5-2.6 12.3-11.4-.1-4 .2-9.4 6.1-9.2 5.2.2 10.6 2.3 10.2 9-.4 8.7 4.4 11.2 11.7 11 10.4 0 12.7 6.4 12.7 15-6.3 6.5-15.3-.2-21.6 4.5-2.6 4.3-.3 8.5 0 12.6.5 7-4.2 8.7-9.4 9.7-7 1.3-7.7-4.1-7.6-8.8.2-9.7-1.3-17.3-14.8-15.1m295 179.4c8.1 2.3 13.8 5.7 13.2 15-.4 7.3 5.4 7.8 10.8 7.5 7.4-.4 11.6 3.3 11.7 10.3.2 8-6.6 6.5-11.3 6.5-8 0-12.2 3-11.2 11.4 1.3 9.4-4.5 11.6-11.6 12.3a7 7 0 0 1-4-6.6c-.5-10.9-2.8-19.1-16.9-18.2-4.5.3-10.6-3.8-10.6-9.3 0-7.1 6.7-6.6 11.7-6.3q14.7 1 13.6-13.6c-.3-3.4.2-6.9 4.6-9M518 463.4q-4.7 3.2-3.6 7.1c2.2 10.3-2.6 15-12.2 16.3-.8-.4-2-.6-2.2-1.2a66 66 0 0 0-23-25.6c-3-2-7.1-3.8-6.7-8.5a5.6 5.6 0 0 1 6.1-5.3c15 2 20.7-5.3 20.9-19.1 0-1 1.4-2 2.3-3.2 7.2.6 12.4 3.3 12.3 11.4-.1 7.2 4 10.2 10.3 10.1 8-.1 14.1 2.6 13.5 11.1-.7 9-9.1 4.9-14.3 6.2-.8.3-1.6.3-3.4.7m-223.7-1.3c-11.7-.4-19.5 1.5-17.8 15.3 1.1 8.4-5.7 9-11.6 9.7-4.1-3.2-4.1-7.8-4.4-11.9-.6-9.2-4-14-14.3-13.4-6 .2-12.5-3.7-12.6-10.1 0-7 7.2-6 12-6 7.8 0 12-2.8 12.5-11 .2-4.4-.3-10.8 6.4-10.5 5.2.2 9.7 4 9.4 10.1-.5 10.3 5.4 12.1 13.9 11.5 4.4-.3 8.6.4 10.3 5.5 1.4 4.2 3 8.4-3.8 10.8m79.4-110.8c-3.7-3.5-7.7-3.6-11.5-3.6-7.1 0-8-5-8.3-10.4-.4-6.3 4.1-6.9 8.5-6.7 9 .5 13.8-2.6 12.3-12.5-1.2-8 4.8-11 10.6-11.5 8.2-1 6.6 6.5 6.3 11-.7 11 1.6 17.1 14.9 14.5 5.9-1.2 12.6 3.1 12.8 9.6.3 7.2-7 5.7-11.8 6-12.2.6-12.2.5-17.4 22-11.4-.3-14.3-8.4-16.4-18.4m863.9 111.2c-8.9-.4-14.6 1.6-13.8 11.2.5 7.3-4.2 10.5-10.3 12.8-1-.7-2.8-1.4-2.8-2.2-1.1-13.5-4.2-24.6-21.6-24.2-3.2 0-9.5-3.8-7.9-9.8 1.4-5 6.7-4.9 10.8-4.5 9.8.7 15.8-1.9 14.7-13.2-.4-3.9.3-8.7 5.2-8.6 5.2 0 11.2 2.8 11.3 8.2 0 11 5.1 14.3 15 13.7 6.3-.4 7.5 4.4 8.3 9.2 1 6.2-3.5 6.8-9 7.4M297 212.9c3.7 8.8.7 12.5-7.4 11.9-9.8-.7-14.2 3.3-13 13.3 1.1 9.4-5.1 11.2-14 12-1.5-13.8-10.7-28.7 2.6-40 8.8-7.6 21.2-3.7 31.9 2.8M42.8 690c2.6-7.6 8.2-6.6 12.8-5.5 5.9 1.4 5.2 6.7 4.7 12-7 1.7-14.4 6-17.5-6.5m138.4-348.3c-3.2 8-8.5 5.7-13.5 5-2-5.7.4-8.8 4.7-10.2 3.8-1.3 7.4-.5 8.8 5.2\" fill=\"black\"/><path d=\"M1334 725.7c-9.4-38.5-16.9-77.2-25.6-115.7q-9.6-41.6-22.4-82.1a737 737 0 0 0-33-90.5q-14.4-31-29.5-61.5a673 673 0 0 0-57.7-92.4 470 470 0 0 0-60.5-70 343 343 0 0 0-83-57.4c-3-1.5-6.6-2.3-9.2-4.3-17-12.7-33.7-6.3-44.8 12.9-30.8 53.2-78.6 77.6-137.2 85.4a19 19 0 0 1-6.4 0c-5.6-1.2-13.6-1.2-13-9.1.7-6.9 8-4.5 12.7-5.1 43.7-5.8 84-19.6 113.4-54.3 12.4-14.8 21.6-32.4 31.3-49.3a34.3 34.3 0 0 0-23.7-50.5c-11.8-2.5-19.5-6.3-16.2-21.4 2-9.6-4.8-18.9-13.2-23-10.4-5-21.7-9.1-34.5-5.6-11.7 3.3-24.2 4.1-36.3 6-7.1 1-12.2 5.8-18 9.4-4.4 2.8-4.4 6.4-2.5 11 7 17.4 1 39.8-13.9 51-14.7 11.2-30.4 20.2-50 18.4q-7.1-.6-12.8 4.4c-14 11.8-30.4 14.5-48.7 14.3-38.8-.4-74.2-12.6-109.2-27.3-7.8-3.3-13.6-12.5-26.5-7.5 27 34.9 67 48.4 105.6 67.6a26 26 0 0 1-24.8 3c-51.4-17.5-91.9-47.6-117.2-97-8.4-16.5-14.9-33-18.1-51-2.3-12.6-5.7-13.8-17.6-8.4-13.2 6-24.9 14.3-35.7 23.6-12.5 10.8-20 24-18.1 41.5 1 8.4 0 17 .2 25.6a47 47 0 0 0 35.2 46 37 37 0 0 1 18.4 10.8c-14.6 6.6-40.5-1.2-53-15.9-33.7-39.8-20.4-108.6 25.8-132.8l5-2.8a40 40 0 0 0-54 19 81 81 0 0 1-39.3 43c-15.3 7.7-19.8 28.7-7.8 39.4 23.4 20.8 43 45.8 69.9 62.6 15.4 9.6 30.1 21 46.7 28 15.8 6.5 33.6 8.4 50.6 11.8 5 1 10.2.8 13.3 5.6.3 3.4-1.7 5.6-4.4 5.5-32.1-1.5-63.4-4.4-92-23a438 438 0 0 1-69-54.1c-11-11-23.1-6.1-34 0-39 22-72.5 50.9-102.9 83.7a615 615 0 0 0-87.4 123 871 871 0 0 0-50.5 108A1198 1198 0 0 0 74 576.3a558 558 0 0 0-20.6 102.1c-1.3 15.2-7.3 29.7-7.9 46.2-5.5 1-10.8 1-17.1 1q6.8-49.5 16.2-98.8c3.7-19.1 9.2-37.9 13.7-56.8 5.6-23.6 13.4-46.5 21.2-69.4a832 832 0 0 1 84-179q25.4-40.5 57-76c36.7-41.1 76.3-78 126-103 6.4-3.3 9.3-7 4.1-15.1-9.3-14.7-5.9-45.7 15.3-55.4 16.6-7.6 26.6-22 34.3-37.8A56 56 0 0 1 451.7 1l58.8-1c9 0 14.1 1.6 10.1 12.7-2.5 7-1.7 14.5 5.4 19.5a9 9 0 0 1 4 6.1c4.4 31 27.1 45.6 52.1 57.7 19.8 9.6 39.6 20.3 60.5 26.3 21.8 6.3 44.5 12.1 67.7 10.5a46 46 0 0 0 26.9-10.8c6.3-5.4 14.2-4.9 21.6-6.4 17-3.4 32.5-9.8 45-22 11.2-11.2 12-22 3.3-35.3-7.7-12-3.3-34 8.5-40.9 3.5-2 8.7-2.8 9.8 1.6 3 11.4 9.8 6.6 15.9 4.8a159 159 0 0 1 55.3-8.2A58 58 0 0 1 933 31.2c7.8 6.9 9.7 15.6 9.8 25.3 0 7.6 2.4 11.9 11 13.9C978.6 76 987.7 88 988 113.5c0 5.3 1.4 8.3 6.3 11 34.6 18.7 70.4 35.4 101.6 60 29.3 23 53 51.1 75.5 80.4A719 719 0 0 1 1272 441.8q27.3 69.8 46.4 142.4c12 46 16 93.5 27.1 140.6-3.2.9-6.7.9-11.4.9\" fill=\"black\"/><path d=\"M1149.7 725.7c-9.3-36.4-12.3-73.8-22.2-110-7.8-28.4-14-57.4-24.2-85-7.2-19.4-14-39-23.5-57.7-12.7-25-23.3-51.2-34.7-77-1.4-3-2.8-6.3 1.4-8.8 4.4-2.7 7.6-.6 9.9 2.7 5 7.3 10.2 14.6 14.3 22.5 16 31.2 31.8 62.7 42.9 96 7.5 22.8 15.6 45.5 21.2 69 3.9 16.5 8.2 33 12 49.4q10.6 48.4 14.5 97.9c-3.4 1-7 1-11.6 1m-903.7 0a451 451 0 0 1 4.4-86.5c3.7-29 4.4-58.3 11-87 3.9-17 9-33.6 13-50.4a338 338 0 0 1 34.6-92.4l7.4-12c2.3-3.3 4.1-8.7 9.5-6.2 5.7 2.8 3.2 8.2 1.8 12.4a320 320 0 0 1-10 26.1c-18 40-33 81.2-40.6 124-7.3 42-15.8 84.3-14 127.6.7 14-1.6 28-2.6 43.2-4.5 1.2-9 1.2-14.4 1.2m410.2-330.2c-1.5-9.8 2.8-16.7 6.6-23.8 11.4-21.4 8.4-30-11.6-42.7-17.7-11.3-35.3-23-44.2-44-5.8-14-4.4-28.3-6.2-42.4-1-7.2 2.4-16 12.3-16.7 9.4-.6 20.9-3.5 25.6 8.4 3.4 8.6 2.1 17-6.2 24-15 12.8-13.9 19.7 3.7 29.1 13.8 7.4 28.5 13.3 40.5 23.9 23.8 21 26 56 4.5 79.2-6.8 7.3-7.8 15.3-6 24.6.9 4.3 2.7 10.2-3.1 12.3-5.3 2-6.5-4-9.2-7-6.3-6.8-7.1-15-6.7-24.9m175 37.7c1.2 3.4 4.6 5.2 3 8.6-20.6.3-34.9-24.4-26-44 5-11.2 13.4-20.6 15.8-33.3 3-16.5 0-25.2-15-32.3-27-12.9-39.8-33-35.3-63.4 1.4-9.4 1.4-17.6-11.8-20.7-9-2.2-11.2-12.2-9.2-21 2-8.5 8.8-13.9 17-12.5 7.6 1.2 17.4 3.4 16.7 15.3-.2 3-.4 6.1 2 8.4 11 11 8.6 24.1 6 37.1-2.2 11.1 0 20.3 9.8 26.8 6.4 4.2 12.5 8.9 19.2 12.6a49 49 0 0 1 13 78.4c-14.3 16-15.7 25.7-5.2 40M878 119.7c16.8-7 17.8-16.8 17.5-33.6 0-5-2.4-10 .8-14.8 11.1 2.3 17.6 16.3 14 29.9a48 48 0 0 1-48.7 35.4 42 42 0 0 0-31.2 13c-7.7 7-16.5 10.5-27 4.4 18.8-9.4 31.1-30.8 55.7-28.2 6.8.7 12-3.5 18.8-6\" fill=\"black\"/></g><g id=\"hair-variant25-0f868aeb\"><path d=\"M800.8 336.9c-1.3-5.4-2-10.1-5.6-13.7-8.6 33 .4 28.8-36.4 29.5-54 1.2-108 3.8-161.3 12.5-16.2 2.6-25.3-2.3-26-21.8-12.3 11.1-12.8 24.7-18.8 35.3-16.7 30.1-37.2 57.5-69.2 72a63 63 0 0 1-58.5-4.8 213 213 0 0 1-47 88.7c-7.4-10.8-8.6-23.7-12.1-35.5-5.7-18.7-21-33.8-39-35.3-13.4-1.2-36 13.6-42.4 27.5q-5.7 12-11.7 23.6c-1.6-.2-3-.1-3-.4-8.2-26.8-26.5-50-31.6-77.3a154 154 0 0 1 13.7-101.7 341 341 0 0 1 103.5-121.7c40.5-29.2 85.6-48 133-61a579 579 0 0 1 171.8-19.1c29.2 1 57.7 7.5 86.1 15.3a294 294 0 0 1 70.8 27.7c37.9 21.9 66 52.4 82 93.7 11.6 29.8 9.5 59 1.8 89.7-9 35.5-27.6 64.2-52.2 90.2-9.6 10.2-12.6 23.7-15.8 36.8-1 4.1-.2 8.7-7 10.8-8.1-10.3-9-23.3-9.4-35.3-1.2-37.5-3.1-74.7-11.2-111.4-1-4.6-2.9-9-4.5-14.3\" fill=\"black\"/></g><g id=\"mouth-variant09-0f868aeb\"><path d=\"M79.1 75.2c7.7-15.2-6-20-13-28.8-12 28.2-9.2 55.9 6.1 65 1.2-11.6-.3-23.8 7-36.2\" fill=\"white\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M88.8 106v-9.7q1.4-3.1 1.9-6.2c.7-3.4 1.3-6.5 4.3-8.8 4.5-.1 8.3 1.9 12.1 4 3.3 1.6 6.6 3.4 10.3 3.8h1c3 .5 6.3.9 7.8-3 1.6-4.1.2-7.7-3.8-9.5C103.6 68 91.2 52.7 78.9 37c-8.4-10.9-20.8-8.3-28.4 3.9-11.2 18-8.4 37.6-5.8 56l.1 1c2 13.6 9.3 27.7 24.9 33.3 11.4 4 18.4-.2 19-12.2zM72.2 52.5c6.5 5.8 12.6 11.3 7 22.7a56 56 0 0 0-6.4 27.7l-.6 8.5c-15.3-9.1-18.2-36.8-6.1-65q2.8 3.3 6.1 6.1\" fill=\"black\"/></g><g id=\"nose-variant02-0f868aeb\"><path d=\"M27 198.5c-7.6-4.6-16.3-6-19.8-14.5-1.8-4.5-3.5-9-1.4-13.5 3-6.4 8.9-8.5 15-6 8.6 3.7 1.8 9 .5 13.6C45 198 75 189.2 95.3 175c7.1-5 4.4-10.5-1.6-14.1-11.2-6.7-21.4-15.5-36.4-13.7 2.5-12.3 10.3-12.6 17-11.2a67 67 0 0 1 33.7 17c10.4 10.2 9.5 23.6-1.5 33.3-16 14.2-35.7 17.2-55.9 16-7.4-.3-15.4.3-23.5-3.7\" fill=\"black\"/></g><g id=\"eyes-variant01-0f868aeb\"><path d=\"M224.4 58.4c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8 2-1.5 3.5-3.7 5.3-3.8q31.8-2.6 63.5-.1c6 .4 9.3 8 3.2 10.4-10 4-12.5 13.2-18.5 19.8-8.2 9-15.2 9.1-24.8-.8m-191-29.6c12.2.7 23.1 1 34 2 3.6.3 8 1.8 8 6.7 0 5.6-4.6 5.2-8.3 5.1-6.3 0-9.7 2.7-12.5 8.6-3.4 7.4-6.9 15.3-18 14.8-10.5-.5-15.1-7.2-18.1-15.2-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5 3-6 7-7.2a68 68 0 0 1 26.4-1.7\" fill=\"black\"/></g><g id=\"eyebrows-variant10-0f868aeb\"><path d=\"M103.9 38.7C81.4 47 59.2 43 37.3 43c-3 0-6.3-2.2-9.2-4-2.7-1.5-4.4-4-3-7.4q2.1-5.4 8-4.5a188 188 0 0 0 79.9-7c5-1.6 13.3-8 16.2 1.6 3 10.2-6.8 10.8-13.4 13zm155.6-5.6c-7.2 2.7-13.5 5.3-19.9 7.6-2.4.8-5.1.9-6.8-1.8-1.6-2.4-1-4.4.5-7 13.4-22 56.2-24.9 71-4.4q2.8 3.6 4.2 7.8c1.3 4.1 2.4 9.2-2.2 11.5-4.3 2.2-7.7-1.1-10.7-4.5-14-15.5-17-16.3-36-9.2\" fill=\"black\"/></g><g id=\"gesture-pointLongArm-0f868aeb\"><path d=\"m1722 1194-240.1 4.3s-20.1-26.7-36.5-144.5c-4-28.4 12.9-82.2 10-162.5-4.2-124-27.7-283.6-31.8-294.3a1232 1232 0 0 0-75-150.5C1320 401 1310 322 1323.2 257c1.3-6.6 6-25.5 21.5-29.9 16-4.5 31.5 11.7 39.4 9 8-2.6 23.3-18.4 34.6-22.9s23.1-6 19.2-35.7c-1.8-13.7-34-163.7 1.5-168.4 31.5-4.2 40.8 78.1 48.5 108.6 10.8 43.5 13.5 95.5 18 103s35 26.3 48.1 50.8 13.2 54.2 9 81.9c-6.7 43.7-41.9 134.8-19.4 205.1 13.8 43.4 120.8 304.8 142 357.7 20.5 51.7 51.8 143.4 51.8 173.3 0 58.4-15.4 104.5-15.4 104.5\" fill=\"white\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1649.7 1194c20.2-29.5 23.7-63.5 27.3-97.7l1.4-13.5q5.4-47.7.4-95.4a493 493 0 0 0-13.6-67.5l-5.4-22c-4-17.3-9.3-34.2-14.5-51q-4.9-15.3-9.3-30.6a693 693 0 0 0-33.2-90.6q-6.7-15-13.9-30a509 509 0 0 1-30.6-74.8q-4.6-15.3-10-30.5c-9-26.4-18-52.8-18.5-81-.4-30.1 6.5-59.4 13.4-88.6l.8-3.2c8-33.8 16-67.6 14.3-102.9-1.5-33.8-21-56.1-46.3-74.5-16.7-12.2-36.6-18-56.5-22a70 70 0 0 0-55.4 13.6c-9.1 6.5-9.4 18.2-1.7 30 17.7-23.3 41.1-19.2 63.9-15.2l7.7 1.3a129 129 0 0 1 16 4c5.7 1.7 11.4 3.4 17.2 4.2 7.8 1.2 11.8 5.4 15.8 13.6-14.5 3.5-27.4.1-40-3.1l-5.2-1.4-4.3-1c-13-3.4-25.6-6.6-39.5-4-17.3 3.3-27.5 12.2-28.7 29.9-.8 13.6-.4 27.3 0 40.9.2 6 2 12.9 9.7 12.5 6-.2 6-4.8 6.2-9.2v-2.7c2.4-28.6 34.4-55 62.6-50.6q4.8.7 9.8 1.2c11 1.2 22.1 2.3 31.8 9.1l2 1.3c2.7 1.6 5.4 3.2 3.8 7-2 4.9-6 3.7-10.3 2.4l-.6-.1-2.4-.7c-16.2-4.8-32.4-9.6-49.8-3.8a45 45 0 0 0-31 38.5 38 38 0 0 0 14.9 34.9c13.3 10.3 20.7 7.7 26.2-8 .8-2.3.6-5 .5-7.7-.3-5.1-.5-10.2 6-12.8 4.8-1.9 8.5.5 12.2 3a21 21 0 0 0 7.7 3.5 28 28 0 0 1 16.9 11.2c-5.7 6.7-11.2 4.7-16.7 2.8a27 27 0 0 0-7.3-1.8c-3 1.8-4 4.9-5 8q-.4 1.8-1.3 3.7c-13 28.2-32 23.8-50.7 8.1h-.1c-2-1.7-4-3.4-5-5.6-5.4-13.2-13.5-20.1-29.4-18.6-7 .6-12-8.2-13-16.7a308 308 0 0 1-3-45.4c-5-.7-10-.7-15-.8-9.6 0-19.2 0-27.9-5-2.1-1.2-4-3.1-4.4-7.6 7.4-4.9 15.9-4.5 24.5-4s17.6.8 25.7-4q-1.6-3-3.4-5.7c-4.2-6.8-8.4-13.5-6.7-22.2.7-3.5-2.7-4.6-5.9-5.4q-6-1.8-12-4.5c-14.7-6.3-26-.9-28.6 15-7.2 44-9 88.1-.2 132q5.4 26.4 20 49a465 465 0 0 1 29.6 55.4l9.7 20c7.2 14.5 13.2 29.5 19.2 44.4l10 24.6c16.2 37.5 21.7 77.4 26.7 117.5a1415 1415 0 0 1 10.2 131.4l1 26.3c1.2 23.8 4.7 47.2 8.1 70.6l4 28c5 37.4 16 73.3 26.9 109.1l4.5 14.8a321 321 0 0 0 64.3 119.8q-8.4 1.2-16.9 0c-49.5-61.6-68-134.2-86.4-205.5l-3-11.9-.3 1-.2.5a90 90 0 0 0-5.1 17.7c-5 29-2.2 57.7.7 86.4a217 217 0 0 0 15.8 62.3q4.7 10.7 10.4 20.7c5.2 9.5 10.4 19 13.6 29.6h-11.7a161 161 0 0 1-31-58.1c-11.8-35.5-15.6-72-16.9-108.8-.4-11.2 2.5-22 5.4-32.6a130 130 0 0 0 6-39.9c1.4-22.8 2.7-45.4-.2-68.5a499 499 0 0 1-2.8-58.8q-.1-15.3-.7-30.6v-1.1c-1-23.9-2-51.4-5-76l-2.2-21.5c-3.1-32.4-5.6-58-25.5-114.1-6.3-17.7-15-34.4-23.5-51-7.3-14.1-14.6-28.2-20.5-43a252 252 0 0 0-28.5-51c-15.9-22.6-19.7-48.4-23.7-74.3q-.8-6.4-2-12.7c-4.2-26.2-.8-51.9 2.6-77.5q2-14.6 3.4-29.1c2-21.4 22.8-30.8 49.1-24q6.2 1.8 12.4 4l6 2.2a56 56 0 0 1 29.5-21.3c14.3-3.8 14-12.7 13.7-24v-1c-.7-21.5-3.3-42.8-6-64.1-3.4-28.5-7-57-5.7-85.9 1-20.4 13.6-33.3 31.6-31 13.1 1.5 18.4 12.1 23.1 21.7 9.5 19.2 12.9 40.1 16.3 61q2 12.8 4.5 25.2 3.7 18.4 6.2 37.2c2.6 18.2 5.3 36.4 10.5 54.1q0 .6.3 1c.7 2.6 1.5 5.2 1.4 7.7-.5 9.7 4.4 15.3 12 20.7 26.4 18.5 44.4 44 50.4 75.3 4 20.7-.5 41.7-4.9 62.5l-1.9 9q-4.3 21-9.3 41.8A661 661 0 0 0 1541 503c-1.9 18.9 3.1 36.6 9 53.5l1.4 4.2c8.2 23.4 16.3 46.8 26 69.7q31.5 73.5 59.7 148.3 4.8 12.6 8.6 25.8c5 16 10.1 32.2 18.3 46.8 11.8 21 22.3 42.7 32.8 64.4q10.4 21.7 21.3 43.1c2.7 5.2 3.8 10.8 5 16.3l1.4 7c9.4 37 18.5 74.2 18.6 112.7 0 25.4-2.7 50.8-6.5 76-1 7.4-4.2 13.8-7.8 21l-.7 1.3q-5.9 1.4-11.8 0l1.6-6.5c4.3-16.8 8.4-33.1 9-50.1 1.2-38.3.4-76.6-8.1-114.1l-1.6-6.9c-6.5-29.1-13.1-58.4-31.2-84a280 280 0 0 0 11.6 48.6q5.1 16.1 8.9 32.5a283 283 0 0 1-1.6 131c-3.3 13.3-9 25.4-14.7 37.5l-6 12.9zm-205.2-991.8c1.9-20.7-.9-40.5-3.6-60a357 357 0 0 1-4-40.3 160 160 0 0 0-2.8-34.2l-1.3-8.8a76 76 0 0 1 2-35.4c1.4-4 2.9-8.3 8.3-8.6 5-.2 7.7 2.8 10 6.6q12 19 17 41c9.5 44.4 19.3 99 23.4 124.9l4.1 26s-33.1-13.2-53.1-11.2m241 945.6 4.5-22c4.1-29 4.9-56 5.7-83.5v-1.5c7.7 37 1 72.2-10.2 107\" fill=\"black\"/><path d=\"M1523.3 552c-6.5 13.4-23.7 19.2-35.7 13.2-3.3-1.6-6-3.4-5.7-7.4.5-4.9 4.3-4.8 7.6-4.3 11.2 1.5 21.7-8.5 33.8-1.4\" fill=\"black\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-0f868aeb)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-0f868aeb\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant24-0f868aeb\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant25-0f868aeb\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant09-0f868aeb\"/><use transform=\"translate(901 669)\" href=\"#nose-variant02-0f868aeb\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant10-0f868aeb\"/><use transform=\"translate(0 559)\" href=\"#gesture-pointLongArm-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant24",
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant25",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant09",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant02",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant01",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant10",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "gestureVariant": "pointLongArm",
+      "gestureRotate": 0,
+      "gestureTranslateX": 0,
+      "gestureTranslateY": 0,
+      "gestureScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "size-scale-rotate",
+    "options": {
+      "seed": "parity-1",
+      "size": 256,
+      "scale": 2,
+      "rotate": 45
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\" width=\"256\" height=\"256\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><g transform=\"rotate(45, 872, 872)\"><g transform=\"translate(872, 872) scale(2) translate(-872, -872)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 2,
+      "flip": "none",
+      "rotate": 45,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 256,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "translate-border-flip",
+    "options": {
+      "seed": "parity-1",
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "flip": "horizontal"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"872\" ry=\"872\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><g transform=\"translate(174.4, -87.2)\"><g transform=\"translate(1744, 0) scale(-1, 1)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "horizontal",
+      "rotate": 0,
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-solid",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000"
+      ],
+      "backgroundColorFill": [
+        "solid"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"1744\" height=\"1744\" fill=\"#ff0000\"/><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ff0000"
+      ],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-linear",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "linear"
+      ],
+      "backgroundColorAngle": [
+        45,
+        45
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\"background-color-10868c7e\" gradientTransform=\"rotate(45, 0.5, 0.5)\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></linearGradient><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"1744\" height=\"1744\" fill=\"url(#background-color-10868c7e)\"/><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "linear",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 45,
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-radial",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "radial"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\"background-color-10868c7e\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></radialGradient><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"1744\" height=\"1744\" fill=\"url(#background-color-10868c7e)\"/><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "radial",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 0,
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-size",
+    "options": {
+      "seed": "parity-1",
+      "size": 128,
+      "title": "Parity Avatar"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Parity Avatar\" width=\"128\" height=\"128\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\"url(#clip-10868c7e)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 128,
+      "title": "Parity Avatar",
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-escaping",
+    "options": {
+      "seed": "parity-2",
+      "title": "Tom & Jerry's <\"Avatar\"> 😀"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-0f868aeb\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothes-variant24-0f868aeb\"><path d=\"M1340.4 725.7 36.7 722.4s33.4-209.7 96.2-329c17-32.3 81-128.7 141.8-189.6 40.8-41 87.7-56 89-62 2.2-9.7-11-41.4-8.8-48.5 8.1-25.5 9.5.8 42.1-31.8 18.3-18.2 1.4-29.6 21.6-43.2 29.8-20 60-8.7 87-7.6 18 .7 12.4 50.3 27.3 62.5 40.3 32.9 91.8 54 128 63.6 46.1 12 61.6-2.6 85.4-12.3 23.8-9.6 38.5 12.2 68.9-33.2 14.2-21.2-11-42.6 8.2-54 30.2-17.9 75.8-17.3 94.7-7.7 28.9 14.8 16.3 41.6 16.3 41.6s35.7 11.6 43 22c7.2 10 5 44 5 44s-2.8-13.7 63.4 23.5c84.2 47.4 179.2 187.2 223 296 46.6 115.8 71.6 269 71.6 269\" fill=\"white\"/><path d=\"M737.4 725.7a42 42 0 0 1-3.3-13.8c0-9.2-3.2-14.3-13.5-13.7-6.4.4-13-3.3-13-9.6-.2-8.2 7.8-6.1 12.7-5.7 9.3.7 12.2-4.1 12.4-12.1 0-4.6-.8-11 5.6-10.8 5.4 0 11.2 4 11.4 10 .4 9.8 4.5 14 14.1 13.6 8.7-.3 8.8 6 8.9 12.2-2.3 3.5-5.8 3.8-9.1 3.8-9 0-13.8 4-12.9 13 .7 6.5-3.7 9-8.5 12.5q-2.4.8-4.8.6m-238 0q-2-6.8-1.9-14c.8-10-3.1-14.6-13.3-13-4.7.7-8.2-1.6-11.2-4.9-1.8-1.9-3.6-3.8-2.6-6.7 1-2.7 3.5-3.8 6.2-3.5 13.3 1.7 21.4-1.9 19.7-17.4-.3-3.3 2-7 6.4-6 5.1 1 9.3 4.3 9 9.4-.6 11.3 4 15.2 15 14.2 9.7-.9 8.8 6.6 9.4 13.4-3 1-5.4 2.4-7.7 2.3-10.9-.6-16 3.7-14 15 .9 5.3-3.7 7.2-7.7 10.5q-3.6.9-7.3.7m476 0c-1.8-3.2-3.7-6.5-3.7-9.7 0-11.6-1.8-20.2-17-17.6a9.5 9.5 0 0 1-10.6-9c0-6.9 6.4-5.8 10.8-5.6 10.1.6 15.3-3.2 14.6-14-.3-3.6 1.2-7.2 4-9.6 7.6 2 14.2 4.8 14.5 14.3q0 9.6 9.5 9.2c9-.6 12.4 3.8 11.4 12.3-2.5 3.2-6.2 2.5-9.5 2.9-7.3.8-12.3 3.5-11.1 12 1 6.4-2 10.4-8 14a11 11 0 0 1-4.9.8m-711.5 0a28 28 0 0 1-3.3-11.2c-.2-11-3-17.7-16.3-16.2-5.2.6-11.6-3.5-11.3-9.8.3-6.5 7-4.6 11.3-4.8 12.7-.6 12.7-.5 16.3-21.8 7.7-2.3 12.6 1.2 13.1 8.7.7 10 5.4 13.7 14.7 13 6.7-.6 10.8 1.9 11 9 .2 8.2-6.5 7.3-11 6.7-10.5-1.5-12.5 3.9-11.8 12.5.4 4.9-.1 9.4-5.4 13.1q-3.6 1-7.3.8m949.4 0c-1.7-2.8-3.7-5.6-3.5-8.3.6-13-2.4-21.2-18-19.8-4.4.5-10.8-3.4-10.4-9.3.5-6.9 7.2-4.8 11.3-4.4 11 1.2 16-2.7 14.8-14a9 9 0 0 1 4.5-9.3c6 1.5 12 3.9 11.6 12-.3 8 3 11.8 11.3 11.3 3.8-.2 7.9.4 8 5.8.2 5.7-2.7 8.9-8.5 8.6-8.5-.4-11.4 4.1-10.7 11.8.5 6.3-3.2 10.3-8 14.9-.5.7-1.8.7-2.4.7M638.4 568.5c3.4.4 6.7-.1 8.2 1.3 3.4 3.3 11.5 2.6 10.3 9.4-1 6.3-7.7 6.2-12.6 6-15-.5-14.2 11-15.4 21.5-8.3-.8-15.2-2-15.9-11.5-.6-7.4-5.5-9.2-11.4-9.2-7.5-.1-10.7-4-11-11-.2-7.6 5.5-7.7 10.5-7.9 7.8-.3 10.6-4.3 9.5-11.6-1.3-9.4 5-12.5 12-12.6 8-.1 6.6 7.2 7.2 12.4.6 5.5-1.7 12.7 8.6 13.2m210.2-19.3c3.9-4.9 9-5 13.3-6.4 1.2.9 2.3 1.2 2.5 1.9a55 55 0 0 0 22.3 26.3c3 1.8 7.4 2.7 8 7.8-2.7 7-9.3 6-15 6.3-7.5.4-12.3 2.3-10.8 11.4.7 4 .7 10-5 9.9-5.5 0-12.7-1.6-12.8-9.3-.2-9-4.2-11.7-12.6-11.6-10.7.2-9.9-8-10.7-16.4 11.6-1.5 24.7-1.8 20.8-19.9m237.6 11.5c.1-3.5.3-6 .2-8.6-.5-7.4 5.7-8 10.2-8.9 6-1.1 6.5 4.2 6.7 8.5.5 10 1.3 18.6 15.6 17 5.2-.7 12.4 4 12.5 10s-7.1 6.1-12 6.3c-8.6.2-13.8 3.2-13.7 12.7.1 4.2-.6 9.7-6.2 9.2-5.3-.5-11.9-2.6-12.2-9.2-.4-9.4-4.8-12-13.5-12.6-8.2-.5-8.2-8-9.1-13.4 5.8-8 18.8 2.9 21.5-11m34.8-332.4c-2.4 2-4.8 1.9-7.2 1.6q-10-1.1-8.3 8.4 1.4 6.9-5.6 7.8c-5.5 1-5.8-3.2-5.8-6.5.1-6.9-1.6-11-10-9.9-4 .6-8.4-1.9-9-5.6-.7-5 4.4-5.1 8.1-5.8 5-.8 9.2-2.1 9.4-8.2 0-2.8.9-6.5 4.8-6 3.6.6 7.9 1.9 7.7 6.8-.2 5.7 2.3 7.4 8 7.1 6.8-.4 8.2 4.4 8 10.3m-140.6 20.4c-10.6 2.8-8.7-5.2-9.4-9.8-1.3-8.9-3.3-15.4-14.7-14.5-5.4.4-12-3-12.6-8.6-.7-7.7 7-7 12.2-7.7 7.6-1 12.8-4 13.4-12.5.2-4.2.8-10 6.4-9.1 5.1.7 12 2.5 12 9.5-.1 9 3.6 11.5 12.2 11.6 9.1.1 9.5 7.7 9.9 15.3-2.3.7-4.3 1.9-6.2 1.8-10.8-.7-17.6 2.2-15.5 14.9q1.3 7.5-7.7 9.1m330.4 333.4c3 6.4-.5 9.7-5 9.6-15.5-.5-25.6 3.9-20.6 22.4q-15.5.5-16.7-10.9c-.8-8.3-4.9-11.3-12.1-11.5-10-.3-10.6-6.3-9.5-13.7 2.8-2.8 6.3-3 9.7-3.1 7.2-.2 10-4.2 9-10.8-1.5-10.4 6.1-13.2 13-13.1 7.8 0 6.1 8 6 13-.2 8.3 2 13.4 11.5 12.3 5.5-.6 9.8 2 14.6 5.8M408 568.5q4.4 2 8.3 4.8c6.4 5 4 8.5-2 11q-3.7 1.3-7.6 1c-11.6-1-16.8 3.7-14.6 15.6.3 1.5-.5 3.2-.8 5.4-8.7.3-14.3-2.7-15.4-11.5-.8-7-5-9.4-11.4-9-7.8.4-10.4-3.9-10.7-11-.4-8 5.3-7.7 10.3-7.7 8.5 0 11.6-4 10.5-12-1-8.3 3.8-12 11-12.4 8.2-.4 6.4 6.9 6 11.3-1.2 12.1 3.8 16.6 16.3 14.5M117.2 437c-2.4-13 7.3-11.8 12.9-14.2 3.4 1.1 4.1 3.3 4.3 5.4 1.2 12.4 3.2 23.4 20.3 21.2 3.5-.5 8.6 3 8.2 8.2-.5 5.3-5.3 6.7-9.5 6.6-11.3-.3-18.1 3.3-17 16 .3 3.2-1.4 6.3-5.1 6-5.6-.3-11-3.7-11.1-8.7-.5-11-6.8-13.5-15.7-14.3-5.6-.5-6.4-4.8-6.7-9.2-.5-5.4 3.5-6.2 7.4-6.7 6-.7 12.5-.4 12-10.4m460.2-115.2c-.5-10.2 7-11.6 13-11.5 7 0 6 7.2 5.9 12-.4 8.7 1.9 14.1 12 13.1 4-.4 7.2 2.2 10.6 3.9 2.8 1.3 5.4 3 5 6.6a6 6 0 0 1-6.4 5.3c-15.3-.7-25.5 3.8-20.8 22.2-9.4 0-15.4-2.7-16.5-9.7-1.4-8.6-5.7-12-13.6-12-6.8 0-9-4-9.2-9.7-.1-6.5 4.6-7.7 9.6-7.4 8.8.6 13.2-2.3 10.4-12.8m495 9.3c9.9.7 15.2-2.4 14-12.2-1-7.6 3.7-11.6 10-12.1 8.4-.7 6.8 6.8 7 11.9.2 8.8 3.5 13.9 13 12.7 4.3-.5 7.2 1.7 10.3 4 2.3 1.9 5.4 3.2 4.7 6.9-.9 4-4.4 5.4-7.8 5.2-12-1-20 2-18.4 16.4.3 3-1.8 6.3-5.3 5.9-5.6-.7-11.9-3-12.3-9-.8-9.9-5.4-13.4-14.6-13.3-5.5.1-6.4-4.6-7.5-8.8-1.3-5.1 1.5-6.9 7-7.7M119 583c-5.2-10.6-1.7-15.5 8.7-15.5 9 0 12.1-3.5 9.6-12.7S143 544 148.8 543c6.7-1.2 7.2 5.2 7 9.6-.5 10.6 2 17.1 14.6 16.7 4.4-.2 10.6 3 10.7 9 .1 7.4-6.7 6.3-11.5 7-10.7 1.3-10.8 1.2-14.5 20.8-6.3 2.2-13.7-1.6-13.7-5.4-.2-15.7-11.9-14.7-22.3-17.8M899.2 301c3.8-4.7 8.5-5.1 14-6.2q1 1.3 1.8 2.9c6.2 16.7 6.3 16.5 21.2 24.5 3.4 1.8 9.2 3 8 8.5-1.1 6-6.7 5.7-11.4 5.6-8.2-.1-15.9-.2-14.6 11.7.4 4 1.3 9.8-4.6 10.2-5 .3-11.4-2.4-11.9-7.7-1-11.2-7.3-14-17-14.5-5.5-.2-6-5.3-6.5-9.6-.5-5 3-7.2 7.2-6.7 15.3 2 13.7-8.3 13.8-18.7M966 443.2c5.5-6.1.5-15.5 8.9-20.4 6.3 3 14 4.9 13.4 15-.4 7.2 4.9 8.3 10.4 8 7.1-.5 10.3 3.6 10.8 9.8.6 8-6 6.9-10.7 6.9-7.5 0-11.5 3.1-10.4 10.7 1.4 10.2-5.3 11.9-12.3 13.5a10 10 0 0 1-4.5-8c-1-10.5-3-19.1-17.3-17.6-4.3.4-10.4-3.8-10-9.6.3-6.2 6.4-5.2 11-5.8a64 64 0 0 0 10.6-2.5M442.2 243.8c-6.9-.8-12.4-4-12.3-9.8.1-7.3 7.5-6.7 12.7-7.5 6.8-1 12.5-2.6 12.3-11.4-.1-4 .2-9.4 6.1-9.2 5.2.2 10.6 2.3 10.2 9-.4 8.7 4.4 11.2 11.7 11 10.4 0 12.7 6.4 12.7 15-6.3 6.5-15.3-.2-21.6 4.5-2.6 4.3-.3 8.5 0 12.6.5 7-4.2 8.7-9.4 9.7-7 1.3-7.7-4.1-7.6-8.8.2-9.7-1.3-17.3-14.8-15.1m295 179.4c8.1 2.3 13.8 5.7 13.2 15-.4 7.3 5.4 7.8 10.8 7.5 7.4-.4 11.6 3.3 11.7 10.3.2 8-6.6 6.5-11.3 6.5-8 0-12.2 3-11.2 11.4 1.3 9.4-4.5 11.6-11.6 12.3a7 7 0 0 1-4-6.6c-.5-10.9-2.8-19.1-16.9-18.2-4.5.3-10.6-3.8-10.6-9.3 0-7.1 6.7-6.6 11.7-6.3q14.7 1 13.6-13.6c-.3-3.4.2-6.9 4.6-9M518 463.4q-4.7 3.2-3.6 7.1c2.2 10.3-2.6 15-12.2 16.3-.8-.4-2-.6-2.2-1.2a66 66 0 0 0-23-25.6c-3-2-7.1-3.8-6.7-8.5a5.6 5.6 0 0 1 6.1-5.3c15 2 20.7-5.3 20.9-19.1 0-1 1.4-2 2.3-3.2 7.2.6 12.4 3.3 12.3 11.4-.1 7.2 4 10.2 10.3 10.1 8-.1 14.1 2.6 13.5 11.1-.7 9-9.1 4.9-14.3 6.2-.8.3-1.6.3-3.4.7m-223.7-1.3c-11.7-.4-19.5 1.5-17.8 15.3 1.1 8.4-5.7 9-11.6 9.7-4.1-3.2-4.1-7.8-4.4-11.9-.6-9.2-4-14-14.3-13.4-6 .2-12.5-3.7-12.6-10.1 0-7 7.2-6 12-6 7.8 0 12-2.8 12.5-11 .2-4.4-.3-10.8 6.4-10.5 5.2.2 9.7 4 9.4 10.1-.5 10.3 5.4 12.1 13.9 11.5 4.4-.3 8.6.4 10.3 5.5 1.4 4.2 3 8.4-3.8 10.8m79.4-110.8c-3.7-3.5-7.7-3.6-11.5-3.6-7.1 0-8-5-8.3-10.4-.4-6.3 4.1-6.9 8.5-6.7 9 .5 13.8-2.6 12.3-12.5-1.2-8 4.8-11 10.6-11.5 8.2-1 6.6 6.5 6.3 11-.7 11 1.6 17.1 14.9 14.5 5.9-1.2 12.6 3.1 12.8 9.6.3 7.2-7 5.7-11.8 6-12.2.6-12.2.5-17.4 22-11.4-.3-14.3-8.4-16.4-18.4m863.9 111.2c-8.9-.4-14.6 1.6-13.8 11.2.5 7.3-4.2 10.5-10.3 12.8-1-.7-2.8-1.4-2.8-2.2-1.1-13.5-4.2-24.6-21.6-24.2-3.2 0-9.5-3.8-7.9-9.8 1.4-5 6.7-4.9 10.8-4.5 9.8.7 15.8-1.9 14.7-13.2-.4-3.9.3-8.7 5.2-8.6 5.2 0 11.2 2.8 11.3 8.2 0 11 5.1 14.3 15 13.7 6.3-.4 7.5 4.4 8.3 9.2 1 6.2-3.5 6.8-9 7.4M297 212.9c3.7 8.8.7 12.5-7.4 11.9-9.8-.7-14.2 3.3-13 13.3 1.1 9.4-5.1 11.2-14 12-1.5-13.8-10.7-28.7 2.6-40 8.8-7.6 21.2-3.7 31.9 2.8M42.8 690c2.6-7.6 8.2-6.6 12.8-5.5 5.9 1.4 5.2 6.7 4.7 12-7 1.7-14.4 6-17.5-6.5m138.4-348.3c-3.2 8-8.5 5.7-13.5 5-2-5.7.4-8.8 4.7-10.2 3.8-1.3 7.4-.5 8.8 5.2\" fill=\"black\"/><path d=\"M1334 725.7c-9.4-38.5-16.9-77.2-25.6-115.7q-9.6-41.6-22.4-82.1a737 737 0 0 0-33-90.5q-14.4-31-29.5-61.5a673 673 0 0 0-57.7-92.4 470 470 0 0 0-60.5-70 343 343 0 0 0-83-57.4c-3-1.5-6.6-2.3-9.2-4.3-17-12.7-33.7-6.3-44.8 12.9-30.8 53.2-78.6 77.6-137.2 85.4a19 19 0 0 1-6.4 0c-5.6-1.2-13.6-1.2-13-9.1.7-6.9 8-4.5 12.7-5.1 43.7-5.8 84-19.6 113.4-54.3 12.4-14.8 21.6-32.4 31.3-49.3a34.3 34.3 0 0 0-23.7-50.5c-11.8-2.5-19.5-6.3-16.2-21.4 2-9.6-4.8-18.9-13.2-23-10.4-5-21.7-9.1-34.5-5.6-11.7 3.3-24.2 4.1-36.3 6-7.1 1-12.2 5.8-18 9.4-4.4 2.8-4.4 6.4-2.5 11 7 17.4 1 39.8-13.9 51-14.7 11.2-30.4 20.2-50 18.4q-7.1-.6-12.8 4.4c-14 11.8-30.4 14.5-48.7 14.3-38.8-.4-74.2-12.6-109.2-27.3-7.8-3.3-13.6-12.5-26.5-7.5 27 34.9 67 48.4 105.6 67.6a26 26 0 0 1-24.8 3c-51.4-17.5-91.9-47.6-117.2-97-8.4-16.5-14.9-33-18.1-51-2.3-12.6-5.7-13.8-17.6-8.4-13.2 6-24.9 14.3-35.7 23.6-12.5 10.8-20 24-18.1 41.5 1 8.4 0 17 .2 25.6a47 47 0 0 0 35.2 46 37 37 0 0 1 18.4 10.8c-14.6 6.6-40.5-1.2-53-15.9-33.7-39.8-20.4-108.6 25.8-132.8l5-2.8a40 40 0 0 0-54 19 81 81 0 0 1-39.3 43c-15.3 7.7-19.8 28.7-7.8 39.4 23.4 20.8 43 45.8 69.9 62.6 15.4 9.6 30.1 21 46.7 28 15.8 6.5 33.6 8.4 50.6 11.8 5 1 10.2.8 13.3 5.6.3 3.4-1.7 5.6-4.4 5.5-32.1-1.5-63.4-4.4-92-23a438 438 0 0 1-69-54.1c-11-11-23.1-6.1-34 0-39 22-72.5 50.9-102.9 83.7a615 615 0 0 0-87.4 123 871 871 0 0 0-50.5 108A1198 1198 0 0 0 74 576.3a558 558 0 0 0-20.6 102.1c-1.3 15.2-7.3 29.7-7.9 46.2-5.5 1-10.8 1-17.1 1q6.8-49.5 16.2-98.8c3.7-19.1 9.2-37.9 13.7-56.8 5.6-23.6 13.4-46.5 21.2-69.4a832 832 0 0 1 84-179q25.4-40.5 57-76c36.7-41.1 76.3-78 126-103 6.4-3.3 9.3-7 4.1-15.1-9.3-14.7-5.9-45.7 15.3-55.4 16.6-7.6 26.6-22 34.3-37.8A56 56 0 0 1 451.7 1l58.8-1c9 0 14.1 1.6 10.1 12.7-2.5 7-1.7 14.5 5.4 19.5a9 9 0 0 1 4 6.1c4.4 31 27.1 45.6 52.1 57.7 19.8 9.6 39.6 20.3 60.5 26.3 21.8 6.3 44.5 12.1 67.7 10.5a46 46 0 0 0 26.9-10.8c6.3-5.4 14.2-4.9 21.6-6.4 17-3.4 32.5-9.8 45-22 11.2-11.2 12-22 3.3-35.3-7.7-12-3.3-34 8.5-40.9 3.5-2 8.7-2.8 9.8 1.6 3 11.4 9.8 6.6 15.9 4.8a159 159 0 0 1 55.3-8.2A58 58 0 0 1 933 31.2c7.8 6.9 9.7 15.6 9.8 25.3 0 7.6 2.4 11.9 11 13.9C978.6 76 987.7 88 988 113.5c0 5.3 1.4 8.3 6.3 11 34.6 18.7 70.4 35.4 101.6 60 29.3 23 53 51.1 75.5 80.4A719 719 0 0 1 1272 441.8q27.3 69.8 46.4 142.4c12 46 16 93.5 27.1 140.6-3.2.9-6.7.9-11.4.9\" fill=\"black\"/><path d=\"M1149.7 725.7c-9.3-36.4-12.3-73.8-22.2-110-7.8-28.4-14-57.4-24.2-85-7.2-19.4-14-39-23.5-57.7-12.7-25-23.3-51.2-34.7-77-1.4-3-2.8-6.3 1.4-8.8 4.4-2.7 7.6-.6 9.9 2.7 5 7.3 10.2 14.6 14.3 22.5 16 31.2 31.8 62.7 42.9 96 7.5 22.8 15.6 45.5 21.2 69 3.9 16.5 8.2 33 12 49.4q10.6 48.4 14.5 97.9c-3.4 1-7 1-11.6 1m-903.7 0a451 451 0 0 1 4.4-86.5c3.7-29 4.4-58.3 11-87 3.9-17 9-33.6 13-50.4a338 338 0 0 1 34.6-92.4l7.4-12c2.3-3.3 4.1-8.7 9.5-6.2 5.7 2.8 3.2 8.2 1.8 12.4a320 320 0 0 1-10 26.1c-18 40-33 81.2-40.6 124-7.3 42-15.8 84.3-14 127.6.7 14-1.6 28-2.6 43.2-4.5 1.2-9 1.2-14.4 1.2m410.2-330.2c-1.5-9.8 2.8-16.7 6.6-23.8 11.4-21.4 8.4-30-11.6-42.7-17.7-11.3-35.3-23-44.2-44-5.8-14-4.4-28.3-6.2-42.4-1-7.2 2.4-16 12.3-16.7 9.4-.6 20.9-3.5 25.6 8.4 3.4 8.6 2.1 17-6.2 24-15 12.8-13.9 19.7 3.7 29.1 13.8 7.4 28.5 13.3 40.5 23.9 23.8 21 26 56 4.5 79.2-6.8 7.3-7.8 15.3-6 24.6.9 4.3 2.7 10.2-3.1 12.3-5.3 2-6.5-4-9.2-7-6.3-6.8-7.1-15-6.7-24.9m175 37.7c1.2 3.4 4.6 5.2 3 8.6-20.6.3-34.9-24.4-26-44 5-11.2 13.4-20.6 15.8-33.3 3-16.5 0-25.2-15-32.3-27-12.9-39.8-33-35.3-63.4 1.4-9.4 1.4-17.6-11.8-20.7-9-2.2-11.2-12.2-9.2-21 2-8.5 8.8-13.9 17-12.5 7.6 1.2 17.4 3.4 16.7 15.3-.2 3-.4 6.1 2 8.4 11 11 8.6 24.1 6 37.1-2.2 11.1 0 20.3 9.8 26.8 6.4 4.2 12.5 8.9 19.2 12.6a49 49 0 0 1 13 78.4c-14.3 16-15.7 25.7-5.2 40M878 119.7c16.8-7 17.8-16.8 17.5-33.6 0-5-2.4-10 .8-14.8 11.1 2.3 17.6 16.3 14 29.9a48 48 0 0 1-48.7 35.4 42 42 0 0 0-31.2 13c-7.7 7-16.5 10.5-27 4.4 18.8-9.4 31.1-30.8 55.7-28.2 6.8.7 12-3.5 18.8-6\" fill=\"black\"/></g><g id=\"hair-variant25-0f868aeb\"><path d=\"M800.8 336.9c-1.3-5.4-2-10.1-5.6-13.7-8.6 33 .4 28.8-36.4 29.5-54 1.2-108 3.8-161.3 12.5-16.2 2.6-25.3-2.3-26-21.8-12.3 11.1-12.8 24.7-18.8 35.3-16.7 30.1-37.2 57.5-69.2 72a63 63 0 0 1-58.5-4.8 213 213 0 0 1-47 88.7c-7.4-10.8-8.6-23.7-12.1-35.5-5.7-18.7-21-33.8-39-35.3-13.4-1.2-36 13.6-42.4 27.5q-5.7 12-11.7 23.6c-1.6-.2-3-.1-3-.4-8.2-26.8-26.5-50-31.6-77.3a154 154 0 0 1 13.7-101.7 341 341 0 0 1 103.5-121.7c40.5-29.2 85.6-48 133-61a579 579 0 0 1 171.8-19.1c29.2 1 57.7 7.5 86.1 15.3a294 294 0 0 1 70.8 27.7c37.9 21.9 66 52.4 82 93.7 11.6 29.8 9.5 59 1.8 89.7-9 35.5-27.6 64.2-52.2 90.2-9.6 10.2-12.6 23.7-15.8 36.8-1 4.1-.2 8.7-7 10.8-8.1-10.3-9-23.3-9.4-35.3-1.2-37.5-3.1-74.7-11.2-111.4-1-4.6-2.9-9-4.5-14.3\" fill=\"black\"/></g><g id=\"mouth-variant09-0f868aeb\"><path d=\"M79.1 75.2c7.7-15.2-6-20-13-28.8-12 28.2-9.2 55.9 6.1 65 1.2-11.6-.3-23.8 7-36.2\" fill=\"white\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M88.8 106v-9.7q1.4-3.1 1.9-6.2c.7-3.4 1.3-6.5 4.3-8.8 4.5-.1 8.3 1.9 12.1 4 3.3 1.6 6.6 3.4 10.3 3.8h1c3 .5 6.3.9 7.8-3 1.6-4.1.2-7.7-3.8-9.5C103.6 68 91.2 52.7 78.9 37c-8.4-10.9-20.8-8.3-28.4 3.9-11.2 18-8.4 37.6-5.8 56l.1 1c2 13.6 9.3 27.7 24.9 33.3 11.4 4 18.4-.2 19-12.2zM72.2 52.5c6.5 5.8 12.6 11.3 7 22.7a56 56 0 0 0-6.4 27.7l-.6 8.5c-15.3-9.1-18.2-36.8-6.1-65q2.8 3.3 6.1 6.1\" fill=\"black\"/></g><g id=\"nose-variant02-0f868aeb\"><path d=\"M27 198.5c-7.6-4.6-16.3-6-19.8-14.5-1.8-4.5-3.5-9-1.4-13.5 3-6.4 8.9-8.5 15-6 8.6 3.7 1.8 9 .5 13.6C45 198 75 189.2 95.3 175c7.1-5 4.4-10.5-1.6-14.1-11.2-6.7-21.4-15.5-36.4-13.7 2.5-12.3 10.3-12.6 17-11.2a67 67 0 0 1 33.7 17c10.4 10.2 9.5 23.6-1.5 33.3-16 14.2-35.7 17.2-55.9 16-7.4-.3-15.4.3-23.5-3.7\" fill=\"black\"/></g><g id=\"eyes-variant01-0f868aeb\"><path d=\"M224.4 58.4c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8 2-1.5 3.5-3.7 5.3-3.8q31.8-2.6 63.5-.1c6 .4 9.3 8 3.2 10.4-10 4-12.5 13.2-18.5 19.8-8.2 9-15.2 9.1-24.8-.8m-191-29.6c12.2.7 23.1 1 34 2 3.6.3 8 1.8 8 6.7 0 5.6-4.6 5.2-8.3 5.1-6.3 0-9.7 2.7-12.5 8.6-3.4 7.4-6.9 15.3-18 14.8-10.5-.5-15.1-7.2-18.1-15.2-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5 3-6 7-7.2a68 68 0 0 1 26.4-1.7\" fill=\"black\"/></g><g id=\"eyebrows-variant10-0f868aeb\"><path d=\"M103.9 38.7C81.4 47 59.2 43 37.3 43c-3 0-6.3-2.2-9.2-4-2.7-1.5-4.4-4-3-7.4q2.1-5.4 8-4.5a188 188 0 0 0 79.9-7c5-1.6 13.3-8 16.2 1.6 3 10.2-6.8 10.8-13.4 13zm155.6-5.6c-7.2 2.7-13.5 5.3-19.9 7.6-2.4.8-5.1.9-6.8-1.8-1.6-2.4-1-4.4.5-7 13.4-22 56.2-24.9 71-4.4q2.8 3.6 4.2 7.8c1.3 4.1 2.4 9.2-2.2 11.5-4.3 2.2-7.7-1.1-10.7-4.5-14-15.5-17-16.3-36-9.2\" fill=\"black\"/></g><g id=\"gesture-pointLongArm-0f868aeb\"><path d=\"m1722 1194-240.1 4.3s-20.1-26.7-36.5-144.5c-4-28.4 12.9-82.2 10-162.5-4.2-124-27.7-283.6-31.8-294.3a1232 1232 0 0 0-75-150.5C1320 401 1310 322 1323.2 257c1.3-6.6 6-25.5 21.5-29.9 16-4.5 31.5 11.7 39.4 9 8-2.6 23.3-18.4 34.6-22.9s23.1-6 19.2-35.7c-1.8-13.7-34-163.7 1.5-168.4 31.5-4.2 40.8 78.1 48.5 108.6 10.8 43.5 13.5 95.5 18 103s35 26.3 48.1 50.8 13.2 54.2 9 81.9c-6.7 43.7-41.9 134.8-19.4 205.1 13.8 43.4 120.8 304.8 142 357.7 20.5 51.7 51.8 143.4 51.8 173.3 0 58.4-15.4 104.5-15.4 104.5\" fill=\"white\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1649.7 1194c20.2-29.5 23.7-63.5 27.3-97.7l1.4-13.5q5.4-47.7.4-95.4a493 493 0 0 0-13.6-67.5l-5.4-22c-4-17.3-9.3-34.2-14.5-51q-4.9-15.3-9.3-30.6a693 693 0 0 0-33.2-90.6q-6.7-15-13.9-30a509 509 0 0 1-30.6-74.8q-4.6-15.3-10-30.5c-9-26.4-18-52.8-18.5-81-.4-30.1 6.5-59.4 13.4-88.6l.8-3.2c8-33.8 16-67.6 14.3-102.9-1.5-33.8-21-56.1-46.3-74.5-16.7-12.2-36.6-18-56.5-22a70 70 0 0 0-55.4 13.6c-9.1 6.5-9.4 18.2-1.7 30 17.7-23.3 41.1-19.2 63.9-15.2l7.7 1.3a129 129 0 0 1 16 4c5.7 1.7 11.4 3.4 17.2 4.2 7.8 1.2 11.8 5.4 15.8 13.6-14.5 3.5-27.4.1-40-3.1l-5.2-1.4-4.3-1c-13-3.4-25.6-6.6-39.5-4-17.3 3.3-27.5 12.2-28.7 29.9-.8 13.6-.4 27.3 0 40.9.2 6 2 12.9 9.7 12.5 6-.2 6-4.8 6.2-9.2v-2.7c2.4-28.6 34.4-55 62.6-50.6q4.8.7 9.8 1.2c11 1.2 22.1 2.3 31.8 9.1l2 1.3c2.7 1.6 5.4 3.2 3.8 7-2 4.9-6 3.7-10.3 2.4l-.6-.1-2.4-.7c-16.2-4.8-32.4-9.6-49.8-3.8a45 45 0 0 0-31 38.5 38 38 0 0 0 14.9 34.9c13.3 10.3 20.7 7.7 26.2-8 .8-2.3.6-5 .5-7.7-.3-5.1-.5-10.2 6-12.8 4.8-1.9 8.5.5 12.2 3a21 21 0 0 0 7.7 3.5 28 28 0 0 1 16.9 11.2c-5.7 6.7-11.2 4.7-16.7 2.8a27 27 0 0 0-7.3-1.8c-3 1.8-4 4.9-5 8q-.4 1.8-1.3 3.7c-13 28.2-32 23.8-50.7 8.1h-.1c-2-1.7-4-3.4-5-5.6-5.4-13.2-13.5-20.1-29.4-18.6-7 .6-12-8.2-13-16.7a308 308 0 0 1-3-45.4c-5-.7-10-.7-15-.8-9.6 0-19.2 0-27.9-5-2.1-1.2-4-3.1-4.4-7.6 7.4-4.9 15.9-4.5 24.5-4s17.6.8 25.7-4q-1.6-3-3.4-5.7c-4.2-6.8-8.4-13.5-6.7-22.2.7-3.5-2.7-4.6-5.9-5.4q-6-1.8-12-4.5c-14.7-6.3-26-.9-28.6 15-7.2 44-9 88.1-.2 132q5.4 26.4 20 49a465 465 0 0 1 29.6 55.4l9.7 20c7.2 14.5 13.2 29.5 19.2 44.4l10 24.6c16.2 37.5 21.7 77.4 26.7 117.5a1415 1415 0 0 1 10.2 131.4l1 26.3c1.2 23.8 4.7 47.2 8.1 70.6l4 28c5 37.4 16 73.3 26.9 109.1l4.5 14.8a321 321 0 0 0 64.3 119.8q-8.4 1.2-16.9 0c-49.5-61.6-68-134.2-86.4-205.5l-3-11.9-.3 1-.2.5a90 90 0 0 0-5.1 17.7c-5 29-2.2 57.7.7 86.4a217 217 0 0 0 15.8 62.3q4.7 10.7 10.4 20.7c5.2 9.5 10.4 19 13.6 29.6h-11.7a161 161 0 0 1-31-58.1c-11.8-35.5-15.6-72-16.9-108.8-.4-11.2 2.5-22 5.4-32.6a130 130 0 0 0 6-39.9c1.4-22.8 2.7-45.4-.2-68.5a499 499 0 0 1-2.8-58.8q-.1-15.3-.7-30.6v-1.1c-1-23.9-2-51.4-5-76l-2.2-21.5c-3.1-32.4-5.6-58-25.5-114.1-6.3-17.7-15-34.4-23.5-51-7.3-14.1-14.6-28.2-20.5-43a252 252 0 0 0-28.5-51c-15.9-22.6-19.7-48.4-23.7-74.3q-.8-6.4-2-12.7c-4.2-26.2-.8-51.9 2.6-77.5q2-14.6 3.4-29.1c2-21.4 22.8-30.8 49.1-24q6.2 1.8 12.4 4l6 2.2a56 56 0 0 1 29.5-21.3c14.3-3.8 14-12.7 13.7-24v-1c-.7-21.5-3.3-42.8-6-64.1-3.4-28.5-7-57-5.7-85.9 1-20.4 13.6-33.3 31.6-31 13.1 1.5 18.4 12.1 23.1 21.7 9.5 19.2 12.9 40.1 16.3 61q2 12.8 4.5 25.2 3.7 18.4 6.2 37.2c2.6 18.2 5.3 36.4 10.5 54.1q0 .6.3 1c.7 2.6 1.5 5.2 1.4 7.7-.5 9.7 4.4 15.3 12 20.7 26.4 18.5 44.4 44 50.4 75.3 4 20.7-.5 41.7-4.9 62.5l-1.9 9q-4.3 21-9.3 41.8A661 661 0 0 0 1541 503c-1.9 18.9 3.1 36.6 9 53.5l1.4 4.2c8.2 23.4 16.3 46.8 26 69.7q31.5 73.5 59.7 148.3 4.8 12.6 8.6 25.8c5 16 10.1 32.2 18.3 46.8 11.8 21 22.3 42.7 32.8 64.4q10.4 21.7 21.3 43.1c2.7 5.2 3.8 10.8 5 16.3l1.4 7c9.4 37 18.5 74.2 18.6 112.7 0 25.4-2.7 50.8-6.5 76-1 7.4-4.2 13.8-7.8 21l-.7 1.3q-5.9 1.4-11.8 0l1.6-6.5c4.3-16.8 8.4-33.1 9-50.1 1.2-38.3.4-76.6-8.1-114.1l-1.6-6.9c-6.5-29.1-13.1-58.4-31.2-84a280 280 0 0 0 11.6 48.6q5.1 16.1 8.9 32.5a283 283 0 0 1-1.6 131c-3.3 13.3-9 25.4-14.7 37.5l-6 12.9zm-205.2-991.8c1.9-20.7-.9-40.5-3.6-60a357 357 0 0 1-4-40.3 160 160 0 0 0-2.8-34.2l-1.3-8.8a76 76 0 0 1 2-35.4c1.4-4 2.9-8.3 8.3-8.6 5-.2 7.7 2.8 10 6.6q12 19 17 41c9.5 44.4 19.3 99 23.4 124.9l4.1 26s-33.1-13.2-53.1-11.2m241 945.6 4.5-22c4.1-29 4.9-56 5.7-83.5v-1.5c7.7 37 1 72.2-10.2 107\" fill=\"black\"/><path d=\"M1523.3 552c-6.5 13.4-23.7 19.2-35.7 13.2-3.3-1.6-6-3.4-5.7-7.4.5-4.9 4.3-4.8 7.6-4.3 11.2 1.5 21.7-8.5 33.8-1.4\" fill=\"black\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\"url(#clip-0f868aeb)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-0f868aeb\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant24-0f868aeb\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant25-0f868aeb\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant09-0f868aeb\"/><use transform=\"translate(901 669)\" href=\"#nose-variant02-0f868aeb\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant10-0f868aeb\"/><use transform=\"translate(0 559)\" href=\"#gesture-pointLongArm-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant24",
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant25",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant09",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant02",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant01",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant10",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "gestureVariant": "pointLongArm",
+      "gestureRotate": 0,
+      "gestureTranslateX": 0,
+      "gestureTranslateY": 0,
+      "gestureScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "title": "Tom & Jerry's <\"Avatar\"> 😀",
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201744%201744%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3ENotionists%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EZoish%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fheyzoish.gumroad.com%2Fl%2Fnotionists%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3ERemix%20of%20%E2%80%9CNotionists%E2%80%9D%20(https%3A%2F%2Fheyzoish.gumroad.com%2Fl%2Fnotionists)%20by%20%E2%80%9CZoish%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22head-variant01-0f868aeb%22%3E%3Cpath%20d%3D%22M553%20723.7c-99%20297-363.7%20388.6-503.6%2019.8-19.3-50.7%2031-69.5%2066.2-91.9%2024.1-15.3%2036.8-28.5%2035.3-42.2C144%20545%20114%20365.6%20114%20365.6l-3-5.8s.7-1.6-2.2%201.2c-3%203-9.9%2034.2-37%2034.2-24.5%200-49.2-10.9-61-86.3C6.3%20281.6%208.7%20210%2039%20197c12.5-5.3%2024-7.2%2035.2-.8s-13-22%20112-126C267.5%202.4%20395.8-7.5%20447.6%204S551%2040.8%20574%2094.5c27.8%2065-25.9%20114.3-14%20262.5-2.2%2053.6.8%20171.2-146.6%20210.6-28%207.5-19.3%2048.4%2022.7%2058.4%2067%2021%20117%2072.3%20117%2097.9%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.6%20228.9c5.2-16.1%2023.7-44.7%2042.2-42C71.7%20185%2083.8%20198%2094%20213a140%20140%200%200%201%2022.4%2061.5c.5%203.7%201%207.6-1.2%2011.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33%2012-40.8%2032.2-14.5%2037.6-12%2074.6%201.4%20111%205.8%2015.9%2013.1%2032.1%2027.8%2043.2%2014.8%2011.3%2032.7%209.3%2043.6-5.7%202.5-3.4%205.6-6.7%207-10.6%202.1-5.7%205.4-11%2011.3-10.3%206.8%201%208%208.3%208.7%2014C126.2%20436%20137%20501%20147%20566c2.6%2017.1%205.6%2041.7%203.6%2052.1-.7%203.7%200%207-4.5%207.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604%20604%200%200%201-10.9-97c-8.5%2012.7-14.8%2023.3-26.5%2027.2a40.5%2040.5%200%200%201-46.1-12.6%20128%20128%200%200%201-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5%204.4%205.7%2010%203.7%2015.2-21.6%2055.7-17.6%20113.8-15.8%20171.6%202.1%2066.4-14.5%20126.8-58.7%20177.5-15.4%2017.6-35.8%2029.8-56.5%2040.3-21.4%2011-25.9%2020.1-19.2%2043.6%201.3%204.7%204.4%209.6-.2%2014.4s-9.8%203.1-15.4%201.7a406%20406%200%200%201-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4%203.7-2.9%206.4.1%209.8%202.7A146%20146%200%200%200%20352%20561c21%202.1%2041.5-.2%2062.3-.1%2011.5%200%2020.6-5.9%2029.5-10.8%2027.8-15.5%2054.3-32.8%2072.2-60.7a230%20230%200%200%200%2031.6-80.9c9.6-48%205.3-96.6%205.5-146.2%204.2-36.9%208.1-72.7%2027.3-104.8M60.6%20238.6c21%201%2034.7%2028%2035.8%2070.3-6%2018.8-12.8-1-21%202.7-4%2014.5%2015.1%2020%2016.3%2034-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2%209.7-29.9-6.7-13.4-21.7-18-30-30.5%2010-3.5%2015.1%202.9%2021%206.8%205.9%204%209%2011.3%2017%2015-.8-19.8-11.7-34-23-48.6%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22clothes-variant24-0f868aeb%22%3E%3Cpath%20d%3D%22M1340.4%20725.7%2036.7%20722.4s33.4-209.7%2096.2-329c17-32.3%2081-128.7%20141.8-189.6%2040.8-41%2087.7-56%2089-62%202.2-9.7-11-41.4-8.8-48.5%208.1-25.5%209.5.8%2042.1-31.8%2018.3-18.2%201.4-29.6%2021.6-43.2%2029.8-20%2060-8.7%2087-7.6%2018%20.7%2012.4%2050.3%2027.3%2062.5%2040.3%2032.9%2091.8%2054%20128%2063.6%2046.1%2012%2061.6-2.6%2085.4-12.3%2023.8-9.6%2038.5%2012.2%2068.9-33.2%2014.2-21.2-11-42.6%208.2-54%2030.2-17.9%2075.8-17.3%2094.7-7.7%2028.9%2014.8%2016.3%2041.6%2016.3%2041.6s35.7%2011.6%2043%2022c7.2%2010%205%2044%205%2044s-2.8-13.7%2063.4%2023.5c84.2%2047.4%20179.2%20187.2%20223%20296%2046.6%20115.8%2071.6%20269%2071.6%20269%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M737.4%20725.7a42%2042%200%200%201-3.3-13.8c0-9.2-3.2-14.3-13.5-13.7-6.4.4-13-3.3-13-9.6-.2-8.2%207.8-6.1%2012.7-5.7%209.3.7%2012.2-4.1%2012.4-12.1%200-4.6-.8-11%205.6-10.8%205.4%200%2011.2%204%2011.4%2010%20.4%209.8%204.5%2014%2014.1%2013.6%208.7-.3%208.8%206%208.9%2012.2-2.3%203.5-5.8%203.8-9.1%203.8-9%200-13.8%204-12.9%2013%20.7%206.5-3.7%209-8.5%2012.5q-2.4.8-4.8.6m-238%200q-2-6.8-1.9-14c.8-10-3.1-14.6-13.3-13-4.7.7-8.2-1.6-11.2-4.9-1.8-1.9-3.6-3.8-2.6-6.7%201-2.7%203.5-3.8%206.2-3.5%2013.3%201.7%2021.4-1.9%2019.7-17.4-.3-3.3%202-7%206.4-6%205.1%201%209.3%204.3%209%209.4-.6%2011.3%204%2015.2%2015%2014.2%209.7-.9%208.8%206.6%209.4%2013.4-3%201-5.4%202.4-7.7%202.3-10.9-.6-16%203.7-14%2015%20.9%205.3-3.7%207.2-7.7%2010.5q-3.6.9-7.3.7m476%200c-1.8-3.2-3.7-6.5-3.7-9.7%200-11.6-1.8-20.2-17-17.6a9.5%209.5%200%200%201-10.6-9c0-6.9%206.4-5.8%2010.8-5.6%2010.1.6%2015.3-3.2%2014.6-14-.3-3.6%201.2-7.2%204-9.6%207.6%202%2014.2%204.8%2014.5%2014.3q0%209.6%209.5%209.2c9-.6%2012.4%203.8%2011.4%2012.3-2.5%203.2-6.2%202.5-9.5%202.9-7.3.8-12.3%203.5-11.1%2012%201%206.4-2%2010.4-8%2014a11%2011%200%200%201-4.9.8m-711.5%200a28%2028%200%200%201-3.3-11.2c-.2-11-3-17.7-16.3-16.2-5.2.6-11.6-3.5-11.3-9.8.3-6.5%207-4.6%2011.3-4.8%2012.7-.6%2012.7-.5%2016.3-21.8%207.7-2.3%2012.6%201.2%2013.1%208.7.7%2010%205.4%2013.7%2014.7%2013%206.7-.6%2010.8%201.9%2011%209%20.2%208.2-6.5%207.3-11%206.7-10.5-1.5-12.5%203.9-11.8%2012.5.4%204.9-.1%209.4-5.4%2013.1q-3.6%201-7.3.8m949.4%200c-1.7-2.8-3.7-5.6-3.5-8.3.6-13-2.4-21.2-18-19.8-4.4.5-10.8-3.4-10.4-9.3.5-6.9%207.2-4.8%2011.3-4.4%2011%201.2%2016-2.7%2014.8-14a9%209%200%200%201%204.5-9.3c6%201.5%2012%203.9%2011.6%2012-.3%208%203%2011.8%2011.3%2011.3%203.8-.2%207.9.4%208%205.8.2%205.7-2.7%208.9-8.5%208.6-8.5-.4-11.4%204.1-10.7%2011.8.5%206.3-3.2%2010.3-8%2014.9-.5.7-1.8.7-2.4.7M638.4%20568.5c3.4.4%206.7-.1%208.2%201.3%203.4%203.3%2011.5%202.6%2010.3%209.4-1%206.3-7.7%206.2-12.6%206-15-.5-14.2%2011-15.4%2021.5-8.3-.8-15.2-2-15.9-11.5-.6-7.4-5.5-9.2-11.4-9.2-7.5-.1-10.7-4-11-11-.2-7.6%205.5-7.7%2010.5-7.9%207.8-.3%2010.6-4.3%209.5-11.6-1.3-9.4%205-12.5%2012-12.6%208-.1%206.6%207.2%207.2%2012.4.6%205.5-1.7%2012.7%208.6%2013.2m210.2-19.3c3.9-4.9%209-5%2013.3-6.4%201.2.9%202.3%201.2%202.5%201.9a55%2055%200%200%200%2022.3%2026.3c3%201.8%207.4%202.7%208%207.8-2.7%207-9.3%206-15%206.3-7.5.4-12.3%202.3-10.8%2011.4.7%204%20.7%2010-5%209.9-5.5%200-12.7-1.6-12.8-9.3-.2-9-4.2-11.7-12.6-11.6-10.7.2-9.9-8-10.7-16.4%2011.6-1.5%2024.7-1.8%2020.8-19.9m237.6%2011.5c.1-3.5.3-6%20.2-8.6-.5-7.4%205.7-8%2010.2-8.9%206-1.1%206.5%204.2%206.7%208.5.5%2010%201.3%2018.6%2015.6%2017%205.2-.7%2012.4%204%2012.5%2010s-7.1%206.1-12%206.3c-8.6.2-13.8%203.2-13.7%2012.7.1%204.2-.6%209.7-6.2%209.2-5.3-.5-11.9-2.6-12.2-9.2-.4-9.4-4.8-12-13.5-12.6-8.2-.5-8.2-8-9.1-13.4%205.8-8%2018.8%202.9%2021.5-11m34.8-332.4c-2.4%202-4.8%201.9-7.2%201.6q-10-1.1-8.3%208.4%201.4%206.9-5.6%207.8c-5.5%201-5.8-3.2-5.8-6.5.1-6.9-1.6-11-10-9.9-4%20.6-8.4-1.9-9-5.6-.7-5%204.4-5.1%208.1-5.8%205-.8%209.2-2.1%209.4-8.2%200-2.8.9-6.5%204.8-6%203.6.6%207.9%201.9%207.7%206.8-.2%205.7%202.3%207.4%208%207.1%206.8-.4%208.2%204.4%208%2010.3m-140.6%2020.4c-10.6%202.8-8.7-5.2-9.4-9.8-1.3-8.9-3.3-15.4-14.7-14.5-5.4.4-12-3-12.6-8.6-.7-7.7%207-7%2012.2-7.7%207.6-1%2012.8-4%2013.4-12.5.2-4.2.8-10%206.4-9.1%205.1.7%2012%202.5%2012%209.5-.1%209%203.6%2011.5%2012.2%2011.6%209.1.1%209.5%207.7%209.9%2015.3-2.3.7-4.3%201.9-6.2%201.8-10.8-.7-17.6%202.2-15.5%2014.9q1.3%207.5-7.7%209.1m330.4%20333.4c3%206.4-.5%209.7-5%209.6-15.5-.5-25.6%203.9-20.6%2022.4q-15.5.5-16.7-10.9c-.8-8.3-4.9-11.3-12.1-11.5-10-.3-10.6-6.3-9.5-13.7%202.8-2.8%206.3-3%209.7-3.1%207.2-.2%2010-4.2%209-10.8-1.5-10.4%206.1-13.2%2013-13.1%207.8%200%206.1%208%206%2013-.2%208.3%202%2013.4%2011.5%2012.3%205.5-.6%209.8%202%2014.6%205.8M408%20568.5q4.4%202%208.3%204.8c6.4%205%204%208.5-2%2011q-3.7%201.3-7.6%201c-11.6-1-16.8%203.7-14.6%2015.6.3%201.5-.5%203.2-.8%205.4-8.7.3-14.3-2.7-15.4-11.5-.8-7-5-9.4-11.4-9-7.8.4-10.4-3.9-10.7-11-.4-8%205.3-7.7%2010.3-7.7%208.5%200%2011.6-4%2010.5-12-1-8.3%203.8-12%2011-12.4%208.2-.4%206.4%206.9%206%2011.3-1.2%2012.1%203.8%2016.6%2016.3%2014.5M117.2%20437c-2.4-13%207.3-11.8%2012.9-14.2%203.4%201.1%204.1%203.3%204.3%205.4%201.2%2012.4%203.2%2023.4%2020.3%2021.2%203.5-.5%208.6%203%208.2%208.2-.5%205.3-5.3%206.7-9.5%206.6-11.3-.3-18.1%203.3-17%2016%20.3%203.2-1.4%206.3-5.1%206-5.6-.3-11-3.7-11.1-8.7-.5-11-6.8-13.5-15.7-14.3-5.6-.5-6.4-4.8-6.7-9.2-.5-5.4%203.5-6.2%207.4-6.7%206-.7%2012.5-.4%2012-10.4m460.2-115.2c-.5-10.2%207-11.6%2013-11.5%207%200%206%207.2%205.9%2012-.4%208.7%201.9%2014.1%2012%2013.1%204-.4%207.2%202.2%2010.6%203.9%202.8%201.3%205.4%203%205%206.6a6%206%200%200%201-6.4%205.3c-15.3-.7-25.5%203.8-20.8%2022.2-9.4%200-15.4-2.7-16.5-9.7-1.4-8.6-5.7-12-13.6-12-6.8%200-9-4-9.2-9.7-.1-6.5%204.6-7.7%209.6-7.4%208.8.6%2013.2-2.3%2010.4-12.8m495%209.3c9.9.7%2015.2-2.4%2014-12.2-1-7.6%203.7-11.6%2010-12.1%208.4-.7%206.8%206.8%207%2011.9.2%208.8%203.5%2013.9%2013%2012.7%204.3-.5%207.2%201.7%2010.3%204%202.3%201.9%205.4%203.2%204.7%206.9-.9%204-4.4%205.4-7.8%205.2-12-1-20%202-18.4%2016.4.3%203-1.8%206.3-5.3%205.9-5.6-.7-11.9-3-12.3-9-.8-9.9-5.4-13.4-14.6-13.3-5.5.1-6.4-4.6-7.5-8.8-1.3-5.1%201.5-6.9%207-7.7M119%20583c-5.2-10.6-1.7-15.5%208.7-15.5%209%200%2012.1-3.5%209.6-12.7S143%20544%20148.8%20543c6.7-1.2%207.2%205.2%207%209.6-.5%2010.6%202%2017.1%2014.6%2016.7%204.4-.2%2010.6%203%2010.7%209%20.1%207.4-6.7%206.3-11.5%207-10.7%201.3-10.8%201.2-14.5%2020.8-6.3%202.2-13.7-1.6-13.7-5.4-.2-15.7-11.9-14.7-22.3-17.8M899.2%20301c3.8-4.7%208.5-5.1%2014-6.2q1%201.3%201.8%202.9c6.2%2016.7%206.3%2016.5%2021.2%2024.5%203.4%201.8%209.2%203%208%208.5-1.1%206-6.7%205.7-11.4%205.6-8.2-.1-15.9-.2-14.6%2011.7.4%204%201.3%209.8-4.6%2010.2-5%20.3-11.4-2.4-11.9-7.7-1-11.2-7.3-14-17-14.5-5.5-.2-6-5.3-6.5-9.6-.5-5%203-7.2%207.2-6.7%2015.3%202%2013.7-8.3%2013.8-18.7M966%20443.2c5.5-6.1.5-15.5%208.9-20.4%206.3%203%2014%204.9%2013.4%2015-.4%207.2%204.9%208.3%2010.4%208%207.1-.5%2010.3%203.6%2010.8%209.8.6%208-6%206.9-10.7%206.9-7.5%200-11.5%203.1-10.4%2010.7%201.4%2010.2-5.3%2011.9-12.3%2013.5a10%2010%200%200%201-4.5-8c-1-10.5-3-19.1-17.3-17.6-4.3.4-10.4-3.8-10-9.6.3-6.2%206.4-5.2%2011-5.8a64%2064%200%200%200%2010.6-2.5M442.2%20243.8c-6.9-.8-12.4-4-12.3-9.8.1-7.3%207.5-6.7%2012.7-7.5%206.8-1%2012.5-2.6%2012.3-11.4-.1-4%20.2-9.4%206.1-9.2%205.2.2%2010.6%202.3%2010.2%209-.4%208.7%204.4%2011.2%2011.7%2011%2010.4%200%2012.7%206.4%2012.7%2015-6.3%206.5-15.3-.2-21.6%204.5-2.6%204.3-.3%208.5%200%2012.6.5%207-4.2%208.7-9.4%209.7-7%201.3-7.7-4.1-7.6-8.8.2-9.7-1.3-17.3-14.8-15.1m295%20179.4c8.1%202.3%2013.8%205.7%2013.2%2015-.4%207.3%205.4%207.8%2010.8%207.5%207.4-.4%2011.6%203.3%2011.7%2010.3.2%208-6.6%206.5-11.3%206.5-8%200-12.2%203-11.2%2011.4%201.3%209.4-4.5%2011.6-11.6%2012.3a7%207%200%200%201-4-6.6c-.5-10.9-2.8-19.1-16.9-18.2-4.5.3-10.6-3.8-10.6-9.3%200-7.1%206.7-6.6%2011.7-6.3q14.7%201%2013.6-13.6c-.3-3.4.2-6.9%204.6-9M518%20463.4q-4.7%203.2-3.6%207.1c2.2%2010.3-2.6%2015-12.2%2016.3-.8-.4-2-.6-2.2-1.2a66%2066%200%200%200-23-25.6c-3-2-7.1-3.8-6.7-8.5a5.6%205.6%200%200%201%206.1-5.3c15%202%2020.7-5.3%2020.9-19.1%200-1%201.4-2%202.3-3.2%207.2.6%2012.4%203.3%2012.3%2011.4-.1%207.2%204%2010.2%2010.3%2010.1%208-.1%2014.1%202.6%2013.5%2011.1-.7%209-9.1%204.9-14.3%206.2-.8.3-1.6.3-3.4.7m-223.7-1.3c-11.7-.4-19.5%201.5-17.8%2015.3%201.1%208.4-5.7%209-11.6%209.7-4.1-3.2-4.1-7.8-4.4-11.9-.6-9.2-4-14-14.3-13.4-6%20.2-12.5-3.7-12.6-10.1%200-7%207.2-6%2012-6%207.8%200%2012-2.8%2012.5-11%20.2-4.4-.3-10.8%206.4-10.5%205.2.2%209.7%204%209.4%2010.1-.5%2010.3%205.4%2012.1%2013.9%2011.5%204.4-.3%208.6.4%2010.3%205.5%201.4%204.2%203%208.4-3.8%2010.8m79.4-110.8c-3.7-3.5-7.7-3.6-11.5-3.6-7.1%200-8-5-8.3-10.4-.4-6.3%204.1-6.9%208.5-6.7%209%20.5%2013.8-2.6%2012.3-12.5-1.2-8%204.8-11%2010.6-11.5%208.2-1%206.6%206.5%206.3%2011-.7%2011%201.6%2017.1%2014.9%2014.5%205.9-1.2%2012.6%203.1%2012.8%209.6.3%207.2-7%205.7-11.8%206-12.2.6-12.2.5-17.4%2022-11.4-.3-14.3-8.4-16.4-18.4m863.9%20111.2c-8.9-.4-14.6%201.6-13.8%2011.2.5%207.3-4.2%2010.5-10.3%2012.8-1-.7-2.8-1.4-2.8-2.2-1.1-13.5-4.2-24.6-21.6-24.2-3.2%200-9.5-3.8-7.9-9.8%201.4-5%206.7-4.9%2010.8-4.5%209.8.7%2015.8-1.9%2014.7-13.2-.4-3.9.3-8.7%205.2-8.6%205.2%200%2011.2%202.8%2011.3%208.2%200%2011%205.1%2014.3%2015%2013.7%206.3-.4%207.5%204.4%208.3%209.2%201%206.2-3.5%206.8-9%207.4M297%20212.9c3.7%208.8.7%2012.5-7.4%2011.9-9.8-.7-14.2%203.3-13%2013.3%201.1%209.4-5.1%2011.2-14%2012-1.5-13.8-10.7-28.7%202.6-40%208.8-7.6%2021.2-3.7%2031.9%202.8M42.8%20690c2.6-7.6%208.2-6.6%2012.8-5.5%205.9%201.4%205.2%206.7%204.7%2012-7%201.7-14.4%206-17.5-6.5m138.4-348.3c-3.2%208-8.5%205.7-13.5%205-2-5.7.4-8.8%204.7-10.2%203.8-1.3%207.4-.5%208.8%205.2%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1334%20725.7c-9.4-38.5-16.9-77.2-25.6-115.7q-9.6-41.6-22.4-82.1a737%20737%200%200%200-33-90.5q-14.4-31-29.5-61.5a673%20673%200%200%200-57.7-92.4%20470%20470%200%200%200-60.5-70%20343%20343%200%200%200-83-57.4c-3-1.5-6.6-2.3-9.2-4.3-17-12.7-33.7-6.3-44.8%2012.9-30.8%2053.2-78.6%2077.6-137.2%2085.4a19%2019%200%200%201-6.4%200c-5.6-1.2-13.6-1.2-13-9.1.7-6.9%208-4.5%2012.7-5.1%2043.7-5.8%2084-19.6%20113.4-54.3%2012.4-14.8%2021.6-32.4%2031.3-49.3a34.3%2034.3%200%200%200-23.7-50.5c-11.8-2.5-19.5-6.3-16.2-21.4%202-9.6-4.8-18.9-13.2-23-10.4-5-21.7-9.1-34.5-5.6-11.7%203.3-24.2%204.1-36.3%206-7.1%201-12.2%205.8-18%209.4-4.4%202.8-4.4%206.4-2.5%2011%207%2017.4%201%2039.8-13.9%2051-14.7%2011.2-30.4%2020.2-50%2018.4q-7.1-.6-12.8%204.4c-14%2011.8-30.4%2014.5-48.7%2014.3-38.8-.4-74.2-12.6-109.2-27.3-7.8-3.3-13.6-12.5-26.5-7.5%2027%2034.9%2067%2048.4%20105.6%2067.6a26%2026%200%200%201-24.8%203c-51.4-17.5-91.9-47.6-117.2-97-8.4-16.5-14.9-33-18.1-51-2.3-12.6-5.7-13.8-17.6-8.4-13.2%206-24.9%2014.3-35.7%2023.6-12.5%2010.8-20%2024-18.1%2041.5%201%208.4%200%2017%20.2%2025.6a47%2047%200%200%200%2035.2%2046%2037%2037%200%200%201%2018.4%2010.8c-14.6%206.6-40.5-1.2-53-15.9-33.7-39.8-20.4-108.6%2025.8-132.8l5-2.8a40%2040%200%200%200-54%2019%2081%2081%200%200%201-39.3%2043c-15.3%207.7-19.8%2028.7-7.8%2039.4%2023.4%2020.8%2043%2045.8%2069.9%2062.6%2015.4%209.6%2030.1%2021%2046.7%2028%2015.8%206.5%2033.6%208.4%2050.6%2011.8%205%201%2010.2.8%2013.3%205.6.3%203.4-1.7%205.6-4.4%205.5-32.1-1.5-63.4-4.4-92-23a438%20438%200%200%201-69-54.1c-11-11-23.1-6.1-34%200-39%2022-72.5%2050.9-102.9%2083.7a615%20615%200%200%200-87.4%20123%20871%20871%200%200%200-50.5%20108A1198%201198%200%200%200%2074%20576.3a558%20558%200%200%200-20.6%20102.1c-1.3%2015.2-7.3%2029.7-7.9%2046.2-5.5%201-10.8%201-17.1%201q6.8-49.5%2016.2-98.8c3.7-19.1%209.2-37.9%2013.7-56.8%205.6-23.6%2013.4-46.5%2021.2-69.4a832%20832%200%200%201%2084-179q25.4-40.5%2057-76c36.7-41.1%2076.3-78%20126-103%206.4-3.3%209.3-7%204.1-15.1-9.3-14.7-5.9-45.7%2015.3-55.4%2016.6-7.6%2026.6-22%2034.3-37.8A56%2056%200%200%201%20451.7%201l58.8-1c9%200%2014.1%201.6%2010.1%2012.7-2.5%207-1.7%2014.5%205.4%2019.5a9%209%200%200%201%204%206.1c4.4%2031%2027.1%2045.6%2052.1%2057.7%2019.8%209.6%2039.6%2020.3%2060.5%2026.3%2021.8%206.3%2044.5%2012.1%2067.7%2010.5a46%2046%200%200%200%2026.9-10.8c6.3-5.4%2014.2-4.9%2021.6-6.4%2017-3.4%2032.5-9.8%2045-22%2011.2-11.2%2012-22%203.3-35.3-7.7-12-3.3-34%208.5-40.9%203.5-2%208.7-2.8%209.8%201.6%203%2011.4%209.8%206.6%2015.9%204.8a159%20159%200%200%201%2055.3-8.2A58%2058%200%200%201%20933%2031.2c7.8%206.9%209.7%2015.6%209.8%2025.3%200%207.6%202.4%2011.9%2011%2013.9C978.6%2076%20987.7%2088%20988%20113.5c0%205.3%201.4%208.3%206.3%2011%2034.6%2018.7%2070.4%2035.4%20101.6%2060%2029.3%2023%2053%2051.1%2075.5%2080.4A719%20719%200%200%201%201272%20441.8q27.3%2069.8%2046.4%20142.4c12%2046%2016%2093.5%2027.1%20140.6-3.2.9-6.7.9-11.4.9%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1149.7%20725.7c-9.3-36.4-12.3-73.8-22.2-110-7.8-28.4-14-57.4-24.2-85-7.2-19.4-14-39-23.5-57.7-12.7-25-23.3-51.2-34.7-77-1.4-3-2.8-6.3%201.4-8.8%204.4-2.7%207.6-.6%209.9%202.7%205%207.3%2010.2%2014.6%2014.3%2022.5%2016%2031.2%2031.8%2062.7%2042.9%2096%207.5%2022.8%2015.6%2045.5%2021.2%2069%203.9%2016.5%208.2%2033%2012%2049.4q10.6%2048.4%2014.5%2097.9c-3.4%201-7%201-11.6%201m-903.7%200a451%20451%200%200%201%204.4-86.5c3.7-29%204.4-58.3%2011-87%203.9-17%209-33.6%2013-50.4a338%20338%200%200%201%2034.6-92.4l7.4-12c2.3-3.3%204.1-8.7%209.5-6.2%205.7%202.8%203.2%208.2%201.8%2012.4a320%20320%200%200%201-10%2026.1c-18%2040-33%2081.2-40.6%20124-7.3%2042-15.8%2084.3-14%20127.6.7%2014-1.6%2028-2.6%2043.2-4.5%201.2-9%201.2-14.4%201.2m410.2-330.2c-1.5-9.8%202.8-16.7%206.6-23.8%2011.4-21.4%208.4-30-11.6-42.7-17.7-11.3-35.3-23-44.2-44-5.8-14-4.4-28.3-6.2-42.4-1-7.2%202.4-16%2012.3-16.7%209.4-.6%2020.9-3.5%2025.6%208.4%203.4%208.6%202.1%2017-6.2%2024-15%2012.8-13.9%2019.7%203.7%2029.1%2013.8%207.4%2028.5%2013.3%2040.5%2023.9%2023.8%2021%2026%2056%204.5%2079.2-6.8%207.3-7.8%2015.3-6%2024.6.9%204.3%202.7%2010.2-3.1%2012.3-5.3%202-6.5-4-9.2-7-6.3-6.8-7.1-15-6.7-24.9m175%2037.7c1.2%203.4%204.6%205.2%203%208.6-20.6.3-34.9-24.4-26-44%205-11.2%2013.4-20.6%2015.8-33.3%203-16.5%200-25.2-15-32.3-27-12.9-39.8-33-35.3-63.4%201.4-9.4%201.4-17.6-11.8-20.7-9-2.2-11.2-12.2-9.2-21%202-8.5%208.8-13.9%2017-12.5%207.6%201.2%2017.4%203.4%2016.7%2015.3-.2%203-.4%206.1%202%208.4%2011%2011%208.6%2024.1%206%2037.1-2.2%2011.1%200%2020.3%209.8%2026.8%206.4%204.2%2012.5%208.9%2019.2%2012.6a49%2049%200%200%201%2013%2078.4c-14.3%2016-15.7%2025.7-5.2%2040M878%20119.7c16.8-7%2017.8-16.8%2017.5-33.6%200-5-2.4-10%20.8-14.8%2011.1%202.3%2017.6%2016.3%2014%2029.9a48%2048%200%200%201-48.7%2035.4%2042%2042%200%200%200-31.2%2013c-7.7%207-16.5%2010.5-27%204.4%2018.8-9.4%2031.1-30.8%2055.7-28.2%206.8.7%2012-3.5%2018.8-6%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22hair-variant25-0f868aeb%22%3E%3Cpath%20d%3D%22M800.8%20336.9c-1.3-5.4-2-10.1-5.6-13.7-8.6%2033%20.4%2028.8-36.4%2029.5-54%201.2-108%203.8-161.3%2012.5-16.2%202.6-25.3-2.3-26-21.8-12.3%2011.1-12.8%2024.7-18.8%2035.3-16.7%2030.1-37.2%2057.5-69.2%2072a63%2063%200%200%201-58.5-4.8%20213%20213%200%200%201-47%2088.7c-7.4-10.8-8.6-23.7-12.1-35.5-5.7-18.7-21-33.8-39-35.3-13.4-1.2-36%2013.6-42.4%2027.5q-5.7%2012-11.7%2023.6c-1.6-.2-3-.1-3-.4-8.2-26.8-26.5-50-31.6-77.3a154%20154%200%200%201%2013.7-101.7%20341%20341%200%200%201%20103.5-121.7c40.5-29.2%2085.6-48%20133-61a579%20579%200%200%201%20171.8-19.1c29.2%201%2057.7%207.5%2086.1%2015.3a294%20294%200%200%201%2070.8%2027.7c37.9%2021.9%2066%2052.4%2082%2093.7%2011.6%2029.8%209.5%2059%201.8%2089.7-9%2035.5-27.6%2064.2-52.2%2090.2-9.6%2010.2-12.6%2023.7-15.8%2036.8-1%204.1-.2%208.7-7%2010.8-8.1-10.3-9-23.3-9.4-35.3-1.2-37.5-3.1-74.7-11.2-111.4-1-4.6-2.9-9-4.5-14.3%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22mouth-variant09-0f868aeb%22%3E%3Cpath%20d%3D%22M79.1%2075.2c7.7-15.2-6-20-13-28.8-12%2028.2-9.2%2055.9%206.1%2065%201.2-11.6-.3-23.8%207-36.2%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M88.8%20106v-9.7q1.4-3.1%201.9-6.2c.7-3.4%201.3-6.5%204.3-8.8%204.5-.1%208.3%201.9%2012.1%204%203.3%201.6%206.6%203.4%2010.3%203.8h1c3%20.5%206.3.9%207.8-3%201.6-4.1.2-7.7-3.8-9.5C103.6%2068%2091.2%2052.7%2078.9%2037c-8.4-10.9-20.8-8.3-28.4%203.9-11.2%2018-8.4%2037.6-5.8%2056l.1%201c2%2013.6%209.3%2027.7%2024.9%2033.3%2011.4%204%2018.4-.2%2019-12.2zM72.2%2052.5c6.5%205.8%2012.6%2011.3%207%2022.7a56%2056%200%200%200-6.4%2027.7l-.6%208.5c-15.3-9.1-18.2-36.8-6.1-65q2.8%203.3%206.1%206.1%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22nose-variant02-0f868aeb%22%3E%3Cpath%20d%3D%22M27%20198.5c-7.6-4.6-16.3-6-19.8-14.5-1.8-4.5-3.5-9-1.4-13.5%203-6.4%208.9-8.5%2015-6%208.6%203.7%201.8%209%20.5%2013.6C45%20198%2075%20189.2%2095.3%20175c7.1-5%204.4-10.5-1.6-14.1-11.2-6.7-21.4-15.5-36.4-13.7%202.5-12.3%2010.3-12.6%2017-11.2a67%2067%200%200%201%2033.7%2017c10.4%2010.2%209.5%2023.6-1.5%2033.3-16%2014.2-35.7%2017.2-55.9%2016-7.4-.3-15.4.3-23.5-3.7%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22eyes-variant01-0f868aeb%22%3E%3Cpath%20d%3D%22M224.4%2058.4c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8%202-1.5%203.5-3.7%205.3-3.8q31.8-2.6%2063.5-.1c6%20.4%209.3%208%203.2%2010.4-10%204-12.5%2013.2-18.5%2019.8-8.2%209-15.2%209.1-24.8-.8m-191-29.6c12.2.7%2023.1%201%2034%202%203.6.3%208%201.8%208%206.7%200%205.6-4.6%205.2-8.3%205.1-6.3%200-9.7%202.7-12.5%208.6-3.4%207.4-6.9%2015.3-18%2014.8-10.5-.5-15.1-7.2-18.1-15.2-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5%203-6%207-7.2a68%2068%200%200%201%2026.4-1.7%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22eyebrows-variant10-0f868aeb%22%3E%3Cpath%20d%3D%22M103.9%2038.7C81.4%2047%2059.2%2043%2037.3%2043c-3%200-6.3-2.2-9.2-4-2.7-1.5-4.4-4-3-7.4q2.1-5.4%208-4.5a188%20188%200%200%200%2079.9-7c5-1.6%2013.3-8%2016.2%201.6%203%2010.2-6.8%2010.8-13.4%2013zm155.6-5.6c-7.2%202.7-13.5%205.3-19.9%207.6-2.4.8-5.1.9-6.8-1.8-1.6-2.4-1-4.4.5-7%2013.4-22%2056.2-24.9%2071-4.4q2.8%203.6%204.2%207.8c1.3%204.1%202.4%209.2-2.2%2011.5-4.3%202.2-7.7-1.1-10.7-4.5-14-15.5-17-16.3-36-9.2%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22gesture-pointLongArm-0f868aeb%22%3E%3Cpath%20d%3D%22m1722%201194-240.1%204.3s-20.1-26.7-36.5-144.5c-4-28.4%2012.9-82.2%2010-162.5-4.2-124-27.7-283.6-31.8-294.3a1232%201232%200%200%200-75-150.5C1320%20401%201310%20322%201323.2%20257c1.3-6.6%206-25.5%2021.5-29.9%2016-4.5%2031.5%2011.7%2039.4%209%208-2.6%2023.3-18.4%2034.6-22.9s23.1-6%2019.2-35.7c-1.8-13.7-34-163.7%201.5-168.4%2031.5-4.2%2040.8%2078.1%2048.5%20108.6%2010.8%2043.5%2013.5%2095.5%2018%20103s35%2026.3%2048.1%2050.8%2013.2%2054.2%209%2081.9c-6.7%2043.7-41.9%20134.8-19.4%20205.1%2013.8%2043.4%20120.8%20304.8%20142%20357.7%2020.5%2051.7%2051.8%20143.4%2051.8%20173.3%200%2058.4-15.4%20104.5-15.4%20104.5%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1649.7%201194c20.2-29.5%2023.7-63.5%2027.3-97.7l1.4-13.5q5.4-47.7.4-95.4a493%20493%200%200%200-13.6-67.5l-5.4-22c-4-17.3-9.3-34.2-14.5-51q-4.9-15.3-9.3-30.6a693%20693%200%200%200-33.2-90.6q-6.7-15-13.9-30a509%20509%200%200%201-30.6-74.8q-4.6-15.3-10-30.5c-9-26.4-18-52.8-18.5-81-.4-30.1%206.5-59.4%2013.4-88.6l.8-3.2c8-33.8%2016-67.6%2014.3-102.9-1.5-33.8-21-56.1-46.3-74.5-16.7-12.2-36.6-18-56.5-22a70%2070%200%200%200-55.4%2013.6c-9.1%206.5-9.4%2018.2-1.7%2030%2017.7-23.3%2041.1-19.2%2063.9-15.2l7.7%201.3a129%20129%200%200%201%2016%204c5.7%201.7%2011.4%203.4%2017.2%204.2%207.8%201.2%2011.8%205.4%2015.8%2013.6-14.5%203.5-27.4.1-40-3.1l-5.2-1.4-4.3-1c-13-3.4-25.6-6.6-39.5-4-17.3%203.3-27.5%2012.2-28.7%2029.9-.8%2013.6-.4%2027.3%200%2040.9.2%206%202%2012.9%209.7%2012.5%206-.2%206-4.8%206.2-9.2v-2.7c2.4-28.6%2034.4-55%2062.6-50.6q4.8.7%209.8%201.2c11%201.2%2022.1%202.3%2031.8%209.1l2%201.3c2.7%201.6%205.4%203.2%203.8%207-2%204.9-6%203.7-10.3%202.4l-.6-.1-2.4-.7c-16.2-4.8-32.4-9.6-49.8-3.8a45%2045%200%200%200-31%2038.5%2038%2038%200%200%200%2014.9%2034.9c13.3%2010.3%2020.7%207.7%2026.2-8%20.8-2.3.6-5%20.5-7.7-.3-5.1-.5-10.2%206-12.8%204.8-1.9%208.5.5%2012.2%203a21%2021%200%200%200%207.7%203.5%2028%2028%200%200%201%2016.9%2011.2c-5.7%206.7-11.2%204.7-16.7%202.8a27%2027%200%200%200-7.3-1.8c-3%201.8-4%204.9-5%208q-.4%201.8-1.3%203.7c-13%2028.2-32%2023.8-50.7%208.1h-.1c-2-1.7-4-3.4-5-5.6-5.4-13.2-13.5-20.1-29.4-18.6-7%20.6-12-8.2-13-16.7a308%20308%200%200%201-3-45.4c-5-.7-10-.7-15-.8-9.6%200-19.2%200-27.9-5-2.1-1.2-4-3.1-4.4-7.6%207.4-4.9%2015.9-4.5%2024.5-4s17.6.8%2025.7-4q-1.6-3-3.4-5.7c-4.2-6.8-8.4-13.5-6.7-22.2.7-3.5-2.7-4.6-5.9-5.4q-6-1.8-12-4.5c-14.7-6.3-26-.9-28.6%2015-7.2%2044-9%2088.1-.2%20132q5.4%2026.4%2020%2049a465%20465%200%200%201%2029.6%2055.4l9.7%2020c7.2%2014.5%2013.2%2029.5%2019.2%2044.4l10%2024.6c16.2%2037.5%2021.7%2077.4%2026.7%20117.5a1415%201415%200%200%201%2010.2%20131.4l1%2026.3c1.2%2023.8%204.7%2047.2%208.1%2070.6l4%2028c5%2037.4%2016%2073.3%2026.9%20109.1l4.5%2014.8a321%20321%200%200%200%2064.3%20119.8q-8.4%201.2-16.9%200c-49.5-61.6-68-134.2-86.4-205.5l-3-11.9-.3%201-.2.5a90%2090%200%200%200-5.1%2017.7c-5%2029-2.2%2057.7.7%2086.4a217%20217%200%200%200%2015.8%2062.3q4.7%2010.7%2010.4%2020.7c5.2%209.5%2010.4%2019%2013.6%2029.6h-11.7a161%20161%200%200%201-31-58.1c-11.8-35.5-15.6-72-16.9-108.8-.4-11.2%202.5-22%205.4-32.6a130%20130%200%200%200%206-39.9c1.4-22.8%202.7-45.4-.2-68.5a499%20499%200%200%201-2.8-58.8q-.1-15.3-.7-30.6v-1.1c-1-23.9-2-51.4-5-76l-2.2-21.5c-3.1-32.4-5.6-58-25.5-114.1-6.3-17.7-15-34.4-23.5-51-7.3-14.1-14.6-28.2-20.5-43a252%20252%200%200%200-28.5-51c-15.9-22.6-19.7-48.4-23.7-74.3q-.8-6.4-2-12.7c-4.2-26.2-.8-51.9%202.6-77.5q2-14.6%203.4-29.1c2-21.4%2022.8-30.8%2049.1-24q6.2%201.8%2012.4%204l6%202.2a56%2056%200%200%201%2029.5-21.3c14.3-3.8%2014-12.7%2013.7-24v-1c-.7-21.5-3.3-42.8-6-64.1-3.4-28.5-7-57-5.7-85.9%201-20.4%2013.6-33.3%2031.6-31%2013.1%201.5%2018.4%2012.1%2023.1%2021.7%209.5%2019.2%2012.9%2040.1%2016.3%2061q2%2012.8%204.5%2025.2%203.7%2018.4%206.2%2037.2c2.6%2018.2%205.3%2036.4%2010.5%2054.1q0%20.6.3%201c.7%202.6%201.5%205.2%201.4%207.7-.5%209.7%204.4%2015.3%2012%2020.7%2026.4%2018.5%2044.4%2044%2050.4%2075.3%204%2020.7-.5%2041.7-4.9%2062.5l-1.9%209q-4.3%2021-9.3%2041.8A661%20661%200%200%200%201541%20503c-1.9%2018.9%203.1%2036.6%209%2053.5l1.4%204.2c8.2%2023.4%2016.3%2046.8%2026%2069.7q31.5%2073.5%2059.7%20148.3%204.8%2012.6%208.6%2025.8c5%2016%2010.1%2032.2%2018.3%2046.8%2011.8%2021%2022.3%2042.7%2032.8%2064.4q10.4%2021.7%2021.3%2043.1c2.7%205.2%203.8%2010.8%205%2016.3l1.4%207c9.4%2037%2018.5%2074.2%2018.6%20112.7%200%2025.4-2.7%2050.8-6.5%2076-1%207.4-4.2%2013.8-7.8%2021l-.7%201.3q-5.9%201.4-11.8%200l1.6-6.5c4.3-16.8%208.4-33.1%209-50.1%201.2-38.3.4-76.6-8.1-114.1l-1.6-6.9c-6.5-29.1-13.1-58.4-31.2-84a280%20280%200%200%200%2011.6%2048.6q5.1%2016.1%208.9%2032.5a283%20283%200%200%201-1.6%20131c-3.3%2013.3-9%2025.4-14.7%2037.5l-6%2012.9zm-205.2-991.8c1.9-20.7-.9-40.5-3.6-60a357%20357%200%200%201-4-40.3%20160%20160%200%200%200-2.8-34.2l-1.3-8.8a76%2076%200%200%201%202-35.4c1.4-4%202.9-8.3%208.3-8.6%205-.2%207.7%202.8%2010%206.6q12%2019%2017%2041c9.5%2044.4%2019.3%2099%2023.4%20124.9l4.1%2026s-33.1-13.2-53.1-11.2m241%20945.6%204.5-22c4.1-29%204.9-56%205.7-83.5v-1.5c7.7%2037%201%2072.2-10.2%20107%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1523.3%20552c-6.5%2013.4-23.7%2019.2-35.7%2013.2-3.3-1.6-6-3.4-5.7-7.4.5-4.9%204.3-4.8%207.6-4.3%2011.2%201.5%2021.7-8.5%2033.8-1.4%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%221744%22%20height%3D%221744%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Cuse%20transform%3D%22translate(532%20491)%22%20href%3D%22%23head-variant01-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(151%201029.3)%22%20href%3D%22%23clothes-variant24-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(266%20221.9)%22%20href%3D%22%23hair-variant25-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(791%20872)%22%20href%3D%22%23mouth-variant09-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(901%20669)%22%20href%3D%22%23nose-variant02-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(805.2%20732.6)%22%20href%3D%22%23eyes-variant01-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(775%20657)%22%20href%3D%22%23eyebrows-variant10-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(0%20559)%22%20href%3D%22%23gesture-pointLongArm-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "hair-eyes-variant",
+    "options": {
+      "seed": "parity-1",
+      "hairVariant": [
+        "variant01"
+      ],
+      "eyesVariant": [
+        "variant01"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant01-10868c7e\"><path d=\"M231.7 269.7c33.2-22.3 65-45 88.9-76.5C335 174 347 152.5 363.4 135c32.6-35.8 69.4-67 113.8-88.3 40-19.2 82-25.4 125.4-29.8q49-4.8 97.7 3.7c32.9 5.6 56.5 19 58.8 60.4.5 9.9 4.2 14 14 13.2 29-2.5 55.5 7.2 81 19.2 27 12.7 45.7 40.7 24.8 78.7a273 273 0 0 1 53.3 30.6c25.8 18.7 38.6 57 25.4 84.7-9.6 20-29.7 26.8-50 31.9-18 4.5-36.2 2.5-54.9-1-5.6 13.1-9 26.9-23.3 33.7a97 97 0 0 1-58 9.3c-26.4-4-50.6-15.2-69.3-32.6-22-20.7-45.6-20.9-72-16.5-15.6 2.6-31.5.7-46.6-3-24.3-5.8-48-13.8-72-21.1-17-5.3-30 .3-37.5 16.3-11.7 24.8-11.6 52.2-15.8 78.3a149 149 0 0 1-33.7 76.6c-16.3 18.8-20.6 41.2-23.6 64.5-.9 6.6.5 14.4-7.5 17.4-8.3 3.1-12.1-4.1-16.8-8.8-11.5-11.7-14.7-27.4-20-42.1a140 140 0 0 0-24-43.1c-12.7-15.3-25.5-14-39.4-.4a52 52 0 0 0-15.7 35.8c0 4-2.3 7.6-5.8 9.5-11.5-17.7-24.5-34.5-34-53.2-10.3-20.4-23.5-39-33.1-60-20.5-44.2-13.5-97.5 27-129.2\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant01-10868c7e\"><path d=\"M224.4 58.4c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8 2-1.5 3.5-3.7 5.3-3.8q31.8-2.6 63.5-.1c6 .4 9.3 8 3.2 10.4-10 4-12.5 13.2-18.5 19.8-8.2 9-15.2 9.1-24.8-.8m-191-29.6c12.2.7 23.1 1 34 2 3.6.3 8 1.8 8 6.7 0 5.6-4.6 5.2-8.3 5.1-6.3 0-9.7 2.7-12.5 8.6-3.4 7.4-6.9 15.3-18 14.8-10.5-.5-15.1-7.2-18.1-15.2-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5 3-6 7-7.2a68 68 0 0 1 26.4-1.7\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant01-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant01-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant01",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant01",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "gesture-variant",
+    "options": {
+      "seed": "parity-1",
+      "gestureVariant": [
+        "waveLongArms"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1744 1744\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Notionists</dc:title><dc:creator>Zoish</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://heyzoish.gumroad.com/l/notionists</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>Remix of “Notionists” (https://heyzoish.gumroad.com/l/notionists) by “Zoish”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-variant01-10868c7e\"><path d=\"M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9\" fill=\"white\"/><path d=\"M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6\" fill=\"black\"/></g><g id=\"clothesGraphic-saturn-10868c7e\"><ellipse cx=\"257.1\" cy=\"202.6\" rx=\"100.1\" ry=\"98.5\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z\" fill=\"white\"/><path d=\"M249 223.7c-72.4-57.7-123.5-114-114.2-125.6\" stroke=\"white\" stroke-width=\"15\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z\" fill=\"white\"/><path d=\"M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4\" stroke=\"white\" stroke-width=\"15\"/></g><g id=\"clothes-variant10-10868c7e\"><path d=\"M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7\" fill=\"white\"/><path d=\"M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7\" fill=\"black\"/><path d=\"m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z\" fill=\"white\"/><mask id=\"clothesVariant10-a\" style=\"mask-type:luminance\"><path d=\"m494 719.7-14-432.5h392v432.5z\" fill=\"white\"/></mask><g mask=\"url(#clothesVariant10-a)\"><g transform=\"translate(424 305.7)\" style=\"mix-blend-mode:difference\"><use href=\"#clothesGraphic-saturn-10868c7e\"/></g></g><path d=\"M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z\" fill=\"black\"/><path d=\"M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z\" fill=\"black\"/><path d=\"M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4\" stroke=\"black\" stroke-width=\"15\"/></g><g id=\"hair-variant11-10868c7e\"><path d=\"M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8\" fill=\"black\"/></g><g id=\"mouth-variant03-10868c7e\"><path d=\"M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9\" fill=\"black\"/></g><g id=\"nose-variant18-10868c7e\"><path d=\"M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4\" fill=\"black\"/></g><g id=\"eyes-variant03-10868c7e\"><path d=\"M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6\" fill=\"black\"/></g><g id=\"eyebrows-variant05-10868c7e\"><path d=\"M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3\" fill=\"black\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"1744\" height=\"1744\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><use transform=\"translate(532 491)\" href=\"#head-variant01-10868c7e\"/><use transform=\"translate(151 1029.3)\" href=\"#clothes-variant10-10868c7e\"/><use transform=\"translate(266 221.9)\" href=\"#hair-variant11-10868c7e\"/><use transform=\"translate(791 872)\" href=\"#mouth-variant03-10868c7e\"/><use transform=\"translate(901 669)\" href=\"#nose-variant18-10868c7e\"/><use transform=\"translate(805.2 732.6)\" href=\"#eyes-variant03-10868c7e\"/><use transform=\"translate(775 657)\" href=\"#eyebrows-variant05-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [],
+      "headVariant": "variant01",
+      "headRotate": 0,
+      "headTranslateX": 0,
+      "headTranslateY": 0,
+      "headScale": 1,
+      "clothesVariant": "variant10",
+      "clothesGraphicVariant": "saturn",
+      "clothesGraphicRotate": 0,
+      "clothesGraphicTranslateX": 0,
+      "clothesGraphicTranslateY": 0,
+      "clothesGraphicScale": 1,
+      "clothesRotate": 0,
+      "clothesTranslateX": 0,
+      "clothesTranslateY": 0,
+      "clothesScale": 1,
+      "hairVariant": "variant11",
+      "hairRotate": 0,
+      "hairTranslateX": 0,
+      "hairTranslateY": 0,
+      "hairScale": 1,
+      "mouthVariant": "variant03",
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 0,
+      "mouthScale": 1,
+      "noseVariant": "variant18",
+      "noseRotate": 0,
+      "noseTranslateX": 0,
+      "noseTranslateY": 0,
+      "noseScale": 1,
+      "eyesVariant": "variant03",
+      "eyesRotate": 0,
+      "eyesTranslateX": 0,
+      "eyesTranslateY": 0,
+      "eyesScale": 1,
+      "eyebrowsVariant": "variant05",
+      "eyebrowsRotate": 0,
+      "eyebrowsTranslateX": 0,
+      "eyebrowsTranslateY": 0,
+      "eyebrowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  }
+]
diff --git a/tests/fixtures/parity/avatars/shape-grid.json b/tests/fixtures/parity/avatars/shape-grid.json
new file mode 100644
index 0000000..5d84afb
--- /dev/null
+++ b/tests/fixtures/parity/avatars/shape-grid.json
@@ -0,0 +1,677 @@
+[
+  {
+    "id": "plain-seed",
+    "options": {
+      "seed": "parity-1"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EShape%20Grid%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CShape%20Grid%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-plus-10868c7e%22%3E%3Cpath%20d%3D%22M4.06.78a1%201%200%200%201%201.88%200l.72%201.97a1%201%200%200%200%20.6.59l1.96.72a1%201%200%200%201%200%201.88l-1.97.72a1%201%200%200%200-.59.6l-.72%201.96a1%201%200%200%201-1.88%200l-.72-1.97a1%201%200%200%200-.6-.59L.79%205.94a1%201%200%200%201%200-1.88l1.97-.72a1%201%200%200%200%20.59-.6z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22shape-polygon-10868c7e%22%3E%3Cpath%20d%3D%22M4.13%201a1%201%200%200%201%201.74%200l3.9%206.75a1%201%200%200%201-.87%201.5H1.1a1%201%200%200%201-.86-1.5z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22rows-rows02-10868c7e%22%3E%3Cuse%20transform%3D%22matrix(5.1%200%200%205.1%2049%2049)%20translate(5%2C%205)%20scale(0.7384)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-plus-10868c7e%22%2F%3E%3Cuse%20transform%3D%22matrix(4.9%200%200%205.1%200%2049)%20translate(5%2C%205)%20scale(0.646)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-polygon-10868c7e%22%2F%3E%3Cuse%20transform%3D%22matrix(5.1%200%200%204.9%2049%200)%20translate(5%2C%205)%20scale(0.939)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-polygon-10868c7e%22%2F%3E%3Cuse%20transform%3D%22scale(4.9)%20translate(5%2C%205)%20scale(0.7877)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-plus-10868c7e%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23a8f0b0%22%2F%3E%3Cg%20transform%3D%22matrix(.65%200%200%20.65%2017.5%2017.5)%22%20style%3D%22mix-blend-mode%3Aoverlay%22%3E%3Cuse%20href%3D%22%23rows-rows02-10868c7e%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(.65%200%200%20.65%2017.5%2017.5)%22%20opacity%3D%22.3%22%3E%3Cuse%20href%3D%22%23rows-rows02-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "different-seed",
+    "options": {
+      "seed": "parity-2"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-0f868aeb\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-circle-0f868aeb\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#000000\"/></g><g id=\"rows-rows02-0f868aeb\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.9118) translate(-5, -5)\" href=\"#shape-plus-0f868aeb\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.9432) translate(-5, -5)\" href=\"#shape-circle-0f868aeb\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.8349) translate(-5, -5)\" href=\"#shape-plus-0f868aeb\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.9123) translate(-5, -5)\" href=\"#shape-circle-0f868aeb\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#7fd4f5\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-0f868aeb\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-0f868aeb\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#7fd4f5"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.9118,
+      "shape03Variant": "circle",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.9432,
+      "shape02Variant": "plus",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.8349,
+      "shape01Variant": "circle",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.9123,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "size-scale-rotate",
+    "options": {
+      "seed": "parity-1",
+      "size": 256,
+      "scale": 2,
+      "rotate": 45
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\" width=\"256\" height=\"256\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"rotate(45, 50, 50)\"><g transform=\"translate(50, 50) scale(2) translate(-50, -50)\"><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 2,
+      "flip": "none",
+      "rotate": 45,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 256,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "translate-border-flip",
+    "options": {
+      "seed": "parity-1",
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "flip": "horizontal"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"50\" ry=\"50\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"translate(10, -5)\"><g transform=\"translate(100, 0) scale(-1, 1)\"><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "horizontal",
+      "rotate": 0,
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-solid",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000"
+      ],
+      "backgroundColorFill": [
+        "solid"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#ff0000\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ff0000"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-linear",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "linear"
+      ],
+      "backgroundColorAngle": [
+        45,
+        45
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\"background-color-10868c7e\" gradientTransform=\"rotate(45, 0.5, 0.5)\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></linearGradient><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "linear",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 45,
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-radial",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "radial"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\"background-color-10868c7e\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></radialGradient><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "radial",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 0,
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-size",
+    "options": {
+      "seed": "parity-1",
+      "size": 128,
+      "title": "Parity Avatar"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Parity Avatar\" width=\"128\" height=\"128\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 128,
+      "title": "Parity Avatar",
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-escaping",
+    "options": {
+      "seed": "parity-2",
+      "title": "Tom & Jerry's <\"Avatar\"> 😀"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-plus-0f868aeb\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-circle-0f868aeb\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#000000\"/></g><g id=\"rows-rows02-0f868aeb\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.9118) translate(-5, -5)\" href=\"#shape-plus-0f868aeb\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.9432) translate(-5, -5)\" href=\"#shape-circle-0f868aeb\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.8349) translate(-5, -5)\" href=\"#shape-plus-0f868aeb\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.9123) translate(-5, -5)\" href=\"#shape-circle-0f868aeb\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#7fd4f5\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-0f868aeb\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-0f868aeb\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#7fd4f5"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "plus",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.9118,
+      "shape03Variant": "circle",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.9432,
+      "shape02Variant": "plus",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.8349,
+      "shape01Variant": "circle",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.9123,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "title": "Tom & Jerry's <\"Avatar\"> 😀",
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EShape%20Grid%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CShape%20Grid%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22shape-plus-0f868aeb%22%3E%3Cpath%20d%3D%22M4.06.78a1%201%200%200%201%201.88%200l.72%201.97a1%201%200%200%200%20.6.59l1.96.72a1%201%200%200%201%200%201.88l-1.97.72a1%201%200%200%200-.59.6l-.72%201.96a1%201%200%200%201-1.88%200l-.72-1.97a1%201%200%200%200-.6-.59L.79%205.94a1%201%200%200%201%200-1.88l1.97-.72a1%201%200%200%200%20.59-.6z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22shape-circle-0f868aeb%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22rows-rows02-0f868aeb%22%3E%3Cuse%20transform%3D%22matrix(5.1%200%200%205.1%2049%2049)%20translate(5%2C%205)%20scale(0.9118)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-plus-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22matrix(4.9%200%200%205.1%200%2049)%20translate(5%2C%205)%20scale(0.9432)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-circle-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22matrix(5.1%200%200%204.9%2049%200)%20translate(5%2C%205)%20scale(0.8349)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-plus-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22scale(4.9)%20translate(5%2C%205)%20scale(0.9123)%20translate(-5%2C%20-5)%22%20href%3D%22%23shape-circle-0f868aeb%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%237fd4f5%22%2F%3E%3Cg%20transform%3D%22matrix(.65%200%200%20.65%2017.5%2017.5)%22%20style%3D%22mix-blend-mode%3Aoverlay%22%3E%3Cuse%20href%3D%22%23rows-rows02-0f868aeb%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(.65%200%200%20.65%2017.5%2017.5)%22%20opacity%3D%22.3%22%3E%3Cuse%20href%3D%22%23rows-rows02-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "rows-variant-pinned",
+    "options": {
+      "seed": "parity-1",
+      "rowsVariant": [
+        "rows04"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-hexagon-10868c7e\"><path d=\"M4.5.16a1 1 0 0 1 1 0l3.44 1.99c.3.18.5.5.5.86V7a1 1 0 0 1-.5.86L5.5 9.84a1 1 0 0 1-1 0L1.06 7.85A1 1 0 0 1 .56 7V3a1 1 0 0 1 .5-.86z\" fill=\"#000000\"/></g><g id=\"shape-plus-10868c7e\"><path d=\"M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z\" fill=\"#000000\"/></g><g id=\"shape-square-10868c7e\"><rect width=\"10\" height=\"10\" rx=\"1\" fill=\"#000000\"/></g><g id=\"shape-polygon-10868c7e\"><path d=\"M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z\" fill=\"#000000\"/></g><g id=\"rows-rows04-10868c7e\"><use transform=\"matrix(2.5 0 0 2.5 75 75) translate(5, 5) scale(0.5813) translate(-5, -5)\" href=\"#shape-hexagon-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 50 75) translate(5, 5) scale(0.8089) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 25 75) translate(5, 5) scale(0.6218) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 0 75) translate(5, 5) scale(0.6313) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 75 50) translate(5, 5) scale(0.7623) translate(-5, -5)\" href=\"#shape-hexagon-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 50 50) translate(5, 5) scale(0.551) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 25 50) translate(5, 5) scale(0.7838) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 0 50) translate(5, 5) scale(0.7273) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 75 25) translate(5, 5) scale(0.6864) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 50 25) translate(5, 5) scale(0.8084) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 25 25) translate(5, 5) scale(0.7493) translate(-5, -5)\" href=\"#shape-hexagon-10868c7e\"/><use transform=\"matrix(2.5 0 0 2.5 0 25) translate(5, 5) scale(0.8867) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"translate(75)scale(2.5) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/><use transform=\"translate(50)scale(2.5) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"translate(25)scale(2.5) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-polygon-10868c7e\"/><use transform=\"scale(2.5) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-plus-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows04-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows04-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows04",
+      "shape16Variant": "hexagon",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape16Rotate": 0,
+      "shape16TranslateX": 0,
+      "shape16TranslateY": 0,
+      "shape16Scale": 0.5813,
+      "shape15Variant": "plus",
+      "shape15Rotate": 0,
+      "shape15TranslateX": 0,
+      "shape15TranslateY": 0,
+      "shape15Scale": 0.8089,
+      "shape14Variant": "square",
+      "shape14Rotate": 0,
+      "shape14TranslateX": 0,
+      "shape14TranslateY": 0,
+      "shape14Scale": 0.6218,
+      "shape13Variant": "plus",
+      "shape13Rotate": 0,
+      "shape13TranslateX": 0,
+      "shape13TranslateY": 0,
+      "shape13Scale": 0.6313,
+      "shape12Variant": "hexagon",
+      "shape12Rotate": 0,
+      "shape12TranslateX": 0,
+      "shape12TranslateY": 0,
+      "shape12Scale": 0.7623,
+      "shape11Variant": "square",
+      "shape11Rotate": 0,
+      "shape11TranslateX": 0,
+      "shape11TranslateY": 0,
+      "shape11Scale": 0.551,
+      "shape10Variant": "polygon",
+      "shape10Rotate": 0,
+      "shape10TranslateX": 0,
+      "shape10TranslateY": 0,
+      "shape10Scale": 0.7838,
+      "shape09Variant": "polygon",
+      "shape09Rotate": 0,
+      "shape09TranslateX": 0,
+      "shape09TranslateY": 0,
+      "shape09Scale": 0.7273,
+      "shape08Variant": "plus",
+      "shape08Rotate": 0,
+      "shape08TranslateX": 0,
+      "shape08TranslateY": 0,
+      "shape08Scale": 0.6864,
+      "shape07Variant": "plus",
+      "shape07Rotate": 0,
+      "shape07TranslateX": 0,
+      "shape07TranslateY": 0,
+      "shape07Scale": 0.8084,
+      "shape06Variant": "hexagon",
+      "shape06Rotate": 0,
+      "shape06TranslateX": 0,
+      "shape06TranslateY": 0,
+      "shape06Scale": 0.7493,
+      "shape05Variant": "square",
+      "shape05Rotate": 0,
+      "shape05TranslateX": 0,
+      "shape05TranslateY": 0,
+      "shape05Scale": 0.8867,
+      "shape04Variant": "plus",
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "polygon",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "polygon",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "plus",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "shape-variant-pinned",
+    "options": {
+      "seed": "parity-1",
+      "shapeVariant": [
+        "square"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"shape-square-10868c7e\"><rect width=\"10\" height=\"10\" rx=\"1\" fill=\"#000000\"/></g><g id=\"rows-rows02-10868c7e\"><use transform=\"matrix(5.1 0 0 5.1 49 49) translate(5, 5) scale(0.7384) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"matrix(4.9 0 0 5.1 0 49) translate(5, 5) scale(0.646) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"matrix(5.1 0 0 4.9 49 0) translate(5, 5) scale(0.939) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/><use transform=\"scale(4.9) translate(5, 5) scale(0.7877) translate(-5, -5)\" href=\"#shape-square-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "shape04Variant": "square",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#000000"
+      ],
+      "shape04Rotate": 0,
+      "shape04TranslateX": 0,
+      "shape04TranslateY": 0,
+      "shape04Scale": 0.7384,
+      "shape03Variant": "square",
+      "shape03Rotate": 0,
+      "shape03TranslateX": 0,
+      "shape03TranslateY": 0,
+      "shape03Scale": 0.646,
+      "shape02Variant": "square",
+      "shape02Rotate": 0,
+      "shape02TranslateX": 0,
+      "shape02TranslateY": 0,
+      "shape02Scale": 0.939,
+      "shape01Variant": "square",
+      "shape01Rotate": 0,
+      "shape01TranslateX": 0,
+      "shape01TranslateY": 0,
+      "shape01Scale": 0.7877,
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "shape-probability-zero",
+    "options": {
+      "seed": "parity-1",
+      "shapeProbability": 0
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Shape Grid</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Shape Grid” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"rows-rows02-10868c7e\"></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#a8f0b0\"/><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" style=\"mix-blend-mode:overlay\"><use href=\"#rows-rows02-10868c7e\"/></g><g transform=\"matrix(.65 0 0 .65 17.5 17.5)\" opacity=\".3\"><use href=\"#rows-rows02-10868c7e\"/></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#a8f0b0"
+      ],
+      "rowsVariant": "rows02",
+      "rowsRotate": 0,
+      "rowsTranslateX": 0,
+      "rowsTranslateY": 0,
+      "rowsScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  }
+]
diff --git a/tests/fixtures/parity/avatars/thumbs.json b/tests/fixtures/parity/avatars/thumbs.json
new file mode 100644
index 0000000..a498472
--- /dev/null
+++ b/tests/fixtures/parity/avatars/thumbs.json
@@ -0,0 +1,615 @@
+[
+  {
+    "id": "plain-seed",
+    "options": {
+      "seed": "parity-1"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20aria-hidden%3D%22true%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EThumbs%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CThumbs%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22eyes-variant04-10868c7e%22%3E%3Cpath%20d%3D%22M8%208.36S8%204%2012%204s4%204.36%204%204.36v2.91s0%20.73-.67.73c-.66%200-.66-2.9-3.33-2.9S9.33%2012%208.67%2012%208%2011.27%208%2011.27z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22mouth-variant01-10868c7e%22%3E%3Cpath%20d%3D%22M15%2011C4.52%2011%202.42%202.82%203.12%202.14S8.02%203.5%2015%203.5s11.18-2.04%2011.88-1.36S25.48%2011%2015%2011%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22head-default-10868c7e%22%3E%3Cuse%20transform%3D%22translate(-2.22619%2C%201.55077)%22%20href%3D%22%23eyes-variant04-10868c7e%22%2F%3E%3Cuse%20transform%3D%22matrix(-1%200%200%201%2044%200)%20translate(-2.22619%2C%201.55077)%22%20href%3D%22%23eyes-variant04-10868c7e%22%2F%3E%3Cuse%20transform%3D%22translate(7%2026)%20translate(0%2C%20-0.17788)%22%20href%3D%22%23mouth-variant01-10868c7e%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22body-default-10868c7e%22%3E%3Cpath%20d%3D%22M45%200c24.85%200%2045%2019.4%2045%2043.33V130H0V43.33C0%2019.4%2020.15%200%2045%200%22%20fill%3D%22%230a5b83%22%2F%3E%3Cuse%20transform%3D%22translate(24%2024)%20translate(-4.3674%2C%20-5.50764)%20rotate(-4.1297%2C%2022%2C%2020)%22%20href%3D%22%23head-default-10868c7e%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-10868c7e%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23clip-10868c7e)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2369d2e7%22%2F%3E%3Cuse%20transform%3D%22translate(5%2010)%20translate(0.40248%2C%202.1138)%20rotate(-2.9552%2C%2045%2C%2065)%22%20href%3D%22%23body-default-10868c7e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "different-seed",
+    "options": {
+      "seed": "parity-2"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant01-0f868aeb\"><path d=\"M.25 8.12C1.66 11.86 12 16 12 16s5.17-9.58 3.76-13.32c0 0-1.41-3.74-5.3-2.38-3.87 1.36-2.7 4.48-2.7 4.48S6.6 1.66 2.73 3.02.25 8.12.25 8.12\" fill=\"#ffffff\"/></g><g id=\"mouth-variant02-0f868aeb\"><path d=\"M15 14C1.9 14-.72 1.29.15.23S6.27 2.11 15 2.11 28.97-.83 29.85.23 28.1 14 15 14\" fill=\"#ffffff\"/></g><g id=\"head-default-0f868aeb\"><use transform=\"translate(2.31146, 1.14643)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(2.31146, 1.14643)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"translate(7 26) translate(0, 0.40583)\" href=\"#mouth-variant02-0f868aeb\"/></g><g id=\"body-default-0f868aeb\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#1c799f\"/><use transform=\"translate(24 24) translate(6.48146, 5.66856) rotate(5.3916, 22, 20)\" href=\"#head-default-0f868aeb\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#0a5b83\"/><use transform=\"translate(5 10) translate(-3.52449, -1.94805) rotate(-2.2598, 45, 65)\" href=\"#body-default-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#0a5b83"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#1c799f"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant01",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": 14.4466,
+      "eyesTranslateY": 7.1652,
+      "eyesScale": 1,
+      "mouthVariant": "variant02",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 2.8988,
+      "mouthScale": 1,
+      "headRotate": 5.3916,
+      "headTranslateX": 14.7306,
+      "headTranslateY": 14.1714,
+      "headScale": 1,
+      "bodyRotate": -2.2598,
+      "bodyTranslateX": -3.9161,
+      "bodyTranslateY": -1.4985,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "size-scale-rotate",
+    "options": {
+      "seed": "parity-1",
+      "size": 256,
+      "scale": 2,
+      "rotate": 45
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\" width=\"256\" height=\"256\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><g transform=\"rotate(45, 50, 50)\"><g transform=\"translate(50, 50) scale(2) translate(-50, -50)\"><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 2,
+      "flip": "none",
+      "rotate": 45,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 256,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "translate-border-flip",
+    "options": {
+      "seed": "parity-1",
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "flip": "horizontal"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"50\" ry=\"50\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><g transform=\"translate(10, -5)\"><g transform=\"translate(100, 0) scale(-1, 1)\"><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></g></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "horizontal",
+      "rotate": 0,
+      "translateX": 10,
+      "translateY": -5,
+      "borderRadius": 50,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-solid",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000"
+      ],
+      "backgroundColorFill": [
+        "solid"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#ff0000\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#ff0000"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-linear",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "linear"
+      ],
+      "backgroundColorAngle": [
+        45,
+        45
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><linearGradient id=\"background-color-10868c7e\" gradientTransform=\"rotate(45, 0.5, 0.5)\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></linearGradient><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "linear",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 45,
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "background-radial",
+    "options": {
+      "seed": "parity-1",
+      "backgroundColor": [
+        "ff0000",
+        "00ff00"
+      ],
+      "backgroundColorFill": [
+        "radial"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><radialGradient id=\"background-color-10868c7e\"><stop offset=\"0%\" stop-color=\"#ff0000\"/><stop offset=\"100%\" stop-color=\"#00ff00\"/></radialGradient><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"url(#background-color-10868c7e)\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "radial",
+      "backgroundColor": [
+        "#ff0000",
+        "#00ff00"
+      ],
+      "backgroundColorAngle": 0,
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-size",
+    "options": {
+      "seed": "parity-1",
+      "size": 128,
+      "title": "Parity Avatar"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Parity Avatar\" width=\"128\" height=\"128\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#ffffff\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ffffff\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Parity Avatar</title><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "size": 128,
+      "title": "Parity Avatar",
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "title-escaping",
+    "options": {
+      "seed": "parity-2",
+      "title": "Tom & Jerry's <\"Avatar\"> 😀"
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" role=\"img\" aria-label=\"Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant01-0f868aeb\"><path d=\"M.25 8.12C1.66 11.86 12 16 12 16s5.17-9.58 3.76-13.32c0 0-1.41-3.74-5.3-2.38-3.87 1.36-2.7 4.48-2.7 4.48S6.6 1.66 2.73 3.02.25 8.12.25 8.12\" fill=\"#ffffff\"/></g><g id=\"mouth-variant02-0f868aeb\"><path d=\"M15 14C1.9 14-.72 1.29.15.23S6.27 2.11 15 2.11 28.97-.83 29.85.23 28.1 14 15 14\" fill=\"#ffffff\"/></g><g id=\"head-default-0f868aeb\"><use transform=\"translate(2.31146, 1.14643)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(2.31146, 1.14643)\" href=\"#eyes-variant01-0f868aeb\"/><use transform=\"translate(7 26) translate(0, 0.40583)\" href=\"#mouth-variant02-0f868aeb\"/></g><g id=\"body-default-0f868aeb\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#1c799f\"/><use transform=\"translate(24 24) translate(6.48146, 5.66856) rotate(5.3916, 22, 20)\" href=\"#head-default-0f868aeb\"/></g><clipPath id=\"clip-0f868aeb\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><title>Tom &amp; Jerry&apos;s &lt;&quot;Avatar&quot;&gt; 😀</title><g clip-path=\"url(#clip-0f868aeb)\"><rect width=\"100\" height=\"100\" fill=\"#0a5b83\"/><use transform=\"translate(5 10) translate(-3.52449, -1.94805) rotate(-2.2598, 45, 65)\" href=\"#body-default-0f868aeb\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#0a5b83"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#1c799f"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant01",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#ffffff"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": 14.4466,
+      "eyesTranslateY": 7.1652,
+      "eyesScale": 1,
+      "mouthVariant": "variant02",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ffffff"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": 2.8988,
+      "mouthScale": 1,
+      "headRotate": 5.3916,
+      "headTranslateX": 14.7306,
+      "headTranslateY": 14.1714,
+      "headScale": 1,
+      "bodyRotate": -2.2598,
+      "bodyTranslateX": -3.9161,
+      "bodyTranslateY": -1.4985,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "title": "Tom & Jerry's <\"Avatar\"> 😀",
+      "idRandomization": false
+    },
+    "dataUri": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20shape-rendering%3D%22auto%22%20role%3D%22img%22%20aria-label%3D%22Tom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%22%3E%3C!--%20Generated%20by%20DiceBear%20(https%3A%2F%2Fdicebear.com)%20--%3E%3Cmetadata%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Adcterms%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%22%3E%3Crdf%3ARDF%3E%3Crdf%3ADescription%3E%3Cdc%3Atitle%3EThumbs%3C%2Fdc%3Atitle%3E%3Cdc%3Acreator%3EDiceBear%3C%2Fdc%3Acreator%3E%3Cdc%3Asource%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fwww.dicebear.com%3C%2Fdc%3Asource%3E%3Cdcterms%3Alicense%20xsi%3Atype%3D%22dcterms%3AURI%22%3Ehttps%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F%3C%2Fdcterms%3Alicense%3E%3Cdc%3Arights%3E%E2%80%9CThumbs%E2%80%9D%20(https%3A%2F%2Fwww.dicebear.com)%20by%20%E2%80%9CDiceBear%E2%80%9D%2C%20licensed%20under%20%E2%80%9CCC0%201.0%E2%80%9D%20(https%3A%2F%2Fcreativecommons.org%2Fpublicdomain%2Fzero%2F1.0%2F)%3C%2Fdc%3Arights%3E%3C%2Frdf%3ADescription%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%3E%3Cg%20id%3D%22eyes-variant01-0f868aeb%22%3E%3Cpath%20d%3D%22M.25%208.12C1.66%2011.86%2012%2016%2012%2016s5.17-9.58%203.76-13.32c0%200-1.41-3.74-5.3-2.38-3.87%201.36-2.7%204.48-2.7%204.48S6.6%201.66%202.73%203.02.25%208.12.25%208.12%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22mouth-variant02-0f868aeb%22%3E%3Cpath%20d%3D%22M15%2014C1.9%2014-.72%201.29.15.23S6.27%202.11%2015%202.11%2028.97-.83%2029.85.23%2028.1%2014%2015%2014%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22head-default-0f868aeb%22%3E%3Cuse%20transform%3D%22translate(2.31146%2C%201.14643)%22%20href%3D%22%23eyes-variant01-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22matrix(-1%200%200%201%2044%200)%20translate(2.31146%2C%201.14643)%22%20href%3D%22%23eyes-variant01-0f868aeb%22%2F%3E%3Cuse%20transform%3D%22translate(7%2026)%20translate(0%2C%200.40583)%22%20href%3D%22%23mouth-variant02-0f868aeb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22body-default-0f868aeb%22%3E%3Cpath%20d%3D%22M45%200c24.85%200%2045%2019.4%2045%2043.33V130H0V43.33C0%2019.4%2020.15%200%2045%200%22%20fill%3D%22%231c799f%22%2F%3E%3Cuse%20transform%3D%22translate(24%2024)%20translate(6.48146%2C%205.66856)%20rotate(5.3916%2C%2022%2C%2020)%22%20href%3D%22%23head-default-0f868aeb%22%2F%3E%3C%2Fg%3E%3CclipPath%20id%3D%22clip-0f868aeb%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3ETom%20%26amp%3B%20Jerry%26apos%3Bs%20%26lt%3B%26quot%3BAvatar%26quot%3B%26gt%3B%20%F0%9F%98%80%3C%2Ftitle%3E%3Cg%20clip-path%3D%22url(%23clip-0f868aeb)%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%230a5b83%22%2F%3E%3Cuse%20transform%3D%22translate(5%2010)%20translate(-3.52449%2C%20-1.94805)%20rotate(-2.2598%2C%2045%2C%2065)%22%20href%3D%22%23body-default-0f868aeb%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+  },
+  {
+    "id": "eyes-mouth-variant",
+    "options": {
+      "seed": "parity-1",
+      "eyesVariant": [
+        "variant1W10"
+      ],
+      "mouthVariant": [
+        "variant1"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"head-default-10868c7e\"></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#0a5b83\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#0a5b83"
+      ],
+      "headVariant": "default",
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  },
+  {
+    "id": "shape-color-override",
+    "options": {
+      "seed": "parity-1",
+      "shapeColor": [
+        "ffaa00"
+      ],
+      "eyesColor": [
+        "000000"
+      ],
+      "mouthColor": [
+        "ff0000"
+      ]
+    },
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"none\" shape-rendering=\"auto\" aria-hidden=\"true\"><!-- Generated by DiceBear (https://dicebear.com) --><metadata xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:dcterms=\"http://purl.org/dc/terms/\"><rdf:RDF><rdf:Description><dc:title>Thumbs</dc:title><dc:creator>DiceBear</dc:creator><dc:source xsi:type=\"dcterms:URI\">https://www.dicebear.com</dc:source><dcterms:license xsi:type=\"dcterms:URI\">https://creativecommons.org/publicdomain/zero/1.0/</dcterms:license><dc:rights>“Thumbs” (https://www.dicebear.com) by “DiceBear”, licensed under “CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><defs><g id=\"eyes-variant04-10868c7e\"><path d=\"M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z\" fill=\"#000000\"/></g><g id=\"mouth-variant01-10868c7e\"><path d=\"M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11\" fill=\"#ff0000\"/></g><g id=\"head-default-10868c7e\"><use transform=\"translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"matrix(-1 0 0 1 44 0) translate(-2.22619, 1.55077)\" href=\"#eyes-variant04-10868c7e\"/><use transform=\"translate(7 26) translate(0, -0.17788)\" href=\"#mouth-variant01-10868c7e\"/></g><g id=\"body-default-10868c7e\"><path d=\"M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0\" fill=\"#ffaa00\"/><use transform=\"translate(24 24) translate(-4.3674, -5.50764) rotate(-4.1297, 22, 20)\" href=\"#head-default-10868c7e\"/></g><clipPath id=\"clip-10868c7e\"><rect width=\"100\" height=\"100\" rx=\"0\" ry=\"0\"/></clipPath></defs><g clip-path=\"url(#clip-10868c7e)\"><rect width=\"100\" height=\"100\" fill=\"#69d2e7\"/><use transform=\"translate(5 10) translate(0.40248, 2.1138) rotate(-2.9552, 45, 65)\" href=\"#body-default-10868c7e\"/></g></svg>",
+    "resolvedOptions": {
+      "backgroundColorFill": "solid",
+      "backgroundColor": [
+        "#69d2e7"
+      ],
+      "bodyVariant": "default",
+      "shapeColorFill": "solid",
+      "shapeColor": [
+        "#ffaa00"
+      ],
+      "headVariant": "default",
+      "eyesVariant": "variant04",
+      "eyesColorFill": "solid",
+      "eyesColor": [
+        "#000000"
+      ],
+      "eyesRotate": 0,
+      "eyesTranslateX": -13.9137,
+      "eyesTranslateY": 9.6923,
+      "eyesScale": 1,
+      "mouthVariant": "variant01",
+      "mouthColorFill": "solid",
+      "mouthColor": [
+        "#ff0000"
+      ],
+      "mouthRotate": 0,
+      "mouthTranslateX": 0,
+      "mouthTranslateY": -1.2706,
+      "mouthScale": 1,
+      "headRotate": -4.1297,
+      "headTranslateX": -9.9259,
+      "headTranslateY": -13.7691,
+      "headScale": 1,
+      "bodyRotate": -2.9552,
+      "bodyTranslateX": 0.4472,
+      "bodyTranslateY": 1.626,
+      "bodyScale": 1,
+      "scale": 1,
+      "flip": "none",
+      "rotate": 0,
+      "translateX": 0,
+      "translateY": 0,
+      "borderRadius": 0,
+      "idRandomization": false
+    }
+  }
+]
diff --git a/tests/fixtures/parity/colors.json b/tests/fixtures/parity/colors.json
new file mode 100644
index 0000000..b0d391c
--- /dev/null
+++ b/tests/fixtures/parity/colors.json
@@ -0,0 +1,361 @@
+{
+  "toHex": [
+    {
+      "input": "000",
+      "result": "#000000"
+    },
+    {
+      "input": "#000",
+      "result": "#000000"
+    },
+    {
+      "input": "abc",
+      "result": "#aabbcc"
+    },
+    {
+      "input": "#AbC",
+      "result": "#aabbcc"
+    },
+    {
+      "input": "f0f0",
+      "result": "#ff00ff00"
+    },
+    {
+      "input": "#F0f0",
+      "result": "#ff00ff00"
+    },
+    {
+      "input": "ff0000",
+      "result": "#ff0000"
+    },
+    {
+      "input": "#FF0000",
+      "result": "#ff0000"
+    },
+    {
+      "input": "ff000080",
+      "result": "#ff000080"
+    },
+    {
+      "input": "#ff000080",
+      "result": "#ff000080"
+    },
+    {
+      "input": "#1a2b3c",
+      "result": "#1a2b3c"
+    }
+  ],
+  "toRgbHex": [
+    {
+      "input": "000",
+      "result": "#000000"
+    },
+    {
+      "input": "#000",
+      "result": "#000000"
+    },
+    {
+      "input": "abc",
+      "result": "#aabbcc"
+    },
+    {
+      "input": "#AbC",
+      "result": "#aabbcc"
+    },
+    {
+      "input": "f0f0",
+      "result": "#ff00ff"
+    },
+    {
+      "input": "#F0f0",
+      "result": "#ff00ff"
+    },
+    {
+      "input": "ff0000",
+      "result": "#ff0000"
+    },
+    {
+      "input": "#FF0000",
+      "result": "#ff0000"
+    },
+    {
+      "input": "ff000080",
+      "result": "#ff0000"
+    },
+    {
+      "input": "#ff000080",
+      "result": "#ff0000"
+    },
+    {
+      "input": "#1a2b3c",
+      "result": "#1a2b3c"
+    }
+  ],
+  "parseHex": [
+    {
+      "input": "000",
+      "result": [
+        0,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "#000",
+      "result": [
+        0,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "abc",
+      "result": [
+        170,
+        187,
+        204
+      ]
+    },
+    {
+      "input": "#AbC",
+      "result": [
+        170,
+        187,
+        204
+      ]
+    },
+    {
+      "input": "f0f0",
+      "result": [
+        255,
+        0,
+        255
+      ]
+    },
+    {
+      "input": "#F0f0",
+      "result": [
+        255,
+        0,
+        255
+      ]
+    },
+    {
+      "input": "ff0000",
+      "result": [
+        255,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "#FF0000",
+      "result": [
+        255,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "ff000080",
+      "result": [
+        255,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "#ff000080",
+      "result": [
+        255,
+        0,
+        0
+      ]
+    },
+    {
+      "input": "#1a2b3c",
+      "result": [
+        26,
+        43,
+        60
+      ]
+    }
+  ],
+  "luminance": [
+    {
+      "input": "#000000",
+      "result": 0
+    },
+    {
+      "input": "#ffffff",
+      "result": 1
+    },
+    {
+      "input": "#ff0000",
+      "result": 0.2126
+    },
+    {
+      "input": "#00ff00",
+      "result": 0.7152
+    },
+    {
+      "input": "#0000ff",
+      "result": 0.0722
+    },
+    {
+      "input": "#808080",
+      "result": 0.2158605001138992
+    },
+    {
+      "input": "#0a5b83",
+      "result": 0.09185394385641163
+    },
+    {
+      "input": "#69d2e7",
+      "result": 0.5486596619264225
+    },
+    {
+      "input": "#f88c49",
+      "result": 0.39193664890546615
+    },
+    {
+      "input": "#abc",
+      "result": 0.4844632879252147
+    },
+    {
+      "input": "#1a2b3c",
+      "result": 0.02273610305991506
+    },
+    {
+      "input": "#0a0a0a",
+      "result": 0.003035269835488375
+    },
+    {
+      "input": "#0b0b0b",
+      "result": 0.0033465357638991604
+    }
+  ],
+  "sortByContrast": [
+    {
+      "candidates": [
+        "#000000",
+        "#ffffff",
+        "#ff0000",
+        "#0000ff"
+      ],
+      "refColor": "#ffffff",
+      "result": [
+        "#000000",
+        "#0000ff",
+        "#ff0000",
+        "#ffffff"
+      ]
+    },
+    {
+      "candidates": [
+        "#69d2e7",
+        "#0a5b83",
+        "#f88c49",
+        "#e0e4cc"
+      ],
+      "refColor": "#000000",
+      "result": [
+        "#e0e4cc",
+        "#69d2e7",
+        "#f88c49",
+        "#0a5b83"
+      ]
+    },
+    {
+      "candidates": [
+        "#ff0000",
+        "ff0000",
+        "#FF0000",
+        "#f00"
+      ],
+      "refColor": "#00ff00",
+      "result": [
+        "#ff0000",
+        "ff0000",
+        "#FF0000",
+        "#f00"
+      ]
+    },
+    {
+      "candidates": [],
+      "refColor": "#000000",
+      "result": []
+    },
+    {
+      "candidates": [
+        "#123456"
+      ],
+      "refColor": "#123456",
+      "result": [
+        "#123456"
+      ]
+    }
+  ],
+  "filterNotEqualTo": [
+    {
+      "candidates": [
+        "#ff0000",
+        "#00ff00",
+        "#0000ff"
+      ],
+      "excluded": [
+        "ff0000"
+      ],
+      "result": [
+        "#00ff00",
+        "#0000ff"
+      ]
+    },
+    {
+      "candidates": [
+        "#ff000080",
+        "#00ff00"
+      ],
+      "excluded": [
+        "#ff0000"
+      ],
+      "result": [
+        "#00ff00"
+      ]
+    },
+    {
+      "candidates": [
+        "#abc",
+        "#def"
+      ],
+      "excluded": [
+        "#aabbcc"
+      ],
+      "result": [
+        "#def"
+      ]
+    },
+    {
+      "candidates": [
+        "#ff0000",
+        "ff0000"
+      ],
+      "excluded": [
+        "#f00"
+      ],
+      "result": [
+        "#ff0000",
+        "ff0000"
+      ]
+    },
+    {
+      "candidates": [
+        "#ff0000"
+      ],
+      "excluded": [],
+      "result": [
+        "#ff0000"
+      ]
+    }
+  ]
+}
diff --git a/tests/fixtures/parity/descriptors/glass.json b/tests/fixtures/parity/descriptors/glass.json
new file mode 100644
index 0000000..0f8b7cd
--- /dev/null
+++ b/tests/fixtures/parity/descriptors/glass.json
@@ -0,0 +1,103 @@
+{
+  "seed": {
+    "type": "string"
+  },
+  "size": {
+    "type": "number",
+    "min": 1,
+    "max": 4096
+  },
+  "idRandomization": {
+    "type": "boolean"
+  },
+  "title": {
+    "type": "string"
+  },
+  "flip": {
+    "type": "enum",
+    "values": [
+      "none",
+      "horizontal",
+      "vertical",
+      "both"
+    ],
+    "list": true
+  },
+  "fontFamily": {
+    "type": "string",
+    "list": true
+  },
+  "fontWeight": {
+    "type": "number",
+    "min": 1,
+    "max": 1000,
+    "list": true
+  },
+  "scale": {
+    "type": "range",
+    "min": 0,
+    "max": 10
+  },
+  "borderRadius": {
+    "type": "range",
+    "min": 0,
+    "max": 50
+  },
+  "rotate": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "translateX": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "translateY": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "shapeVariant": {
+    "type": "enum",
+    "values": [
+      "a",
+      "d",
+      "e",
+      "g",
+      "i",
+      "n",
+      "r",
+      "t"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "shapeProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "backgroundColor": {
+    "type": "color",
+    "list": true
+  },
+  "backgroundColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "backgroundColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "backgroundColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  }
+}
diff --git a/tests/fixtures/parity/descriptors/initials.json b/tests/fixtures/parity/descriptors/initials.json
new file mode 100644
index 0000000..940722c
--- /dev/null
+++ b/tests/fixtures/parity/descriptors/initials.json
@@ -0,0 +1,134 @@
+{
+  "seed": {
+    "type": "string"
+  },
+  "size": {
+    "type": "number",
+    "min": 1,
+    "max": 4096
+  },
+  "idRandomization": {
+    "type": "boolean"
+  },
+  "title": {
+    "type": "string"
+  },
+  "flip": {
+    "type": "enum",
+    "values": [
+      "none",
+      "horizontal",
+      "vertical",
+      "both"
+    ],
+    "list": true
+  },
+  "fontFamily": {
+    "type": "string",
+    "list": true
+  },
+  "fontWeight": {
+    "type": "number",
+    "min": 1,
+    "max": 1000,
+    "list": true
+  },
+  "scale": {
+    "type": "range",
+    "min": 0,
+    "max": 10
+  },
+  "borderRadius": {
+    "type": "range",
+    "min": 0,
+    "max": 50
+  },
+  "rotate": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "translateX": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "translateY": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "initialsVariant": {
+    "type": "enum",
+    "values": [
+      "alt",
+      "default"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "initialsProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "lettersVariant": {
+    "type": "enum",
+    "values": [
+      "double",
+      "single"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "lettersProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "backgroundColor": {
+    "type": "color",
+    "list": true
+  },
+  "backgroundColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "backgroundColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "backgroundColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "textColor": {
+    "type": "color",
+    "list": true,
+    "contrastTo": "background"
+  },
+  "textColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "textColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "textColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  }
+}
diff --git a/tests/fixtures/parity/descriptors/notionists.json b/tests/fixtures/parity/descriptors/notionists.json
new file mode 100644
index 0000000..82af6bb
--- /dev/null
+++ b/tests/fixtures/parity/descriptors/notionists.json
@@ -0,0 +1,409 @@
+{
+  "seed": {
+    "type": "string"
+  },
+  "size": {
+    "type": "number",
+    "min": 1,
+    "max": 4096
+  },
+  "idRandomization": {
+    "type": "boolean"
+  },
+  "title": {
+    "type": "string"
+  },
+  "flip": {
+    "type": "enum",
+    "values": [
+      "none",
+      "horizontal",
+      "vertical",
+      "both"
+    ],
+    "list": true
+  },
+  "fontFamily": {
+    "type": "string",
+    "list": true
+  },
+  "fontWeight": {
+    "type": "number",
+    "min": 1,
+    "max": 1000,
+    "list": true
+  },
+  "scale": {
+    "type": "range",
+    "min": 0,
+    "max": 10
+  },
+  "borderRadius": {
+    "type": "range",
+    "min": 0,
+    "max": 50
+  },
+  "rotate": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "translateX": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "translateY": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "beardVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "beardProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "clothesVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12",
+      "variant13",
+      "variant14",
+      "variant15",
+      "variant16",
+      "variant17",
+      "variant18",
+      "variant19",
+      "variant20",
+      "variant21",
+      "variant22",
+      "variant23",
+      "variant24",
+      "variant25"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "clothesProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "clothesGraphicVariant": {
+    "type": "enum",
+    "values": [
+      "electric",
+      "galaxy",
+      "saturn"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "clothesGraphicProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "eyebrowsVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12",
+      "variant13"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "eyebrowsProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "eyesVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "eyesProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "gestureVariant": {
+    "type": "enum",
+    "values": [
+      "hand",
+      "handPhone",
+      "ok",
+      "okLongArm",
+      "point",
+      "pointLongArm",
+      "waveLongArm",
+      "waveLongArms",
+      "waveOkLongArms",
+      "wavePointLongArms"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "gestureProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "glassesVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "glassesProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "hairVariant": {
+    "type": "enum",
+    "values": [
+      "hat",
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12",
+      "variant13",
+      "variant14",
+      "variant15",
+      "variant16",
+      "variant17",
+      "variant18",
+      "variant19",
+      "variant20",
+      "variant21",
+      "variant22",
+      "variant23",
+      "variant24",
+      "variant25",
+      "variant26",
+      "variant27",
+      "variant28",
+      "variant29",
+      "variant30",
+      "variant31",
+      "variant32",
+      "variant33",
+      "variant34",
+      "variant35",
+      "variant36",
+      "variant37",
+      "variant38",
+      "variant39",
+      "variant40",
+      "variant41",
+      "variant42",
+      "variant43",
+      "variant44",
+      "variant45",
+      "variant46",
+      "variant47",
+      "variant48",
+      "variant49",
+      "variant50",
+      "variant51",
+      "variant52",
+      "variant53",
+      "variant54",
+      "variant55",
+      "variant56",
+      "variant57",
+      "variant58",
+      "variant59",
+      "variant60",
+      "variant61",
+      "variant62",
+      "variant63"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "hairProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "headVariant": {
+    "type": "enum",
+    "values": [
+      "variant01"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "headProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "mouthVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12",
+      "variant13",
+      "variant14",
+      "variant15",
+      "variant16",
+      "variant17",
+      "variant18",
+      "variant19",
+      "variant20",
+      "variant21",
+      "variant22",
+      "variant23",
+      "variant24",
+      "variant25",
+      "variant26",
+      "variant27",
+      "variant28",
+      "variant29",
+      "variant30"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "mouthProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "noseVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08",
+      "variant09",
+      "variant10",
+      "variant11",
+      "variant12",
+      "variant13",
+      "variant14",
+      "variant15",
+      "variant16",
+      "variant17",
+      "variant18",
+      "variant19",
+      "variant20"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "noseProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "backgroundColor": {
+    "type": "color",
+    "list": true
+  },
+  "backgroundColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "backgroundColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "backgroundColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  }
+}
diff --git a/tests/fixtures/parity/descriptors/shape-grid.json b/tests/fixtures/parity/descriptors/shape-grid.json
new file mode 100644
index 0000000..10dbabb
--- /dev/null
+++ b/tests/fixtures/parity/descriptors/shape-grid.json
@@ -0,0 +1,139 @@
+{
+  "seed": {
+    "type": "string"
+  },
+  "size": {
+    "type": "number",
+    "min": 1,
+    "max": 4096
+  },
+  "idRandomization": {
+    "type": "boolean"
+  },
+  "title": {
+    "type": "string"
+  },
+  "flip": {
+    "type": "enum",
+    "values": [
+      "none",
+      "horizontal",
+      "vertical",
+      "both"
+    ],
+    "list": true
+  },
+  "fontFamily": {
+    "type": "string",
+    "list": true
+  },
+  "fontWeight": {
+    "type": "number",
+    "min": 1,
+    "max": 1000,
+    "list": true
+  },
+  "scale": {
+    "type": "range",
+    "min": 0,
+    "max": 10
+  },
+  "borderRadius": {
+    "type": "range",
+    "min": 0,
+    "max": 50
+  },
+  "rotate": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "translateX": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "translateY": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "rowsVariant": {
+    "type": "enum",
+    "values": [
+      "rows01",
+      "rows02",
+      "rows03",
+      "rows04"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "rowsProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "shapeVariant": {
+    "type": "enum",
+    "values": [
+      "circle",
+      "hexagon",
+      "plus",
+      "polygon",
+      "square"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "shapeProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "backgroundColor": {
+    "type": "color",
+    "list": true
+  },
+  "backgroundColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "backgroundColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "backgroundColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "shapeColor": {
+    "type": "color",
+    "list": true,
+    "contrastTo": "background"
+  },
+  "shapeColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "shapeColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "shapeColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  }
+}
diff --git a/tests/fixtures/parity/descriptors/thumbs.json b/tests/fixtures/parity/descriptors/thumbs.json
new file mode 100644
index 0000000..c1c1030
--- /dev/null
+++ b/tests/fixtures/parity/descriptors/thumbs.json
@@ -0,0 +1,214 @@
+{
+  "seed": {
+    "type": "string"
+  },
+  "size": {
+    "type": "number",
+    "min": 1,
+    "max": 4096
+  },
+  "idRandomization": {
+    "type": "boolean"
+  },
+  "title": {
+    "type": "string"
+  },
+  "flip": {
+    "type": "enum",
+    "values": [
+      "none",
+      "horizontal",
+      "vertical",
+      "both"
+    ],
+    "list": true
+  },
+  "fontFamily": {
+    "type": "string",
+    "list": true
+  },
+  "fontWeight": {
+    "type": "number",
+    "min": 1,
+    "max": 1000,
+    "list": true
+  },
+  "scale": {
+    "type": "range",
+    "min": 0,
+    "max": 10
+  },
+  "borderRadius": {
+    "type": "range",
+    "min": 0,
+    "max": 50
+  },
+  "rotate": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "translateX": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "translateY": {
+    "type": "range",
+    "min": -1000,
+    "max": 1000
+  },
+  "bodyVariant": {
+    "type": "enum",
+    "values": [
+      "default"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "bodyProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "eyesVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05",
+      "variant06",
+      "variant07",
+      "variant08"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "eyesProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "headVariant": {
+    "type": "enum",
+    "values": [
+      "default"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "headProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "mouthVariant": {
+    "type": "enum",
+    "values": [
+      "variant01",
+      "variant02",
+      "variant03",
+      "variant04",
+      "variant05"
+    ],
+    "list": true,
+    "weighted": true
+  },
+  "mouthProbability": {
+    "type": "number",
+    "min": 0,
+    "max": 100
+  },
+  "backgroundColor": {
+    "type": "color",
+    "list": true
+  },
+  "backgroundColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "backgroundColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "backgroundColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "eyesColor": {
+    "type": "color",
+    "list": true,
+    "contrastTo": "shape"
+  },
+  "eyesColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "eyesColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "eyesColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "mouthColor": {
+    "type": "color",
+    "list": true,
+    "contrastTo": "shape"
+  },
+  "mouthColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "mouthColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "mouthColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  },
+  "shapeColor": {
+    "type": "color",
+    "list": true
+  },
+  "shapeColorFill": {
+    "type": "enum",
+    "values": [
+      "solid",
+      "linear",
+      "radial"
+    ],
+    "list": true
+  },
+  "shapeColorFillStops": {
+    "type": "range",
+    "min": 2
+  },
+  "shapeColorAngle": {
+    "type": "range",
+    "min": -360,
+    "max": 360
+  }
+}
diff --git a/tests/fixtures/parity/fnv1a.json b/tests/fixtures/parity/fnv1a.json
new file mode 100644
index 0000000..886ffea
--- /dev/null
+++ b/tests/fixtures/parity/fnv1a.json
@@ -0,0 +1,82 @@
+[
+  {
+    "input": "",
+    "hash": 2166136261,
+    "hex": "811c9dc5"
+  },
+  {
+    "input": "a",
+    "hash": 3826002220,
+    "hex": "e40c292c"
+  },
+  {
+    "input": "b",
+    "hash": 3876335077,
+    "hex": "e70c2de5"
+  },
+  {
+    "input": "c",
+    "hash": 3859557458,
+    "hex": "e60c2c52"
+  },
+  {
+    "input": "hello",
+    "hash": 1335831723,
+    "hex": "4f9f2cab"
+  },
+  {
+    "input": "test",
+    "hash": 2949673445,
+    "hex": "afd071e5"
+  },
+  {
+    "input": "foobar",
+    "hash": 3214735720,
+    "hex": "bf9cf968"
+  },
+  {
+    "input": "123",
+    "hash": 1916298011,
+    "hex": "7238631b"
+  },
+  {
+    "input": "dicebear",
+    "hash": 1423093716,
+    "hex": "54d2afd4"
+  },
+  {
+    "input": "test:flip",
+    "hash": 2227271246,
+    "hex": "84c1764e"
+  },
+  {
+    "input": "test:scale",
+    "hash": 2146115897,
+    "hex": "7feb2139"
+  },
+  {
+    "input": "some-long-seed:optionName",
+    "hash": 217147276,
+    "hex": "0cf1678c"
+  },
+  {
+    "input": "é",
+    "hash": 1812687940,
+    "hex": "6c0b6c44"
+  },
+  {
+    "input": "日本語",
+    "hash": 1409693518,
+    "hex": "5406374e"
+  },
+  {
+    "input": "🎲",
+    "hash": 1060007403,
+    "hex": "3f2e6deb"
+  },
+  {
+    "input": "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
+    "hash": 1816453829,
+    "hex": "6c44e2c5"
+  }
+]
diff --git a/tests/fixtures/parity/generate.mjs b/tests/fixtures/parity/generate.mjs
new file mode 100644
index 0000000..e199062
--- /dev/null
+++ b/tests/fixtures/parity/generate.mjs
@@ -0,0 +1,811 @@
+// Generates the cross-language parity fixtures consumed by every port's test
+// suite. Re-run via `npm run fixtures:parity` whenever the JS implementation
+// legitimately changes; commit the diff and bring the other ports back in
+// sync.
+//
+// The generator deliberately uses the JS implementation as the reference.
+// The other ports are then expected to match these byte-for-byte.
+
+import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
+import {
+  Avatar,
+  Color,
+  OptionsDescriptor,
+  Style,
+} from '../../../src/js/core/lib/index.js';
+import { Prng } from '../../../src/js/core/lib/Prng.js';
+import { Fnv1a } from '../../../src/js/core/lib/Prng/Fnv1a.js';
+import { Mulberry32 } from '../../../src/js/core/lib/Prng/Mulberry32.js';
+import { Number } from '../../../src/js/core/lib/Utils/Number.js';
+import { Initials } from '../../../src/js/core/lib/Utils/Initials.js';
+
+const definitionsDir = join(
+  import.meta.dirname,
+  '..',
+  '..',
+  '..',
+  '..',
+  'styles',
+  'dist',
+);
+
+const STYLE_NAMES = ['initials', 'thumbs', 'glass', 'notionists', 'shape-grid'];
+
+// JSON.stringify leaves U+2028/U+2029 (line/paragraph separators) and BMP
+// private-use code points literal; editors flag those as unusual line
+// terminators or invisible glyphs. Rewrite them as \uXXXX so the committed
+// fixtures hold no such characters. Built from char codes so this source file
+// stays clean too.
+function escapeInvisible(json) {
+  let out = '';
+  for (const ch of json) {
+    const cp = ch.codePointAt(0);
+    if (cp === 0x2028 || cp === 0x2029 || (cp >= 0xe000 && cp <= 0xf8ff)) {
+      out += String.fromCharCode(0x5c) + 'u' + cp.toString(16).padStart(4, '0');
+    } else {
+      out += ch;
+    }
+  }
+  return out;
+}
+
+function writeJson(relPath, data) {
+  const filePath = join(import.meta.dirname, relPath);
+  mkdirSync(dirname(filePath), { recursive: true });
+  writeFileSync(filePath, escapeInvisible(JSON.stringify(data, null, 2)) + '\n');
+  console.log('  wrote', relPath);
+}
+
+// ---------------------------------------------------------------------------
+// Vendor style definitions
+// ---------------------------------------------------------------------------
+
+console.log('Copying style definitions…');
+const styles = {};
+for (const name of STYLE_NAMES) {
+  const raw = JSON.parse(
+    readFileSync(join(definitionsDir, `${name}.min.json`), 'utf8'),
+  );
+  styles[name] = raw;
+  writeJson(join('styles', `${name}.json`), raw);
+}
+
+// ---------------------------------------------------------------------------
+// Fnv1a fixtures
+// ---------------------------------------------------------------------------
+
+console.log('Generating fnv1a.json…');
+const fnv1aInputs = [
+  '',
+  'a',
+  'b',
+  'c',
+  'hello',
+  'test',
+  'foobar',
+  '123',
+  'dicebear',
+  'test:flip',
+  'test:scale',
+  'some-long-seed:optionName',
+  'é',
+  '日本語',
+  '🎲',
+  'a'.repeat(256),
+];
+
+writeJson(
+  'fnv1a.json',
+  fnv1aInputs.map((input) => ({
+    input,
+    hash: Fnv1a.hash(input),
+    hex: Fnv1a.hex(input),
+  })),
+);
+
+// ---------------------------------------------------------------------------
+// Mulberry32 fixtures
+// ---------------------------------------------------------------------------
+
+console.log('Generating mulberry32.json…');
+const mulberrySeeds = [0, 1, 2, 42, 100, 0x811c9dc5, 0xffffffff];
+
+writeJson(
+  'mulberry32.json',
+  mulberrySeeds.map((seed) => {
+    const m = new Mulberry32(seed);
+    const sequence = [];
+    for (let i = 0; i < 5; i++) {
+      const float = m.nextFloat();
+      sequence.push({ float, state: m.state() });
+    }
+
+    return { seed, sequence };
+  }),
+);
+
+// ---------------------------------------------------------------------------
+// Prng fixtures (key-based methods)
+// ---------------------------------------------------------------------------
+
+console.log('Generating prng.json…');
+
+const prngFixtures = {
+  getValue: [],
+  pick: [],
+  weightedPick: [],
+  bool: [],
+  float: [],
+  integer: [],
+  shuffle: [],
+};
+
+const getValueCases = [
+  { seed: 'test', key: 'flip' },
+  { seed: 'test', key: 'scale' },
+  { seed: 'test', key: 'rotate' },
+  { seed: 'test', key: 'borderRadius' },
+  { seed: 'test', key: 'fontWeight' },
+  { seed: 'hello', key: 'flip' },
+  { seed: 'hello', key: 'eyesVariant' },
+  { seed: 'dicebear', key: 'colorFill' },
+  { seed: '日本語', key: 'unicode-key' },
+  { seed: '', key: 'empty-seed' },
+];
+for (const c of getValueCases) {
+  prngFixtures.getValue.push({
+    ...c,
+    result: new Prng(c.seed).getValue(c.key),
+  });
+}
+
+// Supplementary-plane test characters, built via code point / code unit so the
+// source holds no literal control characters. U+1F600's UTF-16 lead surrogate
+// (D83D) sorts BEFORE U+E000 by code unit but AFTER it by code point — so these
+// pin that every port sorts by UTF-16 code units, not scalar values.
+const EMOJI = String.fromCodePoint(0x1f600);
+const PUA = String.fromCharCode(0xe000);
+
+const pickCases = [
+  { seed: 'test', key: 'a', items: ['a', 'b', 'c', 'd', 'e'] },
+  { seed: 'test', key: 'b', items: ['a', 'b', 'c', 'd', 'e'] },
+  { seed: 'test', key: 'c', items: ['a', 'b', 'c', 'd', 'e'] },
+  { seed: 'hello', key: 'eyes', items: ['blue', 'green', 'brown', 'hazel'] },
+  { seed: 'dicebear', key: 'variant', items: ['variant1', 'variant2', 'variant3'] },
+  { seed: 'test', key: 'single', items: ['only'] },
+  // pre-shuffled order to verify that sorting normalizes input
+  { seed: 'test', key: 'a', items: ['e', 'd', 'c', 'b', 'a'] },
+  // duplicates must be collapsed — same result as the unique set
+  { seed: 'test', key: 'a', items: ['a', 'a', 'b', 'b', 'c', 'c', 'd', 'd', 'e', 'e'] },
+  { seed: 'test', key: 'single', items: ['only', 'only', 'only'] },
+  // A two-element astral/BMP pair distinguishes the sort whichever index hits.
+  { seed: 'test', key: 'a', items: [EMOJI, PUA] },
+  { seed: 'hello', key: 'k', items: ['z', PUA, EMOJI, 'a'] },
+];
+for (const c of pickCases) {
+  prngFixtures.pick.push({
+    ...c,
+    result: new Prng(c.seed).pick(c.key, c.items),
+  });
+}
+
+const weightedPickCases = [
+  { seed: 'test', key: 'k', weights: { a: 1, b: 4, c: 2 } },
+  { seed: 'test', key: 'l', weights: { a: 1, b: 4, c: 2 } },
+  { seed: 'hello', key: 'k', weights: { a: 1, b: 4, c: 2 } },
+  { seed: 'test', key: 'k', weights: { heavy: 100, light: 1 } },
+  { seed: 'test', key: 'k', weights: { rare: 0, common: 1 } },
+  // insertion-order independence: same expected result as the first entry above
+  { seed: 'test', key: 'k', weights: { c: 2, a: 1, b: 4 } },
+  { seed: 'test', key: 'k', weights: { only: 1 } },
+  // fractional weights in non-sorted insertion order — locks in that every port
+  // sums in the same order (sorted), since float addition is non-associative
+  { seed: 'test', key: 'k', weights: { c: 0.1, a: 0.2, b: 0.3 } },
+  // Astral-plane keys: UTF-16 vs code-point sort order (see EMOJI/PUA above).
+  { seed: 'test', key: 'k', weights: { [EMOJI]: 1, [PUA]: 2, a: 3 } },
+];
+for (const c of weightedPickCases) {
+  prngFixtures.weightedPick.push({
+    ...c,
+    result: new Prng(c.seed).weightedPick(c.key, c.weights),
+  });
+}
+
+const boolCases = [
+  { seed: 'test', key: 'k', likelihood: 0 },
+  { seed: 'test', key: 'k', likelihood: 25 },
+  { seed: 'test', key: 'k', likelihood: 50 },
+  { seed: 'test', key: 'k', likelihood: 75 },
+  { seed: 'test', key: 'k', likelihood: 100 },
+  { seed: 'hello', key: 'flip', likelihood: 50 },
+  { seed: 'dicebear', key: 'flip', likelihood: 50 },
+];
+for (const c of boolCases) {
+  prngFixtures.bool.push({
+    ...c,
+    result: new Prng(c.seed).bool(c.key, c.likelihood),
+  });
+}
+
+const floatCases = [
+  { seed: 'test', key: 'k', range: { min: 0, max: 1 } },
+  { seed: 'test', key: 'k', range: { min: -10, max: 10 } },
+  { seed: 'test', key: 'k', range: { min: 10, max: 20 } },
+  { seed: 'test', key: 'k', range: { min: 20, max: 10 } }, // reversed
+  { seed: 'test', key: 'k', range: { min: 0, max: 100, step: 5 } }, // stepped
+  { seed: 'test', key: 'k', range: { min: 3, max: 23, step: 5 } }, // stepped, min not on step grid
+  { seed: 'parity-step', key: 'k', range: { min: -10, max: 10, step: 2.5 } }, // stepped, float step
+  { seed: 'test', key: 'k', range: { min: 10, max: 20, step: 0 } }, // step 0 → continuous
+  { seed: 'hello', key: 'scale', range: { min: 0.5, max: 1.5 } },
+  { seed: 'test', key: 'k', range: { min: 42, max: 42 } }, // fixed
+  // Negative value landing exactly on a .5 boundary after *10000
+  // (value = -0.40625 → -4062.5). Pins the rounding mode: the reference rounds
+  // half toward +Infinity (-0.4062), not away from zero (-0.4063).
+  { seed: '549449', key: 'colorAngle', range: { min: -1, max: 1 } },
+];
+for (const c of floatCases) {
+  prngFixtures.float.push({
+    ...c,
+    result: new Prng(c.seed).float(c.key, c.range),
+  });
+}
+
+const integerCases = [
+  { seed: 'test', key: 'k', range: { min: 1, max: 6 } },
+  { seed: 'test', key: 'k', range: { min: 0, max: 100 } },
+  { seed: 'test', key: 'k', range: { min: -50, max: 50 } },
+  { seed: 'test', key: 'k', range: { min: 10, max: 1 } }, // reversed
+  { seed: 'test', key: 'k', range: { min: 3, max: 10, step: 7 } }, // step ignored
+  { seed: 'test', key: 'k', range: { min: 5, max: 5 } }, // min == max
+  { seed: 'hello', key: 'fontWeight', range: { min: 100, max: 900 } },
+];
+for (const c of integerCases) {
+  prngFixtures.integer.push({
+    ...c,
+    result: new Prng(c.seed).integer(c.key, c.range),
+  });
+}
+
+const shuffleCases = [
+  { seed: 'test', key: 'k', items: [] },
+  { seed: 'test', key: 'k', items: ['only'] },
+  { seed: 'test', key: 'k', items: ['a', 'b', 'c'] },
+  { seed: 'test', key: 'k', items: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] },
+  { seed: 'hello', key: 'k', items: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] },
+  // pre-shuffled order to verify that sorting normalizes input
+  { seed: 'test', key: 'k', items: ['h', 'g', 'f', 'e', 'd', 'c', 'b', 'a'] },
+  // duplicates collapse — output length matches unique-set length
+  { seed: 'test', key: 'k', items: ['a', 'a', 'b', 'b', 'c', 'c'] },
+  // Astral-plane items: UTF-16 vs code-point sort order (see EMOJI/PUA above).
+  { seed: 'test', key: 'k', items: ['z', PUA, EMOJI, 'a'] },
+];
+for (const c of shuffleCases) {
+  prngFixtures.shuffle.push({
+    ...c,
+    result: new Prng(c.seed).shuffle(c.key, c.items),
+  });
+}
+
+writeJson('prng.json', prngFixtures);
+
+// ---------------------------------------------------------------------------
+// Number formatting fixtures
+// ---------------------------------------------------------------------------
+//
+// The renderer stringifies every numeric SVG attribute via `Number.format`,
+// which rounds to at most 5 decimal places. PHP's native float cast and
+// Python's `repr` would diverge from JS for small/large magnitudes, so each
+// port reimplements it (`DiceBear\Utils\Number::format`,
+// `dicebear.utils.Number.format`) and must reproduce it byte-for-byte. These pin
+// that contract — covering integers, plain decimals, values that round at the
+// 5th decimal, and tiny values that round down to 0.
+
+console.log('Generating numbers.json…');
+
+const numberInputs = [
+  0, 1, -1, 100, -50, 4096, 1000000,
+  0.5, 1.5, -1.5, 2.5, 0.1, 0.3, 12.34, 123.456, -148.722, 9999.9999,
+  0.00001, 0.00005, 0.0001, 0.000005, 0.0000005, 0.0000123456,
+  4.567872, 0.123456, 1.999995, 1.999994, 0.123455, 0.123445,
+  5e-7, 1e-7, 1.5e-6, 0.0009999999999999998, 4.9999999999999996e-6,
+  -4.567872, -0.000005, -0.0001,
+];
+
+writeJson(
+  'numbers.json',
+  numberInputs.map((input) => ({ input, output: Number.format(input) })),
+);
+
+// ---------------------------------------------------------------------------
+// Initials fixtures
+// ---------------------------------------------------------------------------
+//
+// `Initials.fromSeed` derives display initials for the `initials` style. The
+// `@`-stripping, quote-stripping, and `\p{L}` word matching are easy to get
+// subtly wrong per language (e.g. a regex that strips raw bytes instead of code
+// points would corrupt multibyte letters like ô/ü). These cases pin the
+// contract across ASCII, accented, quote-prefixed, email, CJK, and emoji seeds.
+
+console.log('Generating initials.json…');
+
+const initialsSeeds = [
+  'AB CD',
+  'café',
+  'über',
+  'côté',
+  'grün rot',
+  "l'eau",
+  'd´or',
+  'ʼtest',
+  'user@example.com',
+  'a',
+  '',
+  '日本語',
+  '🎲 spiel',
+  'Œuvre',
+  'rock-paper',
+  // The whole @ suffix is stripped, including line terminators (dotall): these
+  // seeds verify a CR / U+2028 / U+2029 right after `@` is removed, not kept.
+  'a@b' + String.fromCharCode(0x0d) + 'cd',
+  'a@b' + String.fromCharCode(0x2028) + 'cd',
+  'a@b' + String.fromCharCode(0x2029) + 'cd',
+  // Full Unicode case mapping (not simple 1:1): ß→SS, the fi ligature→FI, and
+  // Greek iota-subscript forms expand to two letters. Languages whose default
+  // uppercasing is simple-mapping only (Go strings.ToUpper, Dart VM
+  // toUpperCase) need a full-mapping implementation to pass these.
+  'ß test',
+  'fish bar',
+  'ᾀeolic text',
+];
+
+writeJson(
+  'initials.json',
+  initialsSeeds.map((seed) => ({ seed, result: Initials.fromSeed(seed) })),
+);
+
+// ---------------------------------------------------------------------------
+// Color fixtures
+// ---------------------------------------------------------------------------
+//
+// The color helpers feed both the resolver (contrast sorting picks colors, so
+// any drift changes rendered avatars) and public API consumers. `luminance`
+// involves float math (sRGB linearization with `** 2.4`), where rounding could
+// silently diverge between languages; the fixtures pin exact doubles.
+
+console.log('Generating colors.json…');
+
+// Covers 3-, 4-, 6- and 8-digit forms, with/without `#`, and mixed case.
+const hexInputs = [
+  '000',
+  '#000',
+  'abc',
+  '#AbC',
+  'f0f0',
+  '#F0f0',
+  'ff0000',
+  '#FF0000',
+  'ff000080',
+  '#ff000080',
+  '#1a2b3c',
+];
+
+const luminanceInputs = [
+  '#000000',
+  '#ffffff',
+  '#ff0000',
+  '#00ff00',
+  '#0000ff',
+  '#808080',
+  '#0a5b83',
+  '#69d2e7',
+  '#f88c49',
+  '#abc',
+  '#1a2b3c',
+  // Around the sRGB linearization threshold (s <= 0.04045 → channel <= ~10.3):
+  // 0x0a takes the linear branch, 0x0b the power branch.
+  '#0a0a0a',
+  '#0b0b0b',
+];
+
+const sortByContrastCases = [
+  {
+    candidates: ['#000000', '#ffffff', '#ff0000', '#0000ff'],
+    refColor: '#ffffff',
+  },
+  {
+    candidates: ['#69d2e7', '#0a5b83', '#f88c49', '#e0e4cc'],
+    refColor: '#000000',
+  },
+  // Equal ratios (same color in different notations) must keep input order —
+  // pins that every port sorts stably.
+  { candidates: ['#ff0000', 'ff0000', '#FF0000', '#f00'], refColor: '#00ff00' },
+  { candidates: [], refColor: '#000000' },
+  { candidates: ['#123456'], refColor: '#123456' },
+];
+
+const filterNotEqualToCases = [
+  { candidates: ['#ff0000', '#00ff00', '#0000ff'], excluded: ['ff0000'] },
+  // The alpha channel is stripped for comparison.
+  { candidates: ['#ff000080', '#00ff00'], excluded: ['#ff0000'] },
+  // Short forms normalize before comparison.
+  { candidates: ['#abc', '#def'], excluded: ['#aabbcc'] },
+  // Filtering would empty the list → falls back to the original candidates.
+  { candidates: ['#ff0000', 'ff0000'], excluded: ['#f00'] },
+  { candidates: ['#ff0000'], excluded: [] },
+];
+
+writeJson('colors.json', {
+  toHex: hexInputs.map((input) => ({ input, result: Color.toHex(input) })),
+  toRgbHex: hexInputs.map((input) => ({
+    input,
+    result: Color.toRgbHex(input),
+  })),
+  parseHex: hexInputs.map((input) => ({ input, result: Color.parseHex(input) })),
+  luminance: luminanceInputs.map((input) => ({
+    input,
+    result: Color.luminance(input),
+  })),
+  sortByContrast: sortByContrastCases.map((c) => ({
+    ...c,
+    result: Color.sortByContrast(c.candidates, c.refColor),
+  })),
+  filterNotEqualTo: filterNotEqualToCases.map((c) => ({
+    ...c,
+    result: Color.filterNotEqualTo(c.candidates, c.excluded),
+  })),
+});
+
+// ---------------------------------------------------------------------------
+// Validation fixtures
+// ---------------------------------------------------------------------------
+//
+// Pins which inputs every port must accept or reject. Only the accept/reject
+// outcome is shared — error messages are language-specific. The circular
+// color reference cases additionally pin the reported resolution chain.
+
+console.log('Generating validation.json…');
+
+const minimalStyle = { canvas: { width: 100, height: 100, elements: [] } };
+
+const styleValidationCases = [
+  { id: 'minimal', definition: minimalStyle },
+  {
+    id: 'with-component-and-color',
+    definition: {
+      canvas: { width: 100, height: 100, elements: [] },
+      components: {
+        shape: {
+          width: 100,
+          height: 100,
+          variants: { a: { elements: [] }, b: { elements: [] } },
+        },
+      },
+      colors: { fill: { values: ['#000000'] } },
+    },
+  },
+  { id: 'empty', definition: {} },
+  { id: 'missing-canvas', definition: { components: {} } },
+  { id: 'canvas-not-object', definition: { canvas: 'nope' } },
+  { id: 'canvas-missing-size', definition: { canvas: { elements: [] } } },
+  {
+    id: 'alias-to-unknown-component',
+    definition: {
+      canvas: { width: 100, height: 100, elements: [] },
+      components: { a: { extends: 'missing' } },
+    },
+  },
+  {
+    id: 'unknown-root-key',
+    definition: { canvas: { width: 100, height: 100, elements: [] }, unexpected: true },
+  },
+];
+
+const optionsValidationCases = [
+  { id: 'empty', options: {} },
+  { id: 'seed-string', options: { seed: 'x' } },
+  { id: 'seed-number', options: { seed: 123 } },
+  { id: 'size-min', options: { size: 1 } },
+  { id: 'size-zero', options: { size: 0 } },
+  { id: 'size-negative', options: { size: -5 } },
+  { id: 'size-float', options: { size: 12.5 } },
+  { id: 'size-huge', options: { size: 2000000 } },
+  { id: 'flip-valid', options: { flip: 'horizontal' } },
+  { id: 'flip-invalid', options: { flip: 'diagonal' } },
+  { id: 'rotate-in-range', options: { rotate: 360 } },
+  { id: 'rotate-out-of-range', options: { rotate: 361 } },
+  { id: 'scale-negative', options: { scale: -1 } },
+  { id: 'title-number', options: { title: 123 } },
+  { id: 'id-randomization-string', options: { idRandomization: 'yes' } },
+  { id: 'background-color-string', options: { backgroundColor: 'ff0000' } },
+  { id: 'background-color-list', options: { backgroundColor: ['ff0000'] } },
+  { id: 'background-color-invalid-hex', options: { backgroundColor: ['zzz'] } },
+  { id: 'unknown-option', options: { unknownOption: 1 } },
+];
+
+// A style whose canvas uses color `a`, so resolving it walks the (circular)
+// `contrastTo` chain.
+function circularStyle(colors) {
+  return {
+    canvas: {
+      width: 100,
+      height: 100,
+      elements: [
+        {
+          type: 'element',
+          name: 'rect',
+          attributes: { fill: { type: 'color', name: 'a' } },
+        },
+      ],
+    },
+    colors,
+  };
+}
+
+const circularColorCases = [
+  {
+    id: 'self-reference',
+    style: circularStyle({ a: { values: ['#000000'], contrastTo: 'a' } }),
+  },
+  {
+    id: 'two-color-cycle',
+    style: circularStyle({
+      a: { values: ['#000000'], contrastTo: 'b' },
+      b: { values: ['#ffffff'], contrastTo: 'a' },
+    }),
+  },
+  {
+    id: 'three-color-cycle',
+    style: circularStyle({
+      a: { values: ['#000000'], contrastTo: 'b' },
+      b: { values: ['#ffffff'], contrastTo: 'c' },
+      c: { values: ['#ff0000'], contrastTo: 'a' },
+    }),
+  },
+];
+
+const validationFixtures = {
+  styles: styleValidationCases.map((c) => {
+    let valid = true;
+    try {
+      new Style(c.definition);
+    } catch {
+      valid = false;
+    }
+
+    return { ...c, valid };
+  }),
+  // Validated against the `minimal` style above.
+  options: optionsValidationCases.map((c) => {
+    let valid = true;
+    try {
+      new Avatar(minimalStyle, c.options);
+    } catch {
+      valid = false;
+    }
+
+    return { ...c, valid };
+  }),
+  circularColors: circularColorCases.map((c) => {
+    try {
+      new Avatar(c.style, { seed: 'x' });
+    } catch (e) {
+      if (e.name !== 'CircularColorReferenceError') {
+        throw new Error(
+          `${c.id}: expected CircularColorReferenceError, got ${e.name}`,
+          { cause: e },
+        );
+      }
+
+      return { ...c, options: { seed: 'x' }, chain: e.chain };
+    }
+
+    throw new Error(`${c.id}: expected a circular color reference error`);
+  }),
+};
+
+writeJson('validation.json', validationFixtures);
+
+// ---------------------------------------------------------------------------
+// Avatar fixtures
+// ---------------------------------------------------------------------------
+
+console.log('Generating avatar fixtures…');
+
+const DATA_URI_CASE_IDS = new Set(['plain-seed', 'title-escaping']);
+
+function avatarCases(extra) {
+  return [
+    {
+      id: 'plain-seed',
+      options: { seed: 'parity-1' },
+    },
+    {
+      id: 'different-seed',
+      options: { seed: 'parity-2' },
+    },
+    {
+      id: 'size-scale-rotate',
+      options: { seed: 'parity-1', size: 256, scale: 2, rotate: 45 },
+    },
+    {
+      id: 'translate-border-flip',
+      options: {
+        seed: 'parity-1',
+        translateX: 10,
+        translateY: -5,
+        borderRadius: 50,
+        flip: 'horizontal',
+      },
+    },
+    {
+      id: 'background-solid',
+      options: {
+        seed: 'parity-1',
+        backgroundColor: ['ff0000'],
+        backgroundColorFill: ['solid'],
+      },
+    },
+    {
+      id: 'background-linear',
+      options: {
+        seed: 'parity-1',
+        backgroundColor: ['ff0000', '00ff00'],
+        backgroundColorFill: ['linear'],
+        backgroundColorAngle: [45, 45],
+      },
+    },
+    {
+      id: 'background-radial',
+      options: {
+        seed: 'parity-1',
+        backgroundColor: ['ff0000', '00ff00'],
+        backgroundColorFill: ['radial'],
+      },
+    },
+    // `size` and `title` together pin the resolution order of the resolved
+    // options snapshot (size is recorded before title).
+    {
+      id: 'title-size',
+      options: { seed: 'parity-1', size: 128, title: 'Parity Avatar' },
+    },
+    // XML-escaping of the <title> element: ampersand, angle brackets, both
+    // quote styles and a non-BMP code point.
+    {
+      id: 'title-escaping',
+      options: {
+        seed: 'parity-2',
+        title: 'Tom & Jerry\'s <"Avatar"> ' + EMOJI,
+      },
+    },
+    ...extra,
+  ];
+}
+
+const avatarFixtures = {
+  initials: avatarCases([
+    {
+      id: 'font-family-weight',
+      options: {
+        seed: 'Florian Körner',
+        fontFamily: ['Helvetica', 'Arial'],
+        fontWeight: 700,
+      },
+    },
+    {
+      id: 'variant-double',
+      options: { seed: 'AB CD', initialsVariant: ['double'] },
+    },
+    {
+      id: 'variant-single',
+      options: { seed: 'AB CD', initialsVariant: ['single'] },
+    },
+  ]),
+  thumbs: avatarCases([
+    {
+      id: 'eyes-mouth-variant',
+      options: {
+        seed: 'parity-1',
+        eyesVariant: ['variant1W10'],
+        mouthVariant: ['variant1'],
+      },
+    },
+    {
+      id: 'shape-color-override',
+      options: {
+        seed: 'parity-1',
+        shapeColor: ['ffaa00'],
+        eyesColor: ['000000'],
+        mouthColor: ['ff0000'],
+      },
+    },
+  ]),
+  glass: avatarCases([
+    {
+      id: 'shape-variants',
+      options: {
+        seed: 'parity-1',
+        shape1Variant: ['a'],
+        shape2Variant: ['g'],
+      },
+    },
+    {
+      id: 'shape1-probability-zero',
+      options: { seed: 'parity-1', shape1Probability: 0 },
+    },
+  ]),
+  notionists: avatarCases([
+    {
+      id: 'hair-eyes-variant',
+      options: {
+        seed: 'parity-1',
+        hairVariant: ['variant01'],
+        eyesVariant: ['variant01'],
+      },
+    },
+    {
+      id: 'gesture-variant',
+      options: {
+        seed: 'parity-1',
+        gestureVariant: ['waveLongArms'],
+      },
+    },
+  ]),
+  'shape-grid': avatarCases([
+    {
+      id: 'rows-variant-pinned',
+      options: { seed: 'parity-1', rowsVariant: ['rows04'] },
+    },
+    {
+      id: 'shape-variant-pinned',
+      options: { seed: 'parity-1', shapeVariant: ['square'] },
+    },
+    {
+      id: 'shape-probability-zero',
+      options: { seed: 'parity-1', shapeProbability: 0 },
+    },
+  ]),
+};
+
+for (const [styleName, cases] of Object.entries(avatarFixtures)) {
+  const styleData = styles[styleName];
+  const out = cases.map((c) => {
+    const avatar = new Avatar(styleData, c.options);
+    const json = avatar.toJSON();
+    // JSON-round-trip the resolved options so the fixture matches what
+    // any consumer would see after JSON.stringify — this drops undefined
+    // values like `size` and `title` when they were not provided.
+    const resolvedOptions = JSON.parse(JSON.stringify(json.options));
+
+    const result = { id: c.id, options: c.options, svg: json.svg, resolvedOptions };
+
+    // Pins the percent-encoding contract (JS `encodeURIComponent`: everything
+    // except `A-Za-z0-9-_.!~*'()` is escaped). Two cases per style suffice —
+    // the encoder is byte-level, so `plain-seed` (typical SVG markup) plus
+    // `title-escaping` (escaped XML + multi-byte UTF-8) cover the alphabet
+    // without doubling every fixture entry.
+    if (DATA_URI_CASE_IDS.has(c.id)) {
+      result.dataUri = avatar.toDataUri();
+    }
+
+    return result;
+  });
+  writeJson(join('avatars', `${styleName}.json`), out);
+}
+
+// ---------------------------------------------------------------------------
+// OptionsDescriptor fixtures
+// ---------------------------------------------------------------------------
+//
+// One descriptor per parity style. Pins the field map (types, ranges, sorted
+// variant lists, per-color fields) that tooling builds form controls from.
+
+console.log('Generating descriptor fixtures…');
+
+for (const [styleName, styleData] of Object.entries(styles)) {
+  const descriptor = new OptionsDescriptor(new Style(styleData)).toJSON();
+  writeJson(join('descriptors', `${styleName}.json`), descriptor);
+}
+
+console.log('Done.');
diff --git a/tests/fixtures/parity/initials.json b/tests/fixtures/parity/initials.json
new file mode 100644
index 0000000..c99d6de
--- /dev/null
+++ b/tests/fixtures/parity/initials.json
@@ -0,0 +1,86 @@
+[
+  {
+    "seed": "AB CD",
+    "result": "AC"
+  },
+  {
+    "seed": "café",
+    "result": "CA"
+  },
+  {
+    "seed": "über",
+    "result": "ÜB"
+  },
+  {
+    "seed": "côté",
+    "result": "CÔ"
+  },
+  {
+    "seed": "grün rot",
+    "result": "GR"
+  },
+  {
+    "seed": "l'eau",
+    "result": "LE"
+  },
+  {
+    "seed": "d´or",
+    "result": "DO"
+  },
+  {
+    "seed": "ʼtest",
+    "result": "TE"
+  },
+  {
+    "seed": "user@example.com",
+    "result": "US"
+  },
+  {
+    "seed": "a",
+    "result": "A"
+  },
+  {
+    "seed": "",
+    "result": ""
+  },
+  {
+    "seed": "日本語",
+    "result": "日本"
+  },
+  {
+    "seed": "🎲 spiel",
+    "result": "SP"
+  },
+  {
+    "seed": "Œuvre",
+    "result": "ŒU"
+  },
+  {
+    "seed": "rock-paper",
+    "result": "RP"
+  },
+  {
+    "seed": "a@b\rcd",
+    "result": "A"
+  },
+  {
+    "seed": "a@b\u2028cd",
+    "result": "A"
+  },
+  {
+    "seed": "a@b\u2029cd",
+    "result": "A"
+  },
+  {
+    "seed": "ß test",
+    "result": "SST"
+  },
+  {
+    "seed": "fish bar",
+    "result": "FIB"
+  },
+  {
+    "seed": "ᾀeolic text",
+    "result": "ἈΙT"
+  }
+]
diff --git a/tests/fixtures/parity/mulberry32.json b/tests/fixtures/parity/mulberry32.json
new file mode 100644
index 0000000..81b7692
--- /dev/null
+++ b/tests/fixtures/parity/mulberry32.json
@@ -0,0 +1,177 @@
+[
+  {
+    "seed": 0,
+    "sequence": [
+      {
+        "float": 0.26642920868471265,
+        "state": 1831565813
+      },
+      {
+        "float": 0.0003297457005828619,
+        "state": -631835670
+      },
+      {
+        "float": 0.2232720274478197,
+        "state": 1199730143
+      },
+      {
+        "float": 0.1462021479383111,
+        "state": -1263671340
+      },
+      {
+        "float": 0.46732782293111086,
+        "state": 567894473
+      }
+    ]
+  },
+  {
+    "seed": 1,
+    "sequence": [
+      {
+        "float": 0.6270739405881613,
+        "state": 1831565814
+      },
+      {
+        "float": 0.002735721180215478,
+        "state": -631835669
+      },
+      {
+        "float": 0.5274470399599522,
+        "state": 1199730144
+      },
+      {
+        "float": 0.9810509674716741,
+        "state": -1263671339
+      },
+      {
+        "float": 0.9683778982143849,
+        "state": 567894474
+      }
+    ]
+  },
+  {
+    "seed": 2,
+    "sequence": [
+      {
+        "float": 0.7342509443406016,
+        "state": 1831565815
+      },
+      {
+        "float": 0.32499843230471015,
+        "state": -631835668
+      },
+      {
+        "float": 0.28529605525545776,
+        "state": 1199730145
+      },
+      {
+        "float": 0.5379551574587822,
+        "state": -1263671338
+      },
+      {
+        "float": 0.8752879470121115,
+        "state": 567894475
+      }
+    ]
+  },
+  {
+    "seed": 42,
+    "sequence": [
+      {
+        "float": 0.6011037519201636,
+        "state": 1831565855
+      },
+      {
+        "float": 0.44829055899754167,
+        "state": -631835628
+      },
+      {
+        "float": 0.8524657934904099,
+        "state": 1199730185
+      },
+      {
+        "float": 0.6697340414393693,
+        "state": -1263671298
+      },
+      {
+        "float": 0.17481389874592423,
+        "state": 567894515
+      }
+    ]
+  },
+  {
+    "seed": 100,
+    "sequence": [
+      {
+        "float": 0.2043598669115454,
+        "state": 1831565913
+      },
+      {
+        "float": 0.31482121953740716,
+        "state": -631835570
+      },
+      {
+        "float": 0.531918739201501,
+        "state": 1199730243
+      },
+      {
+        "float": 0.8885124672669917,
+        "state": -1263671240
+      },
+      {
+        "float": 0.5522557524964213,
+        "state": 567894573
+      }
+    ]
+  },
+  {
+    "seed": 2166136261,
+    "sequence": [
+      {
+        "float": 0.6112444521859288,
+        "state": -297265222
+      },
+      {
+        "float": 0.4935242917854339,
+        "state": 1534300591
+      },
+      {
+        "float": 0.7740248835179955,
+        "state": -929100892
+      },
+      {
+        "float": 0.4122861116193235,
+        "state": 902464921
+      },
+      {
+        "float": 0.8122657814528793,
+        "state": -1560936562
+      }
+    ]
+  },
+  {
+    "seed": 4294967295,
+    "sequence": [
+      {
+        "float": 0.8964226141106337,
+        "state": 1831565812
+      },
+      {
+        "float": 0.189478256739676,
+        "state": -631835671
+      },
+      {
+        "float": 0.7156526781618595,
+        "state": 1199730142
+      },
+      {
+        "float": 0.9440599093213677,
+        "state": -1263671341
+      },
+      {
+        "float": 0.8452364315744489,
+        "state": 567894472
+      }
+    ]
+  }
+]
diff --git a/tests/fixtures/parity/numbers.json b/tests/fixtures/parity/numbers.json
new file mode 100644
index 0000000..8d253d0
--- /dev/null
+++ b/tests/fixtures/parity/numbers.json
@@ -0,0 +1,150 @@
+[
+  {
+    "input": 0,
+    "output": "0"
+  },
+  {
+    "input": 1,
+    "output": "1"
+  },
+  {
+    "input": -1,
+    "output": "-1"
+  },
+  {
+    "input": 100,
+    "output": "100"
+  },
+  {
+    "input": -50,
+    "output": "-50"
+  },
+  {
+    "input": 4096,
+    "output": "4096"
+  },
+  {
+    "input": 1000000,
+    "output": "1000000"
+  },
+  {
+    "input": 0.5,
+    "output": "0.5"
+  },
+  {
+    "input": 1.5,
+    "output": "1.5"
+  },
+  {
+    "input": -1.5,
+    "output": "-1.5"
+  },
+  {
+    "input": 2.5,
+    "output": "2.5"
+  },
+  {
+    "input": 0.1,
+    "output": "0.1"
+  },
+  {
+    "input": 0.3,
+    "output": "0.3"
+  },
+  {
+    "input": 12.34,
+    "output": "12.34"
+  },
+  {
+    "input": 123.456,
+    "output": "123.456"
+  },
+  {
+    "input": -148.722,
+    "output": "-148.722"
+  },
+  {
+    "input": 9999.9999,
+    "output": "9999.9999"
+  },
+  {
+    "input": 0.00001,
+    "output": "0.00001"
+  },
+  {
+    "input": 0.00005,
+    "output": "0.00005"
+  },
+  {
+    "input": 0.0001,
+    "output": "0.0001"
+  },
+  {
+    "input": 0.000005,
+    "output": "0.00001"
+  },
+  {
+    "input": 5e-7,
+    "output": "0"
+  },
+  {
+    "input": 0.0000123456,
+    "output": "0.00001"
+  },
+  {
+    "input": 4.567872,
+    "output": "4.56787"
+  },
+  {
+    "input": 0.123456,
+    "output": "0.12346"
+  },
+  {
+    "input": 1.999995,
+    "output": "2"
+  },
+  {
+    "input": 1.999994,
+    "output": "1.99999"
+  },
+  {
+    "input": 0.123455,
+    "output": "0.12346"
+  },
+  {
+    "input": 0.123445,
+    "output": "0.12345"
+  },
+  {
+    "input": 5e-7,
+    "output": "0"
+  },
+  {
+    "input": 1e-7,
+    "output": "0"
+  },
+  {
+    "input": 0.0000015,
+    "output": "0"
+  },
+  {
+    "input": 0.0009999999999999998,
+    "output": "0.001"
+  },
+  {
+    "input": 0.0000049999999999999996,
+    "output": "0"
+  },
+  {
+    "input": -4.567872,
+    "output": "-4.56787"
+  },
+  {
+    "input": -0.000005,
+    "output": "0"
+  },
+  {
+    "input": -0.0001,
+    "output": "-0.0001"
+  }
+]
diff --git a/tests/fixtures/parity/prng.json b/tests/fixtures/parity/prng.json
new file mode 100644
index 0000000..3c39d35
--- /dev/null
+++ b/tests/fixtures/parity/prng.json
@@ -0,0 +1,620 @@
+{
+  "getValue": [
+    {
+      "seed": "test",
+      "key": "flip",
+      "result": 0.5045499159023166
+    },
+    {
+      "seed": "test",
+      "key": "scale",
+      "result": 0.7226385520771146
+    },
+    {
+      "seed": "test",
+      "key": "rotate",
+      "result": 0.22723248694092035
+    },
+    {
+      "seed": "test",
+      "key": "borderRadius",
+      "result": 0.6822192724794149
+    },
+    {
+      "seed": "test",
+      "key": "fontWeight",
+      "result": 0.49608885939233005
+    },
+    {
+      "seed": "hello",
+      "key": "flip",
+      "result": 0.7123338067904115
+    },
+    {
+      "seed": "hello",
+      "key": "eyesVariant",
+      "result": 0.0353052020072937
+    },
+    {
+      "seed": "dicebear",
+      "key": "colorFill",
+      "result": 0.19068189896643162
+    },
+    {
+      "seed": "日本語",
+      "key": "unicode-key",
+      "result": 0.5431328006088734
+    },
+    {
+      "seed": "",
+      "key": "empty-seed",
+      "result": 0.39638678822666407
+    }
+  ],
+  "pick": [
+    {
+      "seed": "test",
+      "key": "a",
+      "items": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e"
+      ],
+      "result": "a"
+    },
+    {
+      "seed": "test",
+      "key": "b",
+      "items": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e"
+      ],
+      "result": "d"
+    },
+    {
+      "seed": "test",
+      "key": "c",
+      "items": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e"
+      ],
+      "result": "b"
+    },
+    {
+      "seed": "hello",
+      "key": "eyes",
+      "items": [
+        "blue",
+        "green",
+        "brown",
+        "hazel"
+      ],
+      "result": "blue"
+    },
+    {
+      "seed": "dicebear",
+      "key": "variant",
+      "items": [
+        "variant1",
+        "variant2",
+        "variant3"
+      ],
+      "result": "variant2"
+    },
+    {
+      "seed": "test",
+      "key": "single",
+      "items": [
+        "only"
+      ],
+      "result": "only"
+    },
+    {
+      "seed": "test",
+      "key": "a",
+      "items": [
+        "e",
+        "d",
+        "c",
+        "b",
+        "a"
+      ],
+      "result": "a"
+    },
+    {
+      "seed": "test",
+      "key": "a",
+      "items": [
+        "a",
+        "a",
+        "b",
+        "b",
+        "c",
+        "c",
+        "d",
+        "d",
+        "e",
+        "e"
+      ],
+      "result": "a"
+    },
+    {
+      "seed": "test",
+      "key": "single",
+      "items": [
+        "only",
+        "only",
+        "only"
+      ],
+      "result": "only"
+    },
+    {
+      "seed": "test",
+      "key": "a",
+      "items": [
+        "😀",
+        "\ue000"
+      ],
+      "result": "😀"
+    },
+    {
+      "seed": "hello",
+      "key": "k",
+      "items": [
+        "z",
+        "\ue000",
+        "😀",
+        "a"
+      ],
+      "result": "😀"
+    }
+  ],
+  "weightedPick": [
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "a": 1,
+        "b": 4,
+        "c": 2
+      },
+      "result": "b"
+    },
+    {
+      "seed": "test",
+      "key": "l",
+      "weights": {
+        "a": 1,
+        "b": 4,
+        "c": 2
+      },
+      "result": "b"
+    },
+    {
+      "seed": "hello",
+      "key": "k",
+      "weights": {
+        "a": 1,
+        "b": 4,
+        "c": 2
+      },
+      "result": "b"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "heavy": 100,
+        "light": 1
+      },
+      "result": "heavy"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "rare": 0,
+        "common": 1
+      },
+      "result": "common"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "c": 2,
+        "a": 1,
+        "b": 4
+      },
+      "result": "b"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "only": 1
+      },
+      "result": "only"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "c": 0.1,
+        "a": 0.2,
+        "b": 0.3
+      },
+      "result": "a"
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "weights": {
+        "😀": 1,
+        "\ue000": 2,
+        "a": 3
+      },
+      "result": "a"
+    }
+  ],
+  "bool": [
+    {
+      "seed": "test",
+      "key": "k",
+      "likelihood": 0,
+      "result": false
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "likelihood": 25,
+      "result": true
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "likelihood": 50,
+      "result": true
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "likelihood": 75,
+      "result": true
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "likelihood": 100,
+      "result": true
+    },
+    {
+      "seed": "hello",
+      "key": "flip",
+      "likelihood": 50,
+      "result": false
+    },
+    {
+      "seed": "dicebear",
+      "key": "flip",
+      "likelihood": 50,
+      "result": true
+    }
+  ],
+  "float": [
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 0,
+        "max": 1
+      },
+      "result": 0.1722
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": -10,
+        "max": 10
+      },
+      "result": -6.555
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 10,
+        "max": 20
+      },
+      "result": 11.7225
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 20,
+        "max": 10
+      },
+      "result": 11.7225
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 0,
+        "max": 100,
+        "step": 5
+      },
+      "result": 15
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 3,
+        "max": 23,
+        "step": 5
+      },
+      "result": 3
+    },
+    {
+      "seed": "parity-step",
+      "key": "k",
+      "range": {
+        "min": -10,
+        "max": 10,
+        "step": 2.5
+      },
+      "result": 5
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 10,
+        "max": 20,
+        "step": 0
+      },
+      "result": 11.7225
+    },
+    {
+      "seed": "hello",
+      "key": "scale",
+      "range": {
+        "min": 0.5,
+        "max": 1.5
+      },
+      "result": 1.4538
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 42,
+        "max": 42
+      },
+      "result": 42
+    },
+    {
+      "seed": "549449",
+      "key": "colorAngle",
+      "range": {
+        "min": -1,
+        "max": 1
+      },
+      "result": -0.4062
+    }
+  ],
+  "integer": [
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 1,
+        "max": 6
+      },
+      "result": 2
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 0,
+        "max": 100
+      },
+      "result": 17
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": -50,
+        "max": 50
+      },
+      "result": -33
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 10,
+        "max": 1
+      },
+      "result": 2
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 3,
+        "max": 10,
+        "step": 7
+      },
+      "result": 4
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "range": {
+        "min": 5,
+        "max": 5
+      },
+      "result": 5
+    },
+    {
+      "seed": "hello",
+      "key": "fontWeight",
+      "range": {
+        "min": 100,
+        "max": 900
+      },
+      "result": 825
+    }
+  ],
+  "shuffle": [
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [],
+      "result": []
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "only"
+      ],
+      "result": [
+        "only"
+      ]
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "a",
+        "b",
+        "c"
+      ],
+      "result": [
+        "b",
+        "c",
+        "a"
+      ]
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e",
+        "f",
+        "g",
+        "h"
+      ],
+      "result": [
+        "e",
+        "h",
+        "f",
+        "d",
+        "a",
+        "g",
+        "c",
+        "b"
+      ]
+    },
+    {
+      "seed": "hello",
+      "key": "k",
+      "items": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e",
+        "f",
+        "g",
+        "h"
+      ],
+      "result": [
+        "b",
+        "h",
+        "a",
+        "c",
+        "d",
+        "g",
+        "e",
+        "f"
+      ]
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "h",
+        "g",
+        "f",
+        "e",
+        "d",
+        "c",
+        "b",
+        "a"
+      ],
+      "result": [
+        "e",
+        "h",
+        "f",
+        "d",
+        "a",
+        "g",
+        "c",
+        "b"
+      ]
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "a",
+        "a",
+        "b",
+        "b",
+        "c",
+        "c"
+      ],
+      "result": [
+        "b",
+        "c",
+        "a"
+      ]
+    },
+    {
+      "seed": "test",
+      "key": "k",
+      "items": [
+        "z",
+        "\ue000",
+        "😀",
+        "a"
+      ],
+      "result": [
+        "z",
+        "😀",
+        "\ue000",
+        "a"
+      ]
+    }
+  ]
+}
diff --git a/tests/fixtures/parity/styles/glass.json b/tests/fixtures/parity/styles/glass.json
new file mode 100644
index 0000000..8d65e6e
--- /dev/null
+++ b/tests/fixtures/parity/styles/glass.json
@@ -0,0 +1,317 @@
+{
+  "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/glass.min.json",
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
+  "$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "„Glass” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
+    },
+    "creator": {
+      "name": "DiceBear",
+      "url": "https://www.dicebear.com"
+    },
+    "source": {
+      "name": "Glass",
+      "url": "https://www.dicebear.com"
+    }
+  },
+  "canvas": {
+    "elements": [
+      {
+        "name": "g",
+        "type": "element",
+        "attributes": {
+          "style": "mix-blend-mode:screen",
+          "opacity": ".6",
+          "filter": "url(#dicebearGlass-a)"
+        },
+        "children": [
+          {
+            "name": "shape02",
+            "type": "component",
+            "attributes": {
+              "transform": "translate(-25 -24.4)"
+            }
+          }
+        ]
+      },
+      {
+        "name": "g",
+        "type": "element",
+        "attributes": {
+          "style": "mix-blend-mode:screen",
+          "opacity": ".6",
+          "filter": "url(#dicebearGlass-b)"
+        },
+        "children": [
+          {
+            "name": "shape01",
+            "type": "component",
+            "attributes": {
+              "transform": "translate(-25 -24.4)"
+            }
+          }
+        ]
+      },
+      {
+        "name": "defs",
+        "type": "element",
+        "children": [
+          {
+            "name": "filter",
+            "type": "element",
+            "attributes": {
+              "id": "dicebearGlass-a",
+              "x": "-57",
+              "y": "-56.4",
+              "width": "214",
+              "height": "213.4",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "name": "feFlood",
+                "type": "element",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "r0"
+                }
+              },
+              {
+                "name": "feBlend",
+                "type": "element",
+                "attributes": {
+                  "in": "SourceGraphic",
+                  "in2": "r0",
+                  "result": "r1"
+                }
+              },
+              {
+                "name": "feGaussianBlur",
+                "type": "element",
+                "attributes": {
+                  "stdDeviation": "16",
+                  "result": "r2"
+                }
+              }
+            ]
+          },
+          {
+            "name": "filter",
+            "type": "element",
+            "attributes": {
+              "id": "dicebearGlass-b",
+              "x": "-57",
+              "y": "-56.4",
+              "width": "214",
+              "height": "213.4",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "name": "feFlood",
+                "type": "element",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "r0"
+                }
+              },
+              {
+                "name": "feBlend",
+                "type": "element",
+                "attributes": {
+                  "in": "SourceGraphic",
+                  "in2": "r0",
+                  "result": "r1"
+                }
+              },
+              {
+                "name": "feGaussianBlur",
+                "type": "element",
+                "attributes": {
+                  "stdDeviation": "16",
+                  "result": "r2"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ],
+    "width": 100,
+    "height": 100
+  },
+  "attributes": {
+    "fill": "none",
+    "shape-rendering": "auto"
+  },
+  "components": {
+    "shape": {
+      "width": 150,
+      "height": 149.4,
+      "rotate": {
+        "min": -160,
+        "max": 160
+      },
+      "translate": {
+        "x": {
+          "min": -50,
+          "max": 50
+        },
+        "y": {
+          "min": -50,
+          "max": 50
+        }
+      },
+      "variants": {
+        "a": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M42.6 147.4H0L48 1.9h54l48 145.5h-42.7L75.5 42h-1.1zm-8-57.4h80.1v29.6h-80z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "d": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M67 147.4H11V1.9h55.4q22.5 0 38.8 8.8a60 60 0 0 1 25.3 25q9 16.2 9 39 0 22.7-9 39a61 61 0 0 1-25 25 81 81 0 0 1-38.5 8.7m-16.5-33.5h15a44 44 0 0 0 18.5-3.5q7.6-3.4 11.6-12t4-23.7-4-23.7a24 24 0 0 0-12-12 47 47 0 0 0-19.2-3.5H50.5z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "e": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M22.2 147.4V1.9H127v31.9H61.7v25h59.9v31.8h-60v25h65.1v31.8z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "g": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M101.6 50a20 20 0 0 0-14.7-14.6q-3.9-1-8.5-1-10 0-17 4.7a30 30 0 0 0-10.6 13.7q-3.6 9-3.6 21.6 0 12.8 3.5 21.9 3.4 9 10.3 13.9a29 29 0 0 0 17.2 4.8q9 0 15-2.6 6-2.7 9-7.5t3-11.3l6.8.7H78.7V66.2h64.5v20.1q0 20-8.4 34a56 56 0 0 1-23.2 21.6Q97 149.4 78 149.4q-21.3 0-37.3-9t-25-25.7-9-39.7A87 87 0 0 1 12 43 67 67 0 0 1 50 5q13-5 27.6-5 12.9 0 24 3.7 11.1 3.6 19.7 10.3a50 50 0 0 1 20.2 36z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "i": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M94.8 2v145.4H55.3V1.9z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "n": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M138 2v145.4h-33L52.5 71h-1v76.4H12.2V1.9h33.5l51.7 76.2h1.2V1.9z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "r": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M17.6 147.4V1.9h62.8q16.2 0 28.3 6 12 5.8 18.9 17a50 50 0 0 1 6.7 26.5q0 15.6-7 26.3A43 43 0 0 1 108 94q-12.5 5.5-29 5.5H41.3V68.7H71q7 0 11.8-1.7a15 15 0 0 0 7.6-5.6 17 17 0 0 0 2.7-10q0-6.3-2.7-10.2a15 15 0 0 0-7.6-5.8q-4.9-2-11.8-2H57v114zm85.2-66.8 36.4 66.8h-43L60.9 80.6z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "t": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M11.7 33.8V1.9h126.5v31.9H94.4v113.6h-39V33.8z",
+                "fill": "white"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "shape01": {
+      "extends": "shape"
+    },
+    "shape02": {
+      "extends": "shape"
+    }
+  },
+  "colors": {
+    "background": {
+      "values": [
+        "#eb4747",
+        "#eb6247",
+        "#7eeb47",
+        "#62eb47",
+        "#47eb47",
+        "#47eb62",
+        "#47eb7e",
+        "#47eb99",
+        "#47ebb4",
+        "#47ebd0",
+        "#47ebeb",
+        "#47d0eb",
+        "#eb7e47",
+        "#47b4eb",
+        "#4799eb",
+        "#477eeb",
+        "#4762eb",
+        "#4747eb",
+        "#6247eb",
+        "#7e47eb",
+        "#9947eb",
+        "#b447eb",
+        "#d047eb",
+        "#eb9947",
+        "#eb47eb",
+        "#eb47d0",
+        "#eb4799",
+        "#eb477e",
+        "#eb4762",
+        "#ebb447",
+        "#ebd047",
+        "#ebeb47",
+        "#d0eb47",
+        "#b4eb47",
+        "#99eb47"
+      ]
+    }
+  }
+}
diff --git a/tests/fixtures/parity/styles/initials.json b/tests/fixtures/parity/styles/initials.json
new file mode 100644
index 0000000..77dc87f
--- /dev/null
+++ b/tests/fixtures/parity/styles/initials.json
@@ -0,0 +1,187 @@
+{
+  "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/initials.min.json",
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "„Initials” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
+    },
+    "creator": {
+      "name": "DiceBear",
+      "url": "https://www.dicebear.com"
+    },
+    "source": {
+      "name": "Initials",
+      "url": "https://www.dicebear.com"
+    }
+  },
+  "canvas": {
+    "elements": [
+      {
+        "type": "component",
+        "name": "initials"
+      }
+    ],
+    "width": 100,
+    "height": 100
+  },
+  "components": {
+    "initials": {
+      "height": 100,
+      "width": 100,
+      "variants": {
+        "alt": {
+          "weight": 0,
+          "elements": [
+            {
+              "name": "letters",
+              "type": "component"
+            }
+          ]
+        },
+        "default": {
+          "elements": [
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "style": "mix-blend-mode:overlay"
+              },
+              "children": [
+                {
+                  "name": "letters",
+                  "type": "component"
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "opacity": "0.5"
+              },
+              "children": [
+                {
+                  "name": "letters",
+                  "type": "component"
+                }
+              ]
+            }
+          ]
+        }
+      }
+    },
+    "letters": {
+      "height": 100,
+      "width": 100,
+      "variants": {
+        "single": {
+          "weight": 0,
+          "elements": [
+            {
+              "type": "element",
+              "name": "text",
+              "attributes": {
+                "x": "50%",
+                "y": "50%",
+                "font-family": {
+                  "type": "variable",
+                  "name": "fontFamily"
+                },
+                "font-weight": {
+                  "type": "variable",
+                  "name": "fontWeight"
+                },
+                "font-size": "50",
+                "fill": {
+                  "type": "color",
+                  "name": "text"
+                },
+                "text-anchor": "middle",
+                "dy": "17.8"
+              },
+              "children": [
+                {
+                  "type": "text",
+                  "value": {
+                    "type": "variable",
+                    "name": "initial"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        "double": {
+          "weight": 1,
+          "elements": [
+            {
+              "type": "element",
+              "name": "text",
+              "attributes": {
+                "x": "50%",
+                "y": "50%",
+                "font-family": {
+                  "type": "variable",
+                  "name": "fontFamily"
+                },
+                "font-weight": {
+                  "type": "variable",
+                  "name": "fontWeight"
+                },
+                "font-size": "50",
+                "fill": {
+                  "type": "color",
+                  "name": "text"
+                },
+                "text-anchor": "middle",
+                "dy": "17.8"
+              },
+              "children": [
+                {
+                  "type": "text",
+                  "value": {
+                    "type": "variable",
+                    "name": "initials"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      }
+    }
+  },
+  "colors": {
+    "background": {
+      "values": [
+        "#c44f4f",
+        "#ac6039",
+        "#8e6e2f",
+        "#777728",
+        "#627e2a",
+        "#48822b",
+        "#2d862d",
+        "#2b8248",
+        "#2b8265",
+        "#2a7e7e",
+        "#347a9d",
+        "#4b73c3",
+        "#6a6acd",
+        "#825ec9",
+        "#9f53c6",
+        "#bb3ebb",
+        "#c14497",
+        "#c34b73"
+      ]
+    },
+    "text": {
+      "values": [
+        "#ffffff",
+        "#000000"
+      ],
+      "contrastTo": "background"
+    }
+  }
+}
diff --git a/tests/fixtures/parity/styles/notionists.json b/tests/fixtures/parity/styles/notionists.json
new file mode 100644
index 0000000..a31c82a
--- /dev/null
+++ b/tests/fixtures/parity/styles/notionists.json
@@ -0,0 +1,4206 @@
+{
+  "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/notionists.min.json",
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
+  "$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "Remix of „Notionists” (https://heyzoish.gumroad.com/l/notionists) by „Zoish”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
+    },
+    "creator": {
+      "name": "Zoish",
+      "url": "https://bio.link/heyzoish"
+    },
+    "source": {
+      "name": "Notionists",
+      "url": "https://heyzoish.gumroad.com/l/notionists"
+    }
+  },
+  "canvas": {
+    "elements": [
+      {
+        "name": "head",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(532 491)"
+        }
+      },
+      {
+        "name": "clothes",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(151 1029.3)"
+        }
+      },
+      {
+        "name": "hair",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(266 221.9)"
+        }
+      },
+      {
+        "name": "mouth",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(791 872)"
+        }
+      },
+      {
+        "name": "beard",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(653 805)"
+        }
+      },
+      {
+        "name": "nose",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(901 669)"
+        }
+      },
+      {
+        "name": "eyes",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(805.2 732.6)"
+        }
+      },
+      {
+        "name": "glasses",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(610.3 681)"
+        }
+      },
+      {
+        "name": "eyebrows",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(775 657)"
+        }
+      },
+      {
+        "name": "gesture",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(0 559)"
+        }
+      }
+    ],
+    "width": 1744,
+    "height": 1744
+  },
+  "attributes": {
+    "fill": "none",
+    "shape-rendering": "auto"
+  },
+  "components": {
+    "beard": {
+      "width": 449.3,
+      "height": 312.1,
+      "probability": 10,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M253.6 88.3c-20.7-5.7-48.8-5.8-63.4.2C130 113.4 128 190 145.8 223.4c11.6 21.8 35.6 41.4 59.7 61 18.8 15.4 36.8 19.7 59.8 25l3.3.9a85 85 0 0 0 27.7 1.1q6.4-.5 13.3-.6c17 .1 32.8-11.3 44.3-21.8 18.9-17.3 32.6-38.3 30.4-65.5-1.1-14 2-26.7 8.4-39.2a96 96 0 0 0 10.4-65.3 40.4 40.4 0 0 0-37.5-33.8C343.2 83.7 290 99 290 99zm63.8 129.8-27.2 3.9c-21.2 20.7-60.3 24.6-73.8 11.4-21.7-21.1-16.2-30.5-11.9-38 1.8-3 3.4-5.8 2.7-8.9q7.8 5.7 14.2 11.8c6.8 6.1 13.1 12 21.4 15.2 3.9-6.2.6-9.2-2.3-12l-.3-.3a123 123 0 0 1-19.8-27c-10-16-1.3-33.2 17.8-35.8 15.2-2 22.7-3.1 29.2-6.1s12-7.7 23-17c13 12.4 30 15.3 47.3 17.7 11.2 1.6 16.7 11.5 15.2 22.7a63 63 0 0 1-12 26.2q-4.4 6.4-7.9 13.3l-.8 1.5c-1 1.6-2.1 3.3-.6 5.4 6.2.2 10.1-4.5 14-9.2 5.4-6.4 10.9-12.9 22.3-7.1-13 58.8-50.5 32.3-50.5 32.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M387.7 121.5c13.4-17.5 50-64.5 50-64.5s14 50.4 11.2 79.3a252 252 0 0 0-1 18.5c-.6 26-.6 27-78.6 119-33.1 39-95.3 41-117.3 36.7-73-14.6-160.3-130-180-180.6C54 83.4 0 0 0 0l31.2 5s39.1 23.2 56 67.3c8.7 22.7 59.7 88.2 134 52.4 17.7-8.6 35-16.7 55.5-14.5h.1c7.3.8 13.3 1.4 16 8.7 30.8-24.4 46.8-5.3 62.3 13q5 6.1 10.1 11.5c9.6-3.2 14.2-10 18.8-16.6zm-130.8 49c7.8 9 72.3 6.5 74.3-7.7 1.6-12-4.3-15.3-12.2-19.6a82 82 0 0 1-7.7-4.6c-18.3-12.8-78.7 4-54.4 32",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M247.6 145.3c-12 11.6-26 12-40 10-12.1-1.7-21-20-17-33 6-19.8 34.6-36.3 55.5-34.2 26.9 2.6 53.7 6.3 81 .7 25.1-5 49.3 9.3 54.3 30.2 5.3 22.1-2.2 30.4-24.7 28-11-1-21.6-5.2-30.4-11.9-25.1-19.1-56.5-9-78.7 10.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M272.7 104.6c-5.5 11.8-15.8 14-26 14.6-8.2.5-12.6-6.2-10.5-13.5a36 36 0 0 1 21.5-25c5.1-1.9 10.4-4.4 15.6-.2 5.7 4.6 4.4 10.6 3.3 16.4-.5 2.4-2.2 4.6-3.9 7.7m70.1 17.7c-14.3-3-21.2-13.2-27.3-23.9-5.8-10 3.2-13.6 9.7-16.8 7.4-3.7 21 5 25.3 16.5 3.6 9.2 6.5 19.2-7.7 24.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M228.4 117.6c-21.6 3.1-40.3-2.1-61.6 3.7-4.3 1.2-9 0-11-2.7-2.3-3.4 3.5-5.5 6.2-7.8 16.7-14.3 34.5-27.4 59.2-26 10.4.6 20 3 30.7 3.1 3.6 0 7.4-.4 10.6.3 5.2 1.2 14.6-1 13.5 6.2-1 6.3-7.4 11-15 13-10.8 2.8-21 7.1-32.6 10.2m123.2-2c21.6 3.1 40.3-2.1 61.6 3.7 4.3 1.2 9 0 11-2.7 2.3-3.4-3.5-5.5-6.2-7.8-16.7-14.3-34.5-27.4-59.2-26-10.4.6-20 3-30.7 3.1-3.6 0-7.4-.4-10.6.3-5.2 1.2-14.6-1-13.5 6.2 1 6.3 7.4 11 15 13 10.8 2.8 21 7.1 32.6 10.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M216.6 81.8c17.1 0 33.2-1.6 49.1 1.8 12 2.6 15 7.8 11.9 22.6-2.4 11.5-31.6 4.6-54 4.4-7.4-.1-30.4 2.6-36.2 7-4.5 3.4-9 6.1-14.8 5.7-.2-14.2 21-34.2 44-41.5m124.5 33.6c-9 .7-39.4 1.6-39.4-16.7q0-10.7 6.2-13.7c16.1-8 32.6-.5 52.4 4.6 10 2.6 12.4 8 19 15.7 4.5 5.3 2 9.8-5 10-10.7.4-21.3.1-33.2 0",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M232.7 76.6c13.8-9.2 26.5-6 38.8 1.8 5.1 3.2 10.2 8 9.4 15.5-.7 6.6-6.6 7.5-11.3 10-17.6 8.9-37 10-54.9 17.4a141 141 0 0 0-24.9 14.7c-4.1 2.9-8.1 4-12.3 2-4.7-2-3.6-7.5-3.8-12-.1-3.8.2-7.7-.1-11.5-1.6-20.6-1-21.6 17-23.6 2.2-.2 4.4-.5 5.5-3 8.8-17.8 22-16.2 36.6-11.3m177.6 33.9c2.5 10.3-2 14-8.8 13.4-24.5-2.4-49.3-3.5-72.8-13.8-6-2.7-14.3-4.7-13.7-13.4.8-10 8.1-16.3 16-20.2 4.3-2.2 8.8-3.7 13-6.1 11.9-7 19.3-6 28.8 5.7 2 2.6 3.4 4.7 7 4.2 12.3-1.8 20.4 4.8 24.7 18.5 1.2 4 3.6 7.3 5.8 11.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M303.2 282.3c-80.1 2-172.3-72.2-169.7-84.8 2.3-11.3 50.5 2 56.4 6.4a130 130 0 0 0 43.1 21.6c10.5 2.7 20-1.2 28.2-8.2 5.7-4.8 10.1-14 3.3-28.3-2.3-4.8-5.1-10-3-15.2 2.2-5.3 5.7-7.7 10.3-5 15.2 9.1 29.2 10.6 42.6 0 7-5.5 12.7 5.9 12.3 21.5-.5 19.5 2.8 23.2 13.4 20.7 11.4-2.8 22.7-24.6 32-35.4 108.1-126.5-4 54.2-4.8 56-11.3 27-45.5 45.5-64.1 50.7",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M329 101.5c15-19 23.4-19.3 40.8-1.4 5.8 6 12.6 9.8 17 18.4 1.9 3.8 5.4 7.2 3.7 12.4-1.8 5.4-4.7 9.3-9.5 8.2q-7.7-1.6-15-4.8c-9.4-4.5-18.6-10-28.4-12.5s-13.1-10.4-8.7-20.3m-61.9 0c-15-19-23.5-19.3-41-1.4-5.7 6-12.5 9.8-16.9 18.4-1.9 3.8-5.4 7.2-3.7 12.4 1.8 5.4 4.7 9.3 9.5 8.2q7.7-1.6 15-4.8c9.4-4.5 18.6-10 28.4-12.5s13.1-10.4 8.7-20.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M406.9 115c-3.2 6.7-10.3 9-18.3 5.2-15.6-7.3-34-10.3-52.8-13.1q-5.4-1-11.2-1.2c-26-.2-26-.2-27.2-15.5L296 94c-5.4 11.8-5.4 12.4-27.4 11.7-16.5-.6-30.7 3.1-45.4 6-10 1.9-19.6 4.2-30.3 4.9-5.4.3-11 .6-13.8-2-2.9-2.7-3.1-6.5.4-9 9.2-6.6 14.2-14.7 23.5-21.3a53 53 0 0 1 47-9.6c14.7 3 31 3 44 8.8q3.8 1.3 8.5.1c12.7-2.7 26-3.8 39.4-5.2 32.1-3.2 39.9 3.3 57.6 16 8.6 6 7.4 13 7.3 20.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M219.4 134.6c-15.3 0-25-7-27.6-18.5-2.8-13.1 4.9-27.4 17.2-34 13-7 27.5-5.5 40-3.2 14.5 2.7 29.7 1.9 43.7 7a16 16 0 0 0 12.3-.2 39 39 0 0 1 17.6-2.7 296 296 0 0 0 42.8-.3c13.4-.9 22.2 7.5 26.1 22.6 2.5 9.3-3.8 23-13.3 28a34 34 0 0 1-34-.5c-6.8-3.7-12.9-6.4-21.4-2.9a20 20 0 0 1-19.6-2c-4.3-3.5-8.2-3.9-12.8-1.3-1.4.8-3.7 1.7-4.9 1-14.6-7-29.4-2.2-44.3-1.4-8.4.4-13 8-21.8 8.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M138.5 199.8c0-10 62.6 41.1 126.8 25 24.4-6.1 16.3-36.7 16.3-36.7l22.6-2.3s-3.3 28.5 5.3 32c36.5 14.4 81.5-48.4 84.9-33 5.5 25.1-19.6 60.3-28 74-12.3 19.6-35.4 40.6-51.2 43.4-82.2 14.9-176.7-72.5-176.7-102.4m80.9-65.2c-15.3 0-25-7-27.6-18.5-2.8-13.1 4.9-27.4 17.2-34 13-7 27.5-5.5 40-3.2 14.5 2.7 29.7 1.9 43.7 7a16 16 0 0 0 12.3-.2 39 39 0 0 1 17.6-2.7 296 296 0 0 0 42.8-.3c13.4-.9 22.2 7.5 26.1 22.6 2.5 9.3-3.8 23-13.3 28a34 34 0 0 1-34-.5c-6.8-3.7-12.9-6.4-21.4-2.9a20 20 0 0 1-19.6-2c-4.3-3.5-8.2-3.9-12.8-1.3-1.4.8-3.7 1.7-4.9 1-14.6-7-29.4-2.2-44.3-1.4-8.4.4-13 8-21.8 8.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M138.5 199.8c0-10 62.6 41.1 126.8 25 24.4-6.1 16.3-36.7 16.3-36.7l22.6-2.3s-3.3 28.5 5.3 32c36.5 14.4 81.5-48.4 84.9-33 5.5 25.1-19.6 60.3-28 74-12.3 19.6-35.4 40.6-51.2 43.4-82.2 14.9-176.7-72.5-176.7-102.4",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "clothes": {
+      "width": 1383,
+      "height": 744.7,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1342.2 729.1 33.7 730s72.9-280.3 92.3-312.5c19.5-32.1 97.6-140.4 96.7-158.8s1.5-83.8 14.7-109.6c13.2-26 55.2-61.3 71.6-64 16.4-2.5 71.7-5 106.2-13.7S481.6 52 516.7 52c5.7 0 .2 12.5.2 12.5s1.8 122.3 164.8 130C803.2 200.3 843.4 77 843.4 77s-26.7-23.8-18.6-24.4c95.6-8.2 145.7 13.2 174.7 18.8 26.8 5.2 49.2 5.2 76 24.2 30.7 21.7 46.5 71 80.9 146.5 39.3 86.6 194.1 349.3 185.8 487.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1030.5 732.2q-1-25.5-1.5-50.9c-.8-37.1-1.6-74.3-6.4-111.5q-6.7-51-15-101.9A2955 2955 0 0 0 974 302.1a307 307 0 0 0-19.3-55.3c-5.7-13-10.4-26.4-15.2-39.8-5.5-15.3-11-30.6-17.8-45.4q-1.9-3.8-4.2-7.4c-3-4.5-6-9.3-7.5-16.4-47.5 93.4-120.4 141.8-223.2 142.3-101.2.4-176-46.2-230.6-130.3-8.6 7-12.5 17-16 26l-1.4 3.3c-18.6 45.9-36 92-41.5 142.2-3.1 29-7.6 58-12 86.8l-1.8 11.4c-6.9 45.2-13 90.7-16.2 136.4-4.3 58-8.8 116-13.4 175.2-4.7 1.1-9.1 1.1-14.6 1.1a688 688 0 0 0 5.2-74.8c1.6-49.7 7.3-99 13-148.2l4.6-40.6c3-28 7-56 11.1-83.8 4-27.5 8-55 11-82.7 4.9-44 21.9-85.2 40-125.6l.8-2c10.4-23.3 20.8-46.7 37.5-66.5a174 174 0 0 1 44.8-39c13.9-8.1 18.4-6.4 23.1 9 9.6 31.5 26.3 58.5 53.3 76.9 42.8 29 89 42.2 141.3 26.9 36.5-10.7 66.6-29.1 88.3-60.2 8.4-12 16-25 18.5-40l-5.6-2.2q-6.5-2.3-12.5-5c-3-1.3-6.8-3-5.2-7.4 1.2-3.4 4-5.9 7.8-5.3 33.1 4.5 64.5 11.7 86.4 41.1a347 347 0 0 1 47.4 89.2l7.5 20.4A1115 1115 0 0 1 992 314.6q5.2 20.7 9.1 41.7l3.6 17.9 5.2 23.7c4 18.2 8 36.3 10.9 54.7l6.2 37.8c6 35.8 12.2 71.7 13.8 108.2q1.3 27 3.4 54 1.7 22.5 3 45.3a163 163 0 0 1-1.3 25l-.8 8.6q-7.2 1-14.6.7M845.4 91.7c-8 18.5-15.8 37-29.3 52.4-34.3 39.1-78.7 57-129.4 58.5-34 1-67.5-6-97-25-28.5-18.4-53-40.7-65-74l-1.2-3.8c-2-5.8-4-11.8-8.6-16-13.2 3-16.7 11.3-14.6 23l.9 5.8c.5 4 1 8 2.4 11.7 12.5 35.4 37 61.4 68.3 80.4a202 202 0 0 0 80.8 28.5c60.4 7.5 116.5-.5 166.3-37.8a128 128 0 0 0 53.4-90.4c1.7-15-7.2-22-24.7-18.7zm-361.2 15.8c20 82 77 121.4 153.7 138.6 39 9.8 76 8.2 113.1-1.5 41.3-10.7 77.6-29.3 104.8-63 16.6-20.8 28.9-43.7 29.3-71.6 15 7.8 16.5 13.2 6.5 32a229 229 0 0 1-96.6 97.8c-46.4 24-96.4 30.4-148.6 22.5-54.2-8.1-98.7-33.7-137.7-70.4a246 246 0 0 1-35.2-45.3l-6.8-10.3c-2.7-4-1-7.2 1.7-10.3l10.7-12.5z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M242 732.2c4.6-15.4 6.3-31.3 8-47.3q1.2-12 2.9-24l2.7-18c3.5-24.2 7-48.4 12.4-72.4l5-20.5c3.1-13.3 6.3-26.6 8.7-40.1q6-34.6 20.4-66.9a251 251 0 0 0 22.2-102 470 470 0 0 1 4.7-52.5q2.7-19.5 4.1-39c1.6-24.7.4-49-1-75.6q-5.7 4.5-11 9a714 714 0 0 1-22 17.6c-43 32.4-76.4 73.2-105 118a613 613 0 0 0-29.8 54.7q-5.6 11.3-11.4 22.4a833 833 0 0 0-40.3 94.3q-3.1 8.6-6.4 17c-17.9 47-35.8 94.3-42.8 144.5-2 14.4-6 28.2-9.9 42.1-3.5 12.4-7 24.8-9.3 37.9-5.5 1-10.8 1-17.1 1l2.8-9.8c8.4-29.5 17-59.1 21.3-90 2.1-15.6 6.6-31 11.1-46.2l3-10.5c4.5-15.5 10.3-30.5 16-45.5Q89 511 95.4 490.8c4.9-15.8 11.5-31.2 18-46.5q3.8-8.5 7.3-17a1007 1007 0 0 1 59-116.3l.3-.5c7.4-12.9 15-26.1 26-36.7 8.7-8.3 9.2-19 9.7-29.7a105 105 0 0 1 2.4-20.1c5-31.7 10.1-63.6 26.2-91.8 16.8-29.4 44.6-45.7 77-53.6q35.5-8.7 71.8-11c10-.5 19.8-3.7 29.6-6.9q7.8-2.7 15.8-4.7l15-4c19.2-5.1 38.3-10.3 58.5-9.4h1c4 .2 8.3.3 9 5.5.6 5.1-3 5.8-6.6 6.5l-2 .4-42 9.9q-39.6 9.6-79.4 18.4c-11.5 2.5-23.5 3.2-35.4 4l-8.8.6c-8.6.6-16.7 1.7-23.8 6.3 25.8 16.1 41 37.8 40.6 68.8-.3 18.3.5 36.5 1.2 54.8 1 24.1 2 48.2.6 72.3q-2.7 47.1-9.9 93.8-3.9 27.2-6.8 54.6-2.9 25.8-6.4 51.5c-2.5 17-4.1 34.2-5.8 51.3q-2 23.7-5.2 47.4c-2.6 18.5-4.4 37-6.3 55.6q-2.3 24.1-5.3 48.2-.6 6-1 12.3c-.5 8.7-1 17.5-4 26.5q-8.6 1.5-17 0a770 770 0 0 0 16.7-101l.4-3.8q2.8-24.7 4.9-49.6c2.3-27 4.7-54 9.3-80.8a345 345 0 0 0 3.5-32.5c1.1-14.1 2.2-28.2 5.5-42.1a595 595 0 0 0 13-106c2.8-52.3 3.5-104.8.3-157-1-16.7-4.6-33.5-19.5-47q2.4 7.5 5 14.3c3.7 9.8 7.2 19 8 28.5A779 779 0 0 1 348 237c-.5 32.2-4 64.2-7.6 96.2l-3.5 33.1c-3.6 36.3-8.7 72.3-13.9 108.3l-6.7 48.1q-2.8 21.8-5 43.7-2.4 26.3-6.1 52.4-2.3 16.6-3.6 33.3c-1.7 18.5-3.3 37-8 55.1q-.4 1.9-1 3.7c-1.9 6.8-4 14-.5 21.3a100 100 0 0 1-16.7-1q1.3-11.6 3.2-22.7 1.6-9.7 2.8-19.6l4.5-40.9 5-45.1q4.7-43.5 10.7-86.8l5-37q-3.1 12.3-6.8 24.1c-3.5 11.5-7 22.9-8.8 34.6q-4 25-9.6 50c-4.5 21.5-9 43-11.6 65l-3.1 22.7a361 361 0 0 0-5.3 56.7zM302.4 178a94 94 0 0 1 20.5-17c6.7-3.8 8.6-10 6.2-16.3-1.2-3-1.6-6.5-2.1-9.9-1.1-7.8-2.2-15.7-11.6-19.7-5-2.2-9.8-.3-13.3 2.2a71 71 0 0 0-17.4 16.6c-17.2 26-26.7 55.2-35.7 88.3 11-11 22.2-19.5 33.3-28.1q10.2-7.7 20.1-16m-37.6-40c-9.8 23.6-19.7 47-22 73a56 56 0 0 1-11.4 31.2l3.7-18c6.8-33.4 13.6-66.9 33.8-96zM1303.5 587c15.8 47 24.1 96 31.6 145.2 5.5 0 10 0 14.6-1-4-39.4-12.7-76.7-21.4-114l-.2-.6c-4-17.6-9.8-34.7-15.6-51.8l-5-15a1501 1501 0 0 0-43.6-120.6 661 661 0 0 0-30.5-60q-7-12.7-13.3-25.7a333 333 0 0 0-35.9-59.7c-5.8-7.4-11.8-14.9-14.5-23.3a2262 2262 0 0 0-37.2-102.7 156 156 0 0 0-32.7-54c-20.4-21-48-28.5-75.1-35q-34.5-8-69.2-14.5L915 46a354 354 0 0 0-103.9-6c-5.5.5-10 1.8-12 10.6 14.6 1.7 29.2 2 43.7 2.4 24.2.7 48.4 1.3 72.4 7.9 25.2 6.8 51 12.3 77.4 17.9q18.7 3.8 37.9 8.1c-9.2 9.7-9.5 19.4-9.8 29l-.1 4.5c-.8 14 1.4 27.7 3.5 41.4 1.5 9.4 3 18.8 3.5 28.2 2.4 44.8 9.6 89 16.8 133l1.3 8.4c3.5 21.3 6 42.7 8.5 64 2.3 19 4.5 38.1 7.5 57 4.7 31 6.4 62.4 8.1 93.7 1.2 21.3 2.4 42.6 4.5 63.9q3 31.5 5.1 63.3 2 29.4 4.7 58.8h11.8c-.6-49.1-4.2-98-7.9-147q-2.8-37.8-5.2-75.4a769 769 0 0 0-7-62.6l-4.4-32.2c-3.7-31.7-8.7-63.2-13.7-94.7-4.3-27.2-8.6-54.3-12-81.6q-2.8-19.7-6-39.3c-4.6-27.2-9-54.3-9.4-82-.1-11 3.4-19.7 12.5-27-14.6 30.1-8.2 59.2-1.8 88q2.6 11.5 4.6 22.8 1.8 10 4 20c2.7 13.4 5.5 26.7 6.2 40.2.6 11.2 2.8 22 4.8 32.7q2.4 11.2 4 22.7 3.8 29.5 8.8 59c5 30.6 10 61.2 12.2 92.3 1.8 26.5 7 52.9 12 79l.7 4c2.5 12.8 3 25.8 3.4 38.4l.1 2.1a972 972 0 0 0 4.2 55.3 754 754 0 0 1 4.5 72l-.3 4.4q-.3 3.6-.1 8a47 47 0 0 0 11.4 1c2.7-45.3-.4-90.4-4.4-138 14 40 21 79.4 28 119.4l3 17.4q8.2 1.6 16.5.3c-4-8.8-4.6-17.9-5.2-26.8q-.5-8.4-2-16.5l-3.4-14.6c-7.8-35-15.6-70-30-103.5l-3.1-6.9a74 74 0 0 1-8.3-25.2c-1.1-15-4.1-29.7-7-44.2l-2.5-12.3a724 724 0 0 1-7.8-56c-2.2-19.1-4.4-38.3-8.1-57.3q-5.5-28.2-10.1-56.6c-5-29.5-10-59-17-88.3l-2-8.4a204 204 0 0 1-6.7-36.9q2.4 1 4.4 1.6 3.5 1 5.7 2.5l1 .8c31.2 24 62.6 48.2 87.1 79.5a488 488 0 0 1 56 87.2q8.8 18 18 35.9a951 951 0 0 1 37.1 78c11.8 28.9 21.4 58.5 31 88q5.7 18 11.7 35.6m-243.6-422.8c-6.1-3.5-10.4-8.2-11.4-15.4a65 65 0 0 1-2.9-33.4c2.2-15.3 12.7-19.6 26.5-13 19.9 9.3 28.6 27.5 37.1 45.2l2.7 5.5c8.2 16.9 15 34.5 22.2 53.2l10 26-11.4-10.8a453 453 0 0 0-55.4-46.7q-8.5-5.6-17.4-10.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "transform": "translate(424 305.7)",
+                "style": "mix-blend-mode:difference"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component"
+                }
+              ]
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1342.2 729.1 33.7 730s72.9-280.3 92.3-312.5c19.5-32.1 97.6-140.4 96.7-158.8s1.5-83.8 14.7-109.6c13.2-26 55.2-61.3 71.6-64 16.4-2.5 71.7-5 106.2-13.7S481.6 52 516.7 52c5.7 0 .2 12.5.2 12.5s1.8 122.3 164.8 130C803.2 200.3 843.4 77 843.4 77s-26.7-23.8-18.6-24.4c95.6-8.2 145.7 13.2 174.7 18.8 26.8 5.2 49.2 5.2 76 24.2 30.7 21.7 46.5 71 80.9 146.5 39.3 86.6 194.1 349.3 185.8 487.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1030.5 732.2q-1-25.5-1.5-50.9c-.8-37.1-1.6-74.3-6.4-111.5q-6.7-51-15-101.9A2955 2955 0 0 0 974 302.1a307 307 0 0 0-19.3-55.3c-5.7-13-10.4-26.4-15.2-39.8-5.5-15.3-11-30.6-17.8-45.4q-1.9-3.8-4.2-7.4c-3-4.5-6-9.3-7.5-16.4-47.5 93.4-120.4 141.8-223.2 142.3-101.2.4-176-46.2-230.6-130.3-8.6 7-12.5 17-16 26l-1.4 3.3c-18.6 45.9-36 92-41.5 142.2-3.1 29-7.6 58-12 86.8l-1.8 11.4c-6.9 45.2-13 90.7-16.2 136.4-4.3 58-8.8 116-13.4 175.2-4.7 1.1-9.1 1.1-14.6 1.1a688 688 0 0 0 5.2-74.8c1.6-49.7 7.3-99 13-148.2l4.6-40.6c3-28 7-56 11.1-83.8 4-27.5 8-55 11-82.7 4.9-44 21.9-85.2 40-125.6l.8-2c10.4-23.3 20.8-46.7 37.5-66.5a174 174 0 0 1 44.8-39c13.9-8.1 18.4-6.4 23.1 9 9.6 31.5 26.3 58.5 53.3 76.9 42.8 29 89 42.2 141.3 26.9 36.5-10.7 66.6-29.1 88.3-60.2 8.4-12 16-25 18.5-40l-5.6-2.2q-6.5-2.3-12.5-5c-3-1.3-6.8-3-5.2-7.4 1.2-3.4 4-5.9 7.8-5.3 33.1 4.5 64.5 11.7 86.4 41.1a347 347 0 0 1 47.4 89.2l7.5 20.4A1115 1115 0 0 1 992 314.6q5.2 20.7 9.1 41.7l3.6 17.9 5.2 23.7c4 18.2 8 36.3 10.9 54.7l6.2 37.8c6 35.9 12.2 71.7 13.8 108.2q1.3 27 3.4 54 1.7 22.5 3 45.3a163 163 0 0 1-1.3 25l-.8 8.6q-7.2 1-14.6.7M845.4 91.7c-8 18.5-15.8 37-29.3 52.4-34.3 39.1-78.7 57-129.4 58.5-34 1-67.5-6-97-25-28.5-18.4-53-40.7-65-74l-1.2-3.8c-2-5.8-4-11.8-8.6-16-13.2 3-16.7 11.3-14.6 23l.9 5.8c.5 4 1 8 2.4 11.7 12.5 35.4 37 61.4 68.3 80.4a202 202 0 0 0 80.8 28.5c60.4 7.5 116.5-.5 166.3-37.8a128 128 0 0 0 53.4-90.4c1.7-15-7.2-22-24.7-18.7zm-361.2 15.8c20 82 77 121.4 153.7 138.6 39 9.8 76 8.2 113.1-1.5 41.3-10.7 77.6-29.3 104.8-63 16.6-20.8 28.9-43.7 29.3-71.6 15 7.8 16.5 13.2 6.5 32a229 229 0 0 1-96.6 97.8c-46.4 24-96.4 30.4-148.6 22.5-54.2-8.1-98.7-33.7-137.7-70.4a246 246 0 0 1-35.2-45.3l-6.8-10.3c-2.7-4-1-7.2 1.7-10.3l10.7-12.5z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M242 732.2c4.6-15.4 6.3-31.3 8-47.3q1.2-12 2.9-24l2.7-18c3.5-24.2 7-48.4 12.4-72.4l5-20.5c3.1-13.3 6.3-26.6 8.7-40.1q6-34.6 20.4-66.9a251 251 0 0 0 22.2-102 470 470 0 0 1 4.7-52.5q2.7-19.5 4.1-39c1.6-24.7.4-49-1-75.6q-5.7 4.5-11 9a714 714 0 0 1-22 17.6c-43 32.4-76.4 73.2-105 118a613 613 0 0 0-29.8 54.7q-5.6 11.3-11.4 22.4a833 833 0 0 0-40.3 94.3q-3.1 8.6-6.4 17c-17.9 47-35.8 94.3-42.8 144.5-2 14.4-6 28.2-9.9 42.1-3.5 12.4-7 24.8-9.3 37.9-5.5 1-10.8 1-17.1 1l2.8-9.8c8.4-29.5 17-59.1 21.3-90 2.1-15.6 6.6-31 11.1-46.2l3-10.5c4.5-15.5 10.3-30.5 16-45.5Q89 511 95.4 490.8c4.9-15.8 11.5-31.2 18-46.5q3.8-8.5 7.3-17a1007 1007 0 0 1 59-116.3l.3-.5c7.4-12.9 15-26.1 26-36.7 8.7-8.3 9.2-19 9.7-29.7a105 105 0 0 1 2.4-20.1c5-31.7 10.1-63.6 26.2-91.8 16.8-29.4 44.6-45.7 77-53.6q35.5-8.7 71.8-11c10-.5 19.8-3.7 29.6-6.9q7.8-2.7 15.8-4.7l15-4c19.2-5.1 38.3-10.3 58.5-9.4h1c4 .2 8.3.3 9 5.5.6 5.1-3 5.8-6.6 6.5l-2 .4-42 9.9q-39.6 9.6-79.4 18.4c-11.5 2.5-23.5 3.2-35.4 4l-8.8.6c-8.6.6-16.7 1.7-23.8 6.3 25.8 16.1 41 37.8 40.6 68.8-.3 18.3.5 36.5 1.2 54.8 1 24.1 2 48.2.6 72.3q-2.7 47.1-9.9 93.8-3.9 27.2-6.8 54.6-2.9 25.8-6.4 51.5c-2.5 17-4.1 34.2-5.8 51.3q-2 23.7-5.2 47.4c-2.6 18.5-4.4 37-6.3 55.6q-2.3 24.1-5.3 48.2-.6 6-1 12.3c-.5 8.7-1 17.5-4 26.5q-8.6 1.5-17 0a770 770 0 0 0 16.7-101l.4-3.8q2.8-24.7 4.9-49.6c2.3-27 4.7-54 9.3-80.8a345 345 0 0 0 3.5-32.5c1.1-14.1 2.2-28.2 5.5-42.1a595 595 0 0 0 13-106c2.8-52.3 3.5-104.8.3-157-1-16.7-4.6-33.5-19.5-47q2.4 7.5 5 14.3c3.7 9.8 7.2 19 8 28.5A779 779 0 0 1 348 237c-.5 32.2-4 64.2-7.6 96.2l-3.5 33.1c-3.6 36.3-8.7 72.3-13.9 108.3l-6.7 48.1q-2.8 21.8-5 43.7-2.4 26.3-6.1 52.4-2.3 16.6-3.6 33.3c-1.7 18.5-3.3 37-8 55.1q-.4 1.9-1 3.7c-1.9 6.8-4 14-.5 21.3a100 100 0 0 1-16.7-1q1.3-11.6 3.2-22.7 1.6-9.7 2.8-19.6l4.5-40.9 5-45.1q4.7-43.5 10.7-86.8l5-37q-3.1 12.3-6.8 24.1c-3.5 11.5-7 22.9-8.8 34.6q-4 25-9.6 50c-4.5 21.5-9 43-11.6 65l-3.1 22.7a361 361 0 0 0-5.3 56.7zM302.4 178a94 94 0 0 1 20.5-17c6.7-3.8 8.6-10 6.2-16.3-1.2-3-1.6-6.5-2.1-9.9-1.1-7.8-2.2-15.7-11.6-19.7-5-2.2-9.8-.3-13.3 2.2a71 71 0 0 0-17.4 16.6c-17.2 26-26.7 55.2-35.7 88.3 11-11 22.2-19.5 33.3-28.1q10.2-7.7 20.1-16m-37.6-40c-9.8 23.6-19.7 47-22 73a56 56 0 0 1-11.4 31.2l3.7-18c6.8-33.4 13.6-66.9 33.8-96zM1303.5 587c15.8 47 24.1 96 31.6 145.2 5.5 0 10 0 14.6-1-4-39.4-12.7-76.7-21.4-114l-.2-.6c-4-17.6-9.8-34.7-15.6-51.8l-5-15a1501 1501 0 0 0-43.6-120.6 661 661 0 0 0-30.5-60q-7-12.7-13.3-25.7a333 333 0 0 0-35.9-59.7c-5.8-7.4-11.8-14.9-14.5-23.3a2262 2262 0 0 0-37.2-102.7 156 156 0 0 0-32.7-54c-20.4-21-48-28.5-75.1-35q-34.5-8-69.2-14.5L915 46a354 354 0 0 0-103.9-6c-5.5.5-10 1.8-12 10.6 14.6 1.7 29.2 2 43.7 2.4 24.2.7 48.4 1.3 72.4 7.9 25.2 6.8 51 12.3 77.4 17.9q18.7 3.8 37.9 8.1c-9.2 9.7-9.5 19.4-9.8 29l-.1 4.5c-.8 14 1.4 27.7 3.5 41.4 1.5 9.4 3 18.8 3.5 28.2 2.4 44.8 9.6 89 16.8 133l1.3 8.4c3.5 21.3 6 42.7 8.5 64 2.3 19 4.5 38.1 7.5 57 4.7 31 6.4 62.4 8.1 93.7 1.2 21.3 2.4 42.6 4.5 63.9q3 31.5 5.1 63.3 2 29.4 4.7 58.8h11.8c-.6-49.1-4.2-98-7.9-147q-2.8-37.8-5.2-75.4a769 769 0 0 0-7-62.6l-4.4-32.2c-3.7-31.7-8.7-63.2-13.7-94.7-4.3-27.2-8.6-54.3-12-81.6q-2.8-19.7-6-39.3c-4.6-27.2-9-54.3-9.4-82-.1-11 3.4-19.7 12.5-27-14.6 30.1-8.2 59.2-1.8 88q2.6 11.5 4.6 22.8 1.8 10 4 20c2.7 13.4 5.5 26.7 6.2 40.2.6 11.2 2.8 22 4.8 32.7q2.4 11.2 4 22.7 3.8 29.5 8.8 59c5 30.6 10 61.2 12.2 92.3 1.8 26.5 7 52.9 12 79l.7 4c2.5 12.8 3 25.8 3.4 38.4l.1 2.1a972 972 0 0 0 4.2 55.3 754 754 0 0 1 4.5 72l-.3 4.4q-.3 3.6-.1 8a47 47 0 0 0 11.4 1c2.7-45.3-.4-90.4-4.4-138 14 40 21 79.4 28 119.4l3 17.4q8.2 1.6 16.5.3c-4-8.8-4.6-17.9-5.2-26.8q-.5-8.4-2-16.5l-3.4-14.6c-7.8-35-15.6-70-30-103.5l-3.1-6.9a74 74 0 0 1-8.3-25.2c-1.1-15-4.1-29.7-7-44.2l-2.5-12.3a724 724 0 0 1-7.8-56c-2.2-19.1-4.4-38.3-8.1-57.3q-5.5-28.2-10.1-56.6c-5-29.5-10-59-17-88.3l-2-8.4a204 204 0 0 1-6.7-36.9q2.4 1 4.4 1.6 3.5 1 5.7 2.5l1 .8c31.2 24 62.6 48.2 87.1 79.5a488 488 0 0 1 56 87.2q8.8 18 18 35.9a951 951 0 0 1 37.1 78c11.8 28.9 21.4 58.5 31 88q5.7 18 11.7 35.6m-243.6-422.8c-6.1-3.5-10.4-8.2-11.4-15.4a65 65 0 0 1-2.9-33.4c2.2-15.3 12.7-19.6 26.5-13 19.9 9.3 28.6 27.5 37.1 45.2l2.7 5.5c8.2 16.9 15 34.5 22.2 53.2l10 26-11.4-10.8a453 453 0 0 0-55.4-46.7q-8.5-5.6-17.4-10.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "transform": "translate(424 305.7)",
+                "style": "mix-blend-mode:difference"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component"
+                }
+              ]
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1342.7 717.8 34 718.7s73-276.9 92.4-308.7c19.4-31.7 97.5-138.7 96.7-156.8-1-18.2 1.4-82.8 14.6-108.3 13.2-25.6 55.3-60.6 71.7-63.1 16.4-2.6 71.6-5.1 106.2-13.7 34.5-8.5 66.4-19 101.5-19 5.7 0 .2 12.3.2 12.3S519 182.3 682 190c121.5 5.6 161.7-116.2 161.7-116.2S817 50.3 825.1 49.6c95.6-8 145.8 13 174.8 18.6 26.7 5.1 49.2 5.1 76 23.9 30.6 21.5 46.5 70.2 80.8 144.8 39.4 85.5 194.2 345 185.9 481.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1032.7 721.7q-.9-25.2-1.5-50.4c-.8-36.7-1.6-73.5-6.4-110.3q-6.6-50.5-15-100.8c-9-55-21.3-109.5-33.6-164a302 302 0 0 0-19.3-54.6c-5.7-13-10.4-26.2-15.2-39.4-5.5-15.1-11-30.3-17.8-45q-1.9-3.7-4.2-7.3c-3-4.5-6-9.2-7.5-16.2-47.5 92.4-120.5 140.3-223.3 140.7-101.2.5-176-45.6-230.6-128.8a58 58 0 0 0-16 25.7l-1.4 3.3c-18.6 45.4-36 91-41.5 140.6-3.1 28.6-7.6 57.3-12 85.9l-1.8 11.3c-7 44.7-13 89.6-16.3 134.8A27816 27816 0 0 1 356 720.6c-4.7 1-9 1-14.5 1 3.5-24.4 4.4-49.3 5.2-74 1.6-49.1 7.3-97.8 13-146.5l4.6-40.2c3-27.7 7-55.3 11-83 4-27.1 8-54.3 11-81.7 5-43.5 22-84.2 40-124.2l.8-1.9c10.5-23.2 20.9-46.2 37.6-65.8a174 174 0 0 1 44.8-38.6c14-8 18.5-6.4 23.1 8.9 9.6 31 26.3 57.8 53.3 76 42.8 28.8 89.1 41.8 141.4 26.6 36.4-10.5 66.6-28.8 88.3-59.5 8.4-12 16-24.7 18.5-39.6l-5.6-2.1q-6.4-2.3-12.6-5c-3-1.2-6.7-2.9-5.2-7.3 1.3-3.3 4.2-5.8 8-5.3 33 4.5 64.4 11.7 86.3 40.7a342 342 0 0 1 47.4 88.3l7.5 20c12.6 33.4 25.1 66.8 34.4 101.2q5.2 20.4 9.1 41.3l3.6 17.6 5.2 23.5c4 18 8 36 10.9 54l6.2 37.5a853 853 0 0 1 13.8 107q1.3 26.6 3.4 53.3 1.7 22.5 3 44.9c.5 8.1-.4 16.3-1.2 24.8l-.8 8.4q-7.4 1-14.7.8M847.6 88.2c-8 18.2-15.8 36.5-29.3 51.7-34.3 38.7-78.8 56.4-129.4 57.9-34.1 1-67.6-6-97-24.7-28.6-18.2-53-40.3-65-73.3l-1.3-3.6c-2-5.8-4-11.8-8.6-15.8-13.2 3-16.7 11-14.6 22.7l.9 5.7c.5 4 1 7.9 2.4 11.5 12.5 35 37 60.8 68.3 79.6a204 204 0 0 0 80.8 28.2c60.4 7.4 116.6-.5 166.4-37.4 30.3-22.4 48.9-52 53.4-89.5 1.7-14.8-7.2-21.7-24.7-18.4zm-361.3 15.6c20 81 77 120 153.7 137 39 9.8 76 8.1 113.2-1.4 41.3-10.6 77.6-29 104.8-62.4 16.6-20.5 28.9-43.2 29.3-70.8 15 7.8 16.5 13 6.5 31.6a228 228 0 0 1-96.7 96.8c-46.4 23.8-96.3 30-148.6 22.3-54.1-8-98.7-33.3-137.7-69.6-14-13-24.7-29-35.2-44.9l-6.8-10.1c-2.7-4-1-7.2 1.7-10.3l10.7-12.4z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M242.1 721.7c4.5-15.3 6.2-31 8-46.9q1.1-11.8 2.8-23.7l2.7-17.9c3.6-23.9 7.1-47.8 12.5-71.5l4.8-20.4q5-19.6 8.8-39.7 6-34.4 20.3-66a246 246 0 0 0 22.3-101c.3-17.5 2.5-34.7 4.7-52 1.6-12.8 3.3-25.6 4.1-38.5 1.6-24.4.4-48.5-1-74.8q-5.8 4.5-11 8.9L299 195.6c-42.9 32-76.3 72.4-105 116.8-11 17.3-20.4 35.7-29.8 54q-5.5 11.3-11.4 22.2a819 819 0 0 0-40.2 93.2l-6.5 17C88.3 545.2 70.3 592 63.3 641.6c-2 14.2-6 27.9-9.9 41.7-3.5 12.2-7 24.5-9.3 37.4-5.5 1-10.8 1-17.1 1l2.8-9.7c8.4-29.2 17-58.5 21.3-89 2.2-15.4 6.7-30.6 11.1-45.6l3.1-10.4a540 540 0 0 1 16-45c5-13 10-25.9 14-39.1 5-15.7 11.6-30.9 18.2-46l7.2-16.8a996 996 0 0 1 59-115l.4-.6c7.4-12.7 15-25.8 26-36.3 8.7-8.2 9.2-18.8 9.7-29.3q.1-6 1-11.8l1.3-8.1c5-31.4 10.2-63 26.3-90.8 16.7-29.1 44.5-45.3 77-53q35.5-8.6 71.8-10.8a126 126 0 0 0 29.6-7q7.8-2.5 15.8-4.6l15-4c19.2-5 38.3-10.1 58.5-9.2h1c4.1.1 8.3.3 9 5.4.6 5-3 5.7-6.6 6.4l-2 .4-42 9.8a3964 3964 0 0 1-79.4 18.2 244 244 0 0 1-35.4 4q-4.5.2-8.9.6a49 49 0 0 0-23.7 6.2c25.8 16 41 37.4 40.5 68q-.1 27 1.3 54.3c1 23.8 2 47.6.6 71.5-1.7 31-5.3 62-9.9 92.8q-4 27-6.8 54-2.9 25.5-6.4 50.9t-5.8 50.7c-1.6 15.6-3 31.3-5.3 46.9q-3.6 27.4-6.2 55-2.3 24-5.3 47.6-.7 6-1 12.2c-.5 8.6-1 17.3-4.1 26.2q-8.4 1.5-17 .1a754 754 0 0 0 16.7-100l.5-3.8q2.8-24.4 4.8-49c2.4-26.7 4.7-53.4 9.4-79.9q2.5-16 3.5-32.2c1-14 2.2-27.9 5.5-41.6 8.3-34.4 11-69.8 13-104.9a1341 1341 0 0 0 .3-155.3c-1-16.4-4.6-33-19.5-46.4q2.4 7.3 5 14.1c3.7 9.7 7.2 18.8 8 28.2 2.5 27.1 2.7 54.5 2.2 81.8-.5 31.9-4 63.5-7.6 95.1l-3.5 32.9c-3.6 35.8-8.8 71.4-13.9 107q-3.5 23.9-6.7 47.6-2.9 21.6-5 43.2-2.5 26-6.2 51.9-2.2 16.4-3.6 32.9a335 335 0 0 1-7.9 54.5l-1 3.7c-1.9 6.7-4 13.9-.5 21q-8.4.3-16.7-1 1.3-11.4 3.1-22.4 1.8-9.8 2.9-19.4l4.5-40.4 5-44.7q4.7-43 10.7-85.8l4.9-36.5q-3 12-6.7 23.8a249 249 0 0 0-8.8 34.2q-4.2 24.8-9.6 49.3c-4.5 21.3-9 42.7-11.7 64.4q-1.4 11.3-3 22.4c-2.8 18.6-5.6 37.2-5.4 56.2zm60.3-548.3a94 94 0 0 1 20.5-16.8c6.7-3.8 8.5-9.9 6.1-16.2q-1.5-4.6-2-9.7c-1.1-7.8-2.3-15.6-11.6-19.6-5-2-9.9-.2-13.3 2.3a71 71 0 0 0-17.5 16.4C267.4 155.5 258 184.4 249 217c11-10.8 22.1-19.3 33.3-27.8q10-7.6 20-15.9m-37.6-39.6c-9.9 23.3-19.7 46.6-22 72.1-.3 13-5.7 22.1-11.5 31L235 219c6.8-33 13.6-66.1 33.8-95zm1043 444.3c15.9 46.5 24.2 95 31.7 143.7 5.5 0 10 0 14.6-1.1-4-38.9-12.7-75.9-21.4-112.8l-.2-.5c-4-17.4-9.8-34.3-15.6-51.3l-5-14.8c-13.3-40.2-27-80.3-43.7-119.3-8.8-20.5-19.6-39.9-30.4-59.3q-7-12.7-13.3-25.4a329 329 0 0 0-36-59.1c-5.7-7.3-11.7-14.7-14.5-23-11.3-34.3-24.2-68-37.1-101.6a154 154 0 0 0-32.8-53.3c-20.4-20.8-47.9-28.3-75-34.7q-34.6-7.8-69.3-14.4l-40.4-8a358 358 0 0 0-104-6c-5.4.5-9.9 1.7-11.8 10.5 14.5 1.6 29 2 43.6 2.4 24.2.6 48.4 1.3 72.4 7.7 25.2 6.8 51 12.2 77.4 17.7l37.9 8c-9.1 9.7-9.4 19.2-9.7 28.7l-.2 4.5c-.8 13.9 1.4 27.4 3.5 41 1.5 9.2 3 18.5 3.5 27.9 2.4 44.3 9.6 87.9 16.8 131.5l1.4 8.3q5 31.5 8.5 63.4a1599 1599 0 0 0 7.4 56.3c4.7 30.7 6.5 61.7 8.2 92.7q1.4 31.5 4.4 63.1 3 31.2 5.2 62.7 2 29.1 4.7 58.2h11.7c-.5-48.6-4.2-97-7.8-145.5q-3-37.3-5.2-74.6a753 753 0 0 0-7.1-61.9q-2.3-15.9-4.3-31.8c-3.8-31.4-8.8-62.5-13.8-93.7-4.2-26.9-8.5-53.7-12-80.7-1.7-13-4-26-6-38.9-4.5-26.8-9-53.7-9.4-81a31 31 0 0 1 12.6-26.7c-14.6 29.7-8.2 58.4-1.9 87q2.7 11.3 4.7 22.5 1.7 9.9 3.9 19.8c2.7 13.2 5.5 26.4 6.3 39.8.6 11 2.7 21.7 4.8 32.3q2.4 11.1 3.9 22.4 3.8 29.4 8.8 58.4c5 30.3 10 60.6 12.2 91.3a656 656 0 0 0 12.8 82c2.4 12.7 3 25.6 3.4 38.1v2c.8 18.4 2.5 36.5 4.2 54.7a707 707 0 0 1 4.5 71.2l-.2 4.4q-.4 3.6-.2 7.9 5.7 1.1 11.4 1c2.8-44.8-.4-89.4-4.4-136.4 14 39.4 21 78.4 28 118l3 17.3q8.3 1.5 16.5.2a75 75 0 0 1-5.2-26.4c-.4-5.6-.8-11-2-16.4l-3.3-14.4c-7.8-34.7-15.7-69.4-30-102.4l-3.2-6.8c-3.7-8-7.6-16.1-8.3-25-1-14.8-4-29.3-7-43.7l-2.5-12.2a687 687 0 0 1-7.8-55.3c-2.1-19-4.3-38-8-56.7q-5.5-28-10.2-56c-5-29.2-10-58.4-17-87.3l-2-8.3a197 197 0 0 1-6.7-36.5l4.4 1.5q3.6 1 5.7 2.5l1 .8c31.3 23.8 62.6 47.7 87.2 78.6 21.4 27 40.5 55.2 55.9 86.3q8.9 17.9 18.1 35.5a940 940 0 0 1 37.1 77c11.7 28.7 21.3 58 31 87.2zm-243.5-418.2c-6.2-3.4-10.4-8.1-11.5-15.2a64 64 0 0 1-2.9-33c2.2-15.1 12.8-19.4 26.5-13 20 9.3 28.7 27.3 37.2 44.8l2.6 5.5c8.3 16.6 15 34 22.2 52.6l10.1 25.7-11.5-10.7a452 452 0 0 0-55.4-46.2 269 269 0 0 0-17.3-10.5",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M455.7 39c45.2-21.2 59.5-10 59.5-10s-1.3 12 7.8 43c19.2 65 123.7 66 159 61.8 37.1-4.5 125.8-30.2 131-51.7 10-42-16.9-45.2-.8-46.5 16.1-1.4 85.1-.8 133 74.3 2.4 3.8 49.2 152.1-2.5 152.1-27.2 0-68.7-80-96.5-54.7a306 306 0 0 1-191 79.8c-52.3 2.6-140.8-43.6-140.8-43.6l-50-30.2s-55.5 41.3-74.7 30.9c-25.2-13.7 2-164 2-164s24.6-22.7 63.9-41.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M389.5 69.5s60.1-39.9 96.5-47.1c19.5-4 28.3-5.3 38.6 8.6a29 29 0 0 1 4.8 15.6l.2 2.2a78 78 0 0 0 35.2 58.7 87 87 0 0 0 39.5 13c49.3 5.1 98.6 5.8 146.4-9.8A142 142 0 0 0 804 82c9.4-8.6 9.5-14.9 0-23.1-3.7-3.3-2.6-6-1.3-9.1q.6-1.5 1-3.1c4.3-17.6 5.3-19.2 24.4-17 29 3.5 58.4 10 80.4 29.2 59.6 52.1 59.8 81 60.1 154q0 15.7.4 34.7c.2 12-6.8 17.9-18.6 19.6-23.3 3.5-39-5.8-50.4-25.4-4.6-8-10-15.6-17.7-21.4-16-11.7-25.6-12.4-40.5 0a312 312 0 0 1-119.6 62.5 260 260 0 0 1-184-16 156 156 0 0 1-49.8-33.7c-4.6-5.1-10.7-8-17.1-6.5l-4.8 1.1c-14.9 3.4-29.8 6.9-42.7 15.8a40 40 0 0 1-39.6 4.8c-12.1-5.4-11.8-18.7-10.7-30.2q2-19.5 3.2-39a521 521 0 0 1 11.3-89c-11.7 1.3 1.5-20.7 1.5-20.7M521 183.3c41.2 27.3 86.7 37 136 37.2 49.4 0 95.2-8.8 139-34.4-30.9-17.7-26.5-42.3-16.5-69.3l-10.5 2.7a177 177 0 0 0-18.4 5.2c-23.7 8.7-48.8 11.7-73.3 14.6-32.9 3.7-66-2-98.1-9.9a79 79 0 0 1-43.7-24.5q-3.6-4.5-6-9.7c-2.6-4.7-5-9.5-9.5-13.1a12 12 0 0 0-.2 12.3q3.7 6.2 7.2 12.5c7 12.3 14.1 24.7 22.7 35.8 6.4 8.3 7.5 15.8 7.2 26.7-15-3.4-29.3-6.5-42.3 2.5-.1 4 2 6.4 4.8 9.5zm274-58.8 2-3.2c3-5.6 7-10 11-14.4a47 47 0 0 0 13.2-21c3.4-15 6.5-29.1-.5-42.2 2-3.7 4.3-4.5 6.3-4l7.6 2c31 8.2 62 16.2 82.8 44.4a169 169 0 0 1 34.4 85.3q3.2 31.4 5.2 62.7 0 2 .4 4c.8 6.4 1.7 13.3-7.5 16.4-11.2 3.8-25.7-.7-31.7-10q-2.5-4-4.6-8.3-1.5-3-3.3-6.1c-18.8-32.3-49.1-50.1-83-62.4-8.7-3-19.3-1.8-29-.7h-1l-.4.2c-9.8 1-11.3-3.6-12.4-11.3-1.9-12.6 4.2-22 10.4-31.4m-405.1 99.2c.9 14 4 17.4 13 12.3l7.4-4.3c16.4-9.3 32.7-18.4 43.8-35.7a89 89 0 0 1 52.5-39.6c6.1-1.6 12.3-1.6 18.4-1.6q7 .1 14.1-.6c-.8-4.7-3.2-7.6-5.5-10.5l-1.8-2.2C511 114 494.9 84.8 499 48.8c.8-6.9-3.5-8.5-8.1-8.3-9.3.4-18.3 1.5-27.3 4.8A230 230 0 0 0 433 59.8q-9 4.9-18.2 9.3c-6.8 3.2-14 8.1-14 16.8.1 9.6-1.9 18.8-3.8 28q-1.6 6.6-2.6 13a501 501 0 0 0-4.6 80.2zM626 234.3c34 5 67 .2 100.2-5a258 258 0 0 0 75.9-30c8.9-5.3 19.2-4.5 30.3-3.5q6.7.6 13.9.7c-15.4 16.7-32.6 27.4-49.6 38l-4.1 2.6A229 229 0 0 1 709 270c-30.3 5.1-60.6 8.7-92.2 4.2a231 231 0 0 1-94.4-33.9c-17.9-11.5-35.3-24.3-47.7-42.4 18.7-12.3 26.9-11.6 44 .2 32 22.3 69 30.7 107.2 36.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "transform": "translate(424 305.7)",
+                "style": "mix-blend-mode:difference"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component"
+                }
+              ]
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1342.7 717.8 34 718.7s73-276.9 92.4-308.7c19.4-31.7 97.5-138.7 96.7-156.8-1-18.2 1.4-82.8 14.6-108.3 13.2-25.6 55.3-60.6 71.7-63.1 16.4-2.6 71.6-5.1 106.2-13.7 34.5-8.5 66.4-19 101.5-19 5.7 0 .2 12.3.2 12.3S519 182.3 682 190c121.5 5.6 161.7-116.2 161.7-116.2S817 50.3 825.1 49.6c95.6-8 145.8 13 174.8 18.6 26.7 5.1 49.2 5.1 76 23.9 30.6 21.5 46.5 70.2 80.8 144.8 39.4 85.5 194.2 345 185.9 481.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1030.7 721.7q-.9-25.2-1.5-50.4c-.8-36.7-1.6-73.5-6.4-110.3q-6.6-50.5-15-100.8c-9-55-21.3-109.5-33.6-164a302 302 0 0 0-19.3-54.6c-5.7-13-10.4-26.2-15.2-39.4-5.5-15.1-11-30.3-17.8-45q-1.9-3.7-4.2-7.3c-3-4.5-6-9.2-7.5-16.2-47.5 92.4-120.5 140.3-223.3 140.7-101.2.5-176-45.6-230.6-128.8a58 58 0 0 0-16 25.7l-1.4 3.3c-18.6 45.4-36 91-41.5 140.6-3.1 28.6-7.6 57.3-12 85.9l-1.8 11.3c-7 44.7-13 89.6-16.3 134.8A27816 27816 0 0 1 354 720.6c-4.7 1-9 1-14.5 1 3.5-24.4 4.4-49.3 5.2-74 1.6-49.1 7.3-97.8 13-146.5l4.6-40.2c3-27.7 7-55.3 11-83 4-27.1 8-54.3 11-81.7 5-43.5 22-84.2 40-124.2l.8-1.9c10.5-23.2 20.9-46.2 37.6-65.8a174 174 0 0 1 44.8-38.6c14-8 18.5-6.4 23.1 8.9 9.6 31 26.3 57.8 53.3 76 42.8 28.8 89.1 41.8 141.4 26.6 36.4-10.5 66.6-28.8 88.3-59.5 8.4-12 16-24.7 18.5-39.6l-5.6-2.1q-6.4-2.3-12.6-5c-3-1.2-6.7-2.9-5.2-7.3 1.3-3.3 4.2-5.8 8-5.3 33 4.5 64.4 11.7 86.3 40.7a342 342 0 0 1 47.4 88.3l7.5 20a1090 1090 0 0 1 34.4 101.2q5.2 20.4 9.1 41.3l3.6 17.6 5.2 23.5c4 18 8 36 10.9 54l6.2 37.5a853 853 0 0 1 13.8 107q1.3 26.6 3.4 53.3 1.7 22.5 3 44.9c.5 8.1-.4 16.3-1.2 24.8l-.8 8.4q-7.4 1-14.7.8M845.6 88.2c-8 18.2-15.8 36.5-29.3 51.7-34.3 38.7-78.8 56.4-129.4 57.9-34.1 1-67.6-6-97-24.7-28.6-18.2-53-40.3-65-73.3l-1.3-3.6c-2-5.8-4-11.8-8.6-15.8-13.2 3-16.7 11-14.6 22.7l.9 5.7c.5 4 1 7.9 2.4 11.5 12.5 35 37 60.8 68.3 79.6a204 204 0 0 0 80.8 28.2c60.4 7.4 116.6-.5 166.4-37.4 30.3-22.4 48.9-52 53.4-89.5 1.7-14.8-7.2-21.7-24.7-18.4zm-361.3 15.6c20 81 77 120 153.7 137 39 9.8 76 8.1 113.2-1.4 41.3-10.6 77.6-29 104.8-62.4 16.6-20.5 28.9-43.2 29.3-70.8 15 7.8 16.5 13 6.5 31.6a228 228 0 0 1-96.7 96.8c-46.4 23.8-96.3 30-148.6 22.3-54.1-8-98.7-33.3-137.7-69.6-14-13-24.7-29-35.2-44.9l-6.8-10.1c-2.7-4-1-7.2 1.7-10.3l10.7-12.4z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M242.1 721.7c4.5-15.3 6.2-31 8-46.9q1.1-11.8 2.8-23.7l2.7-17.9a976 976 0 0 1 12.5-71.5l4.8-20.4q5-19.6 8.8-39.7 6-34.4 20.3-66a246 246 0 0 0 22.3-101c.3-17.5 2.5-34.7 4.7-52 1.6-12.8 3.3-25.6 4.1-38.5 1.6-24.4.4-48.5-1-74.8q-5.8 4.5-11 8.9L299 195.6c-42.9 32-76.3 72.4-105 116.8-11 17.3-20.4 35.7-29.8 54q-5.5 11.3-11.4 22.2a819 819 0 0 0-40.2 93.2l-6.5 17C88.3 545.2 70.3 592 63.3 641.6c-2 14.2-6 27.9-9.9 41.7-3.5 12.2-7 24.5-9.3 37.4-5.5 1-10.8 1-17.1 1l2.8-9.7c8.4-29.2 17-58.5 21.3-89 2.2-15.4 6.7-30.6 11.1-45.6l3.1-10.4a540 540 0 0 1 16-45c5-13 10-25.9 14-39.1 5-15.7 11.6-30.9 18.2-46l7.2-16.8a996 996 0 0 1 59-115l.4-.6c7.4-12.7 15-25.8 26-36.3 8.7-8.2 9.2-18.8 9.7-29.3a103 103 0 0 1 2.3-20c5-31.3 10.2-62.8 26.3-90.7 16.7-29.1 44.5-45.3 77-53q35.5-8.6 71.8-10.8a126 126 0 0 0 29.6-7q7.8-2.5 15.8-4.6l15-4c19.2-5 38.3-10.1 58.5-9.2h1c4.1.1 8.3.3 9 5.4.6 5-3 5.7-6.6 6.4l-2 .4-42 9.8q-39.5 9.5-79.4 18.2a244 244 0 0 1-35.4 4q-4.5.2-8.9.6a49 49 0 0 0-23.7 6.2c25.8 16 41 37.4 40.5 68q-.1 27 1.3 54.3c1 23.8 2 47.6.6 71.5-1.7 31-5.3 62-9.9 92.8q-4 27-6.8 54-2.9 25.5-6.4 50.9t-5.8 50.7c-1.6 15.6-3 31.3-5.3 46.9q-3.6 27.4-6.2 55-2.3 24-5.3 47.6-.7 6-1 12.2c-.5 8.6-1 17.3-4.1 26.2q-8.4 1.5-17 .1c8.7-33.2 12.7-66.8 16.7-100l.5-3.8q2.8-24.4 4.8-49c2.4-26.7 4.7-53.4 9.4-79.9q2.5-16 3.5-32.2c1-14 2.2-27.9 5.5-41.6 8.3-34.4 11-69.8 13-104.9a1341 1341 0 0 0 .3-155.3c-1-16.4-4.6-33-19.5-46.4q2.4 7.3 5 14.1c3.7 9.7 7.2 18.8 8 28.2 2.5 27.1 2.7 54.5 2.2 81.8-.5 31.9-4 63.5-7.6 95.1l-3.5 32.9c-3.6 35.8-8.8 71.4-13.9 107q-3.5 23.9-6.7 47.6-2.9 21.6-5 43.2-2.5 26-6.2 51.9-2.2 16.4-3.6 32.9a335 335 0 0 1-7.9 54.5l-1 3.7c-1.9 6.7-4 13.9-.5 21q-8.4.3-16.7-1 1.3-11.4 3.1-22.4 1.8-9.8 2.9-19.4l4.5-40.4 5-44.7q4.7-43 10.7-85.8l4.9-36.5q-3 12-6.7 23.8a249 249 0 0 0-8.8 34.2q-4.2 24.8-9.6 49.3c-4.5 21.3-9 42.7-11.7 64.4q-1.4 11.3-3 22.4c-2.8 18.6-5.6 37.2-5.4 56.2zm60.3-548.3a94 94 0 0 1 20.5-16.8c6.7-3.8 8.5-9.9 6.1-16.2q-1.5-4.6-2-9.7c-1.1-7.8-2.3-15.6-11.6-19.6-5-2-9.9-.2-13.3 2.3a71 71 0 0 0-17.5 16.4C267.4 155.5 258 184.4 249 217c11-10.8 22.1-19.3 33.3-27.8q10-7.7 20-15.9m-37.6-39.6c-9.9 23.3-19.7 46.6-22 72.1-.3 13-5.7 22.1-11.5 31L235 219c6.8-33 13.6-66.1 33.8-95zM1304.2 578c15.7 46.5 24 95 31.4 143.7 5.4 0 9.8 0 14.4-1.1a869 869 0 0 0-21.2-112.8l-.1-.5c-4.1-17.4-9.8-34.3-15.5-51.3l-5-14.8a1478 1478 0 0 0-43.2-119.3 623 623 0 0 0-30.2-59.3q-6.8-12.7-13.1-25.4a332 332 0 0 0-31.5-54l-4-5.1c-5.8-7.3-11.7-14.7-14.5-23a2217 2217 0 0 0-36.7-101.6 154 154 0 0 0-32.5-53.3c-20.2-20.8-47.4-28.3-74.3-34.7a1899 1899 0 0 0-68.6-14.4l-39.9-8c-33.8-7-68.5-9-102.9-6-5.4.5-9.8 1.7-11.8 10.5a521 521 0 0 0 43.2 2.4c24 .6 48 1.3 71.6 7.7 25 6.8 50.5 12.2 76.7 17.7l37.5 8c-9 9.7-9.3 19.2-9.6 28.7l-.2 4.5c-.7 13.9 1.4 27.4 3.5 41 1.5 9.2 3 18.5 3.5 27.9 2.3 44.3 9.5 87.9 16.6 131.5l1.3 8.3c3.5 21 6 42.2 8.5 63.4q3.1 28.2 7.3 56.3a954 954 0 0 1 8 92.7c1.2 21 2.4 42.1 4.5 63.1q3 31.2 5 62.7 2.1 29.1 4.7 58.2h11.7c-.6-48.6-4.2-97-7.8-145.5q-2.9-37.3-5.2-74.6a757 757 0 0 0-7-61.9q-2.3-15.9-4.2-31.8c-3.8-31.4-8.7-62.5-13.6-93.7q-6.6-40.3-12-80.7-2.6-19.5-6-38.9a539 539 0 0 1-9.1-81 31 31 0 0 1 12.4-26.7c-14.5 29.7-8.2 58.4-1.9 87q2.6 11.3 4.6 22.5 1.7 9.9 3.9 19.8c2.7 13.2 5.5 26.4 6.2 39.8.6 11 2.7 21.7 4.8 32.3q2.4 11.1 3.9 22.4c2.4 19.6 5.6 39 8.7 58.4 5 30.3 10 60.6 12 91.3 2 26.2 7 52.3 12 78.2l.7 3.9a245 245 0 0 1 3.4 38v2a951 951 0 0 0 4.2 54.7c2.2 23.7 4.5 47.4 4.4 71.2l-.2 4.4q-.3 3.6-.2 7.9 5.7 1.1 11.3 1c2.7-44.8-.4-89.4-4.4-136.4 14 39.4 20.8 78.4 27.8 118l3 17.3q8.2 1.5 16.3.2a77 77 0 0 1-5.2-26.4c-.4-5.6-.8-11-2-16.4l-3.2-14.4c-7.8-34.7-15.6-69.4-29.7-102.4l-3.2-6.8a73 73 0 0 1-8.2-25c-1-14.8-4-29.3-7-43.7l-2.4-12.2c-3.5-18.3-5.6-36.8-7.7-55.3-2.2-19-4.3-38-8-56.7q-5.5-28-10-56c-5-29.2-10-58.4-16.8-87.3l-2-8.3a202 202 0 0 1-6.7-36.5l4.4 1.5q3.6 1 5.6 2.5l1 .8c31 23.8 62 47.7 86.3 78.6a483 483 0 0 1 55.3 86.3l18 35.5c13 25.3 26 50.6 36.7 77 11.6 28.7 21.1 58 30.6 87.2zm-241.1-418.2c-6.1-3.4-10.3-8.1-11.4-15.2a64 64 0 0 1-2.8-33c2.2-15.1 12.6-19.4 26.2-13 19.7 9.3 28.4 27.3 36.8 44.8l2.6 5.5c8.2 16.6 14.9 34 22 52.6l10 25.7-11.4-10.7a448 448 0 0 0-54.8-46.2q-8.5-5.5-17.2-10.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M455.7 39c45.2-21.2 59.5-10 59.5-10s-1.3 12 7.8 43c19.2 65 123.7 66 159 61.8 37.1-4.5 125.8-30.2 131-51.7 10-42-16.9-45.2-.8-46.5 16.1-1.4 85.1-.8 133 74.3 2.4 3.8 49.2 152.1-2.5 152.1-27.2 0-68.7-80-96.5-54.7a306 306 0 0 1-191 79.8c-52.3 2.6-140.8-43.6-140.8-43.6l-50-30.2s-55.5 41.3-74.7 30.9c-25.2-13.7 2-164 2-164s24.6-22.7 63.9-41.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M389.5 69.5s60.1-39.9 96.5-47.1c19.5-4 28.3-5.3 38.6 8.6a29 29 0 0 1 4.8 15.6l.2 2.2a78 78 0 0 0 35.2 58.7 87 87 0 0 0 39.5 13c49.3 5.1 98.6 5.8 146.4-9.8A142 142 0 0 0 804 82c9.4-8.6 9.5-14.9 0-23.1-3.7-3.3-2.6-6-1.3-9.1q.6-1.5 1-3.1c4.3-17.6 5.3-19.2 24.4-17 29 3.5 58.4 10 80.4 29.2 59.6 52.1 59.8 81 60.1 154q0 15.7.4 34.7c.2 12-6.8 17.9-18.6 19.6-23.3 3.5-39-5.8-50.4-25.4-4.6-8-10-15.6-17.7-21.4-16-11.7-21.7-12.4-36.7 0A328 328 0 0 1 722.2 283a260 260 0 0 1-184-16 156 156 0 0 1-49.8-33.7c-4.6-5.1-10.7-8-17.1-6.5l-4.8 1.1c-14.9 3.4-29.8 6.9-42.7 15.8a40 40 0 0 1-39.6 4.8c-12.1-5.4-11.8-18.7-10.7-30.2q2-19.5 3.2-39a521 521 0 0 1 11.3-89c-11.7 1.3 1.5-20.7 1.5-20.7M521 183.3c41.2 27.3 86.7 37 136 37.2 49.4 0 95.2-8.8 139-34.4-30.9-17.7-26.5-42.3-16.5-69.3l-10.5 2.7a177 177 0 0 0-18.4 5.2c-23.7 8.7-48.8 11.7-73.3 14.6-32.9 3.7-66-2-98.1-9.9a79 79 0 0 1-43.7-24.5q-3.6-4.5-6-9.7c-2.6-4.7-5-9.5-9.5-13.1a12 12 0 0 0-.2 12.3q3.7 6.2 7.2 12.5c7 12.3 14.1 24.7 22.7 35.8 6.4 8.3 7.5 15.8 7.2 26.7-15-3.4-29.3-6.5-42.3 2.5-.1 4 2 6.4 4.8 9.5zm274-58.8 2-3.2c3-5.6 7-10 11-14.4a47 47 0 0 0 13.2-21c3.4-15 6.5-29.1-.5-42.2 2-3.7 4.3-4.5 6.3-4l7.6 2c31 8.2 62 16.2 82.8 44.4a169 169 0 0 1 34.4 85.3q3.2 31.4 5.2 62.7 0 2 .4 4c.8 6.4 1.7 13.3-7.5 16.4-11.2 3.8-25.7-.7-31.7-10q-2.5-4-4.6-8.3-1.5-3-3.3-6.1c-18.8-32.3-49.1-50.1-83-62.4-8.7-3-19.3-1.8-29-.7h-1l-.4.2c-9.8 1-11.3-3.6-12.4-11.3-1.9-12.6 4.2-22 10.4-31.4m-405.1 99.2c.9 14 4 17.4 13 12.3l7.4-4.3c16.4-9.3 32.7-18.4 43.8-35.7a89 89 0 0 1 52.5-39.6c6.1-1.6 12.3-1.6 18.4-1.6q7 .1 14.1-.6c-.8-4.7-3.2-7.6-5.5-10.5l-1.8-2.2C511 114 494.9 84.8 499 48.8c.8-6.9-3.5-8.5-8.1-8.3-9.3.4-18.3 1.5-27.3 4.8A230 230 0 0 0 433 59.8q-9 4.9-18.2 9.3c-6.8 3.2-14 8.1-14 16.8.1 9.6-1.9 18.8-3.8 28q-1.6 6.6-2.6 13a501 501 0 0 0-4.6 80.2zM626 234.3c34 5 67 .2 100.2-5a258 258 0 0 0 75.9-30c8.9-5.3 19.2-4.5 30.3-3.5q6.7.6 13.9.7c-15.4 16.7-32.6 27.4-49.6 38l-4.1 2.6A229 229 0 0 1 709 270c-30.3 5.1-60.6 8.7-92.2 4.2a231 231 0 0 1-94.4-33.9c-17.9-11.5-35.3-24.3-47.7-42.4 18.7-12.3 26.9-11.6 44 .2 32 22.3 69 30.7 107.2 36.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "transform": "translate(424 305.7)",
+                "style": "mix-blend-mode:difference"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component"
+                }
+              ]
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1339 719 30 721.7s25.8-189 56.2-235.7c16.3-25-10.6-45-16.4-70.3S58 357.8 59.3 348.3A173 173 0 0 0 55 305c-3-14-.2-28.3-7-40.5-7-12.1-8-25 0-30.7 8-5.8 341.2-123.5 341.2-123.5l10.3-21.6s47-34.8 72.2-40.7 47.1-9.7 47.1-9.7-5.2 24.3-1.4 36.6c4 12.4 81.6 64 143.2 59 84.4 0 150.9-40.4 156.3-56 5.4-15.5-3.3-18.8-6.6-31.7-3.4-12.8 4.8-17.6 19.3-9.6s211.3 110.9 254 130.4c42.6 19.6 202.6 69.4 202.6 69.4s30.2 8.8 26.7 17.2c-7.6 17.9-24.1 1-24.1 49.6 0 30-25.3 125.6-25.3 125.6s39.6 123.7 46.2 148.2 29.3 142 29.3 142",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant05-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m555 718.7-12-460h266.5l-9.5 460z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant05-a)"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component",
+                  "attributes": {
+                    "transform": "translate(424 305.7)"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M436.2 721.7c-2.6-57.2-5-114.3-4.4-171.6q1.3-101.8-.7-203.6-.2-13 .1-25.7c.3-16.5.5-33-1.4-49.5q-.2-2-.2-4.3c0-3.7 0-7.6-2.7-11.7l-6.3 3c-8 4-16 8.1-25.8 6.6-11.6-1.9-17.4-6.4-16.6-18.3a489 489 0 0 1 4.5-39.6c2-12.6 2.6-25.3 3.2-38.2.8-15.2 1.6-30.7 4.5-46.4a315 315 0 0 0-52 17.8c-22.4 10.7-46.6 16.2-70.6 21.7l-5.4 1.2q-37.4 8.4-73.4 22.2-13.3 5-26.8 9.4a376 376 0 0 0-41.7 15.7 994 994 0 0 0-61.3 32c-7.5 4.2-8.7 11.1-2 18a22 22 0 0 1 5 23.8 24 24 0 0 0 1.8 18.6 61 61 0 0 1 4.3 28q0 6.5.3 12.7a281 281 0 0 0 34.8 109.3 468 468 0 0 1 20 44.4c5 11.8 9.8 23.6 15.4 35 2 4 12.6 30 24.9 61.9 1 2.8-.4 7.2-1.9 11.7-1.5 4.6-3 9.3-1.9 12.2 1.2 3 4.6 4.3 8.2 5.7a19 19 0 0 1 8.6 4.7 93 93 0 0 1 20.3 37.7l.2.4c7.5 22.1 8.5 47 8.6 54a33 33 0 0 1-14.3.2c2-14.3-1-27.3-4.1-40.3q-1.6-6.9-3-13.9c-2.8-15.3-9.5-26.4-24.5-31.7-10.5-3.6-13.8-10.2-12.7-21.8l1-7.5c1.4-9.9 3-20.1-3-29-15.5-23-26.6-48.3-37.9-74l-6.8-15.4-1.4 2.2a43 43 0 0 0-6 11.5l-8.4 29C73.2 570 61.6 610 53 651c-5 23.5-7.9 47-9.8 70.8H28.7c-3.5-11.5-1-22.5 1.5-33.5l2.3-11.1C39 636.8 49.4 597.4 59.8 558l.5-2.1a710 710 0 0 1 29.5-84.5c2.3-5.6 1.2-9.2-2.8-13.7C71.8 440.2 66.7 418 63.2 396l-1.8-10.8c-4-23.5-7.9-47-6-71-6.7-7.8-7.3-17.4-7.8-27-.6-10-1.2-20-8.7-28.3-6.4-7 2.5-25.2 15-32.2 33.2-18.5 66.8-36 103.5-46.8a517 517 0 0 0 50.6-18.2c16.9-7 34.5-10.8 52.1-14.8q16.8-3.6 33.2-8.2c13.6-4 26.7-9 40-14a420 420 0 0 1 51-17.2c7-1.7 11.3-6.1 11.4-13.6.1-7.7 4.2-12.3 10.1-16.7 22.5-16.9 48.7-25 74.8-33.2l3.4-1q6.2-2.2 12-5a65 65 0 0 1 20.5-7c3.3-.6 6.5-1.2 10.2 0 2 6.6-2 9.9-6.8 11.9l-15.4 6.3a806 806 0 0 1-52.3 20.4c-7.8 2.7-14.7 7-21.6 11.1q-8.6 5.6-18 9.7c-2.3 1-4.2 5.6-4.6 8.7q-4.9 44-9.3 88l-1.4 13.2-1.4 14.1-3 27.9c-.6 3-1.2 6.1 1.7 8.5 3 2.4 5.7 1 8.4-.5l2.2-1c28.3-12.3 48.4-34.2 68.5-56q6.7-7.6 13.6-14.7c14.7-15.4 26.9-18.9 45.7-9.7 5.7 2.7 10.9 4.6 17.7 2.1q-5.5-11-11.4-21.8a302 302 0 0 1-22.2-47.1c-5-14.6-3.5-29.6-2.1-44.4l.3-3c.5-5.6 4.3-10.2 11.4-10.7 5.9 5.8 6 15.3 6 21-.2 25 18.1 33.3 34.7 40.8l.5.3c50.3 22.9 103.7 25 157.4 16.8a150 150 0 0 0 80.3-37.2c11.4-10.4 10-22.9 4.5-34.3-4.5-9-1.5-14.8 3.7-20.6 4.7-5.2 10.3-3 15.5-1l2.3 1c30.8 11 59 27.2 87.4 43.4l5 3a493 493 0 0 0 41.3 20.2q19.3 8.5 38 18.5c34.6 19 70.1 36.4 105.7 53.6 18.5 9 38.1 15.7 57.7 22.5l16.3 5.8q20.9 7.4 41.8 14.3 18 6 35.8 12.2c5.4 2 11 2.2 16.6 2.5 5.9.3 11.8.6 17.5 2.8l4.5 1.7c7 2.5 13.8 5 18.8 11.2 7.6 9.5 7.3 17.4-3 23.7-12.2 7.3-18.8 15.5-13.4 30.2 1.6 4.4-.3 9-2 13.3l-.5 1.2-.2.5c-10 25-16.8 79.6-18.6 93.4l-.3 2.8c-3.7 27 2.8 46 10.2 67.7l5.4 16.4q17.9 57.6 33.6 115.8 13 49 21.4 99c.6 3.4.4 7 .3 11l-.2 3a25 25 0 0 1-12.2.2c-9.4-69.9-29.7-136.2-50-202.4q-10.1-32.8-19.6-65.7a158 158 0 0 0-15 32.1 238 238 0 0 1-50.9 90l-1.2 1.3c-4 4.4-8.8 9.5-8 13.1 2.7 13-3.9 20.6-10.7 28.6l-3.3 3.8a42 42 0 0 0-8.6 20q-2 12.3-4.3 24.6a383 383 0 0 0-7.3 55.5h-14.3c2-6.1 2.4-13.2 3-22.2a251 251 0 0 1 11.8-67c.7-4 1.7-9.9 11-19.5 8.5-8.6 8.4-18.8 8.3-25.2q-.1-3.6.4-5.2c5.6-14.2 25.4-39.5 35.1-52q4.7-5.7 5.4-7.1a379 379 0 0 0 48-123.6q4-20.6 7.3-41.6 2.5-16.5 5.5-33l1.7-8.8c2.5-13.3 5-26.5 5.6-40.2.3-7.4 6.6-11 12.5-14.5l1.3-.8.5-.2.4-.3c3.3-2 6.7-4 6.2-8.3-.5-4-3.9-5-7.3-6l-1.3-.4c-10.2-3-20.7-5.2-31.1-7.4a300 300 0 0 1-39.6-10.2l-20.3-7c-13.9-4.9-27.7-9.6-41.3-15a1511 1511 0 0 1-77.9-32.1 1476 1476 0 0 1-87-43.7 346 346 0 0 0-58-26c19.6 34.7 23.1 72.8 26.7 110.8q1.3 14.6 3 28.8c1.5 12.7-3 23.5-13.6 30-12.3 7.4-25.3 6.2-37.6-1.4l-3-2.2c-2.2-2-4.6-4-8.3-3.8-.4 49.6 0 99.2.2 148.8.6 101.4 1.2 203-3.3 305a42 42 0 0 1-16.6.3q.9-30.6 2.4-60.7 1.6-35 2.7-70c.8-39.9.6-79.7.4-119.6l-.2-22.4q-.4-79.5-1.3-159.2l-.2-19.9q0-3 .4-5.9c.5-5.5 1.1-11-3.3-16.2q-10.1-12-19.8-24.3L861 206.3a96 96 0 0 0-27-21.6c-10.4-6-14.9-3-17.3 8.3a57 57 0 0 0 0 19.7q.7 5.6.8 11c.4 80.8-1.6 161.5-4.3 242.2q-2.1 67.6-3.1 135.4c-.4 23.7-1.5 47.4-2.5 71q-1.2 24.7-2 49.6c-4 0-9.9-.5-13.8-1.3.8-23.1 2-48.1 3-70.2a1849 1849 0 0 0 2.5-58.5c.1-34.5 1.5-99.8 2.8-162.4 1.1-52.7 2.2-103.4 2.5-132.4a6423 6423 0 0 0 0-105.7c-11.4-1.8-21 3.7-29.6 11.7a60 60 0 0 1-28.4 14.2c-40.4 9-81.3 11.7-122.4 5-21.3-3.4-41.6-9.6-57.9-25q-4.5-4.3-10.6-8.6l-6.7-5.1c0 4.7 1 20.7 2.4 40.7 2.2 33.3 5.2 77.9 5.3 100.7 0 18.2.9 36.4 1.7 54.6l.9 19a33762 33762 0 0 1 5 308.7c-.1 4.8-.3 9.7 1.7 14.4q-8.3.2-16.6-1c1.8-17.9-.6-131.4-2.4-212.6-.8-37.8-1.4-68.6-1.4-79.5 0-41-2.2-82.1-4.4-123.1-1.8-35.9-3.7-71.7-4.2-107.6-.1-10.7-2.9-16.2-13.3-19.5-10.6-3.5-17.7.8-23.5 8a266 266 0 0 1-31.9 33.2 62 62 0 0 0-23.4 49.5c-1 54.5 1 108.8 2.9 163.2 1.9 53.2 3.7 106.4 2.9 159.6-.5 29.7.2 59.5 1 89.2l.8 40.6zm513-569.4c-4.1-23.4-13.4-45-31.4-60.1-23.8-20-52.1-32.5-80.7-45l-14.8-6.6A45 45 0 0 1 829 81a133 133 0 0 1-18.5 36.5c-12.7 16.8-19.9 35.7-14.7 58.6 14.7-8.3 28.4-13 44.9-4.7a124 124 0 0 1 43.1 39c13.6 18.2 27.3 36 46.2 49.1 7.6 5.3 15.7 5 23.3 2 7.7-3.1 7.6-10.8 6.8-17.9q-1.4-13.5-2-27.3c-1.4-21-2.7-42.2-8.8-64m-397.8-8q-3.9-6.9-7.5-14.2l-12.2-27.3c84 49.3 169.7 54.2 259.7 13.3l-3.2 7.4c-3.6 8.2-7 16-8.7 24.6l-.6 3c-.9 4-1.7 8-1.4 12.3 1.2 19.9-4.4 27.6-23.4 34.6-31.6 11.6-64.2 13-97.3 11a243 243 0 0 0-24.4-.4c-19.7.7-35.9-8.2-52-17.2l-6.5-3.5a18 18 0 0 1-7.6-10c-3.3-12-9.1-22.8-15-33.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1339 719 30 721.7s25.8-189 56.2-235.7c16.3-25-10.6-45-16.4-70.3S58 357.8 59.3 348.3A173 173 0 0 0 55 305c-3-14-.2-28.3-7-40.5-7-12.1-8-25 0-30.7 8-5.8 341.2-123.5 341.2-123.5l10.3-21.6s47-34.8 72.2-40.7 47.1-9.7 47.1-9.7-5.2 24.3-1.4 36.6c4 12.4 93 68.9 154.7 63.8 72-6 139.4-45.2 144.8-60.7s-3.3-19-6.6-31.8c-3.4-12.8 4.8-17.6 19.3-9.6s211.3 110.9 254 130.4c42.6 19.6 202.6 69.4 202.6 69.4s30.2 8.8 26.7 17.2c-7.6 17.9-24.1 1-24.1 49.6 0 30-25.3 125.6-25.3 125.6s39.6 123.7 46.2 148.2 29.3 142 29.3 142",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant06-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m555 718.7-12-460h266.5l-9.5 460z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant06-a)"
+              },
+              "children": [
+                {
+                  "name": "clothesGraphic",
+                  "type": "component",
+                  "attributes": {
+                    "transform": "translate(424 305.7)"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M436.2 721.7c-2.6-57.2-5-114.3-4.4-171.6q1.3-101.8-.7-203.6-.2-13 .1-25.7c.3-16.5.5-33-1.4-49.5q-.2-2-.2-4.3c0-3.7 0-7.6-2.7-11.7l-6.3 3c-8 4-16 8.1-25.8 6.6-11.6-1.9-17.4-6.4-16.6-18.3a489 489 0 0 1 4.5-39.6c2-12.6 2.6-25.3 3.2-38.2.8-15.2 1.6-30.7 4.5-46.4a315 315 0 0 0-52 17.8c-22.4 10.7-46.6 16.2-70.6 21.7l-5.4 1.2q-37.4 8.4-73.4 22.2-13.3 5-26.8 9.4a376 376 0 0 0-41.7 15.7 994 994 0 0 0-61.3 32c-7.5 4.2-8.7 11.1-2 18a22 22 0 0 1 5 23.8 24 24 0 0 0 1.8 18.6 61 61 0 0 1 4.3 28q0 6.5.3 12.7a281 281 0 0 0 34.8 109.3 468 468 0 0 1 20 44.4c5 11.8 9.8 23.6 15.4 35 2 4 12.6 30 24.9 61.9 1 2.8-.4 7.2-1.9 11.7-1.5 4.6-3 9.3-1.9 12.2 1.2 3 4.6 4.3 8.2 5.7a19 19 0 0 1 8.6 4.7 93 93 0 0 1 20.3 37.7l.2.4c7.5 22.1 8.5 47 8.6 54a33 33 0 0 1-14.3.2c2-14.3-1-27.3-4.1-40.3q-1.6-6.9-3-13.9c-2.8-15.3-9.5-26.4-24.5-31.7-10.5-3.6-13.8-10.2-12.7-21.8l1-7.5c1.4-9.9 3-20.1-3-29-15.5-23-26.6-48.3-37.9-74l-6.8-15.4-1.4 2.2a43 43 0 0 0-6 11.5l-8.4 29C73.2 570 61.6 610 53 651c-5 23.5-7.9 47-9.8 70.8H28.7c-3.5-11.5-1-22.5 1.5-33.5l2.3-11.1C39 636.8 49.4 597.4 59.8 558l.5-2.1a710 710 0 0 1 29.5-84.5c2.3-5.6 1.2-9.2-2.8-13.7C71.8 440.2 66.7 418 63.2 396l-1.8-10.8c-4-23.5-7.9-47-6-71-6.7-7.8-7.3-17.4-7.8-27-.6-10-1.2-20-8.7-28.3-6.4-7 2.5-25.2 15-32.2 33.2-18.5 66.8-36 103.5-46.8a517 517 0 0 0 50.6-18.2c16.9-7 34.5-10.8 52.1-14.8q16.8-3.6 33.2-8.2c13.6-4 26.7-9 40-14a420 420 0 0 1 51-17.2c7-1.7 11.3-6.1 11.4-13.6.1-7.7 4.2-12.3 10.1-16.7 22.5-16.9 48.7-25 74.8-33.2l3.4-1q6.2-2.2 12-5a65 65 0 0 1 20.5-7c3.3-.6 6.5-1.2 10.2 0 2 6.6-2 9.9-6.8 11.9l-15.4 6.3a806 806 0 0 1-52.3 20.4c-7.8 2.7-14.7 7-21.6 11.1q-8.6 5.6-18 9.7c-2.3 1-4.2 5.6-4.6 8.7q-4.9 44-9.3 88l-1.4 13.2-1.4 14.1-3 27.9c-.6 3-1.2 6.1 1.7 8.5 3 2.4 5.7 1 8.4-.5l2.2-1c28.3-12.3 48.4-34.2 68.5-56q6.7-7.6 13.6-14.7c14.7-15.4 26.9-18.9 45.7-9.7 5.7 2.7 10.9 4.6 17.7 2.1q-5.5-11-11.4-21.8a302 302 0 0 1-22.2-47.1c-5-14.6-3.5-29.6-2.1-44.4l.3-3c.5-5.6 4.3-10.2 11.4-10.7 5.9 5.8 6 15.3 6 21-.2 25 18.1 33.3 34.7 40.8l.5.3c50.3 22.9 103.7 25 157.4 16.8a150 150 0 0 0 80.3-37.2c11.4-10.4 10-22.9 4.5-34.3-4.5-9-1.5-14.8 3.7-20.6 4.7-5.2 10.3-3 15.5-1l2.3 1c30.8 11 59 27.2 87.4 43.4l5 3a493 493 0 0 0 41.3 20.2q19.3 8.5 38 18.5c34.6 19 70.1 36.4 105.7 53.6 18.5 9 38.1 15.7 57.7 22.5l16.3 5.8q20.9 7.4 41.8 14.3 18 6 35.8 12.2c5.4 2 11 2.2 16.6 2.5 5.9.3 11.8.6 17.5 2.8l4.5 1.7c7 2.5 13.8 5 18.8 11.2 7.6 9.5 7.3 17.4-3 23.7-12.2 7.3-18.8 15.5-13.4 30.2 1.6 4.4-.3 9-2 13.3l-.5 1.2-.2.5c-10 25-16.8 79.6-18.6 93.4l-.3 2.8c-3.7 27 2.8 46 10.2 67.7l5.4 16.4q17.9 57.6 33.6 115.8 13 49 21.4 99c.6 3.4.4 7 .3 11l-.2 3a25 25 0 0 1-12.2.2c-9.4-69.9-29.7-136.2-50-202.4q-10.1-32.8-19.6-65.7a158 158 0 0 0-15 32.1 238 238 0 0 1-50.9 90l-1.2 1.3c-4 4.4-8.8 9.5-8 13.1 2.7 13-3.9 20.6-10.7 28.6l-3.3 3.8a42 42 0 0 0-8.6 20q-2 12.3-4.3 24.6a383 383 0 0 0-7.3 55.5h-14.3c2-6.1 2.4-13.2 3-22.2a251 251 0 0 1 11.8-67c.7-4 1.7-9.9 11-19.5 8.5-8.6 8.4-18.8 8.3-25.2q-.1-3.6.4-5.2c5.6-14.2 25.4-39.5 35.1-52q4.7-5.7 5.4-7.1a379 379 0 0 0 48-123.6q4-20.6 7.3-41.6 2.5-16.5 5.5-33l1.7-8.8c2.5-13.3 5-26.5 5.6-40.2.3-7.4 6.6-11 12.5-14.5l1.3-.8.5-.2.4-.3c3.3-2 6.7-4 6.2-8.3-.5-4-3.9-5-7.3-6l-1.3-.4c-10.2-3-20.7-5.2-31.1-7.4a300 300 0 0 1-39.6-10.2l-20.3-7c-13.9-4.9-27.7-9.6-41.3-15a1511 1511 0 0 1-77.9-32.1 1476 1476 0 0 1-87-43.7 346 346 0 0 0-58-26c19.6 34.7 23.1 72.8 26.7 110.8q1.3 14.6 3 28.8c1.5 12.7-3 23.5-13.6 30-12.3 7.4-25.3 6.2-37.6-1.4l-3-2.2c-2.2-2-4.6-4-8.3-3.8-.4 49.6 0 99.2.2 148.8.6 101.4 1.2 203-3.3 305a42 42 0 0 1-16.6.3q.9-30.6 2.4-60.7 1.6-35 2.7-70c.8-39.9.6-79.7.4-119.6l-.2-22.4q-.4-79.5-1.3-159.2l-.2-19.9q0-3 .4-5.9c.5-5.5 1.1-11-3.3-16.2q-10.1-12-19.8-24.3L861 206.3a96 96 0 0 0-27-21.6c-10.4-6-14.9-3-17.3 8.3a57 57 0 0 0 0 19.7q.7 5.6.8 11c.4 80.8-1.6 161.5-4.3 242.2q-2.1 67.6-3.1 135.4c-.4 23.7-1.5 47.4-2.5 71q-1.2 24.7-2 49.6c-4 0-9.9-.5-13.8-1.3.8-23.1 2-48.1 3-70.2a1849 1849 0 0 0 2.5-58.5c.1-34.5 1.5-99.8 2.8-162.4 1.1-52.7 2.2-103.4 2.5-132.4a6423 6423 0 0 0 0-105.7c-11.4-1.8-21 3.7-29.6 11.7a60 60 0 0 1-28.4 14.2c-40.4 9-81.3 11.7-122.4 5-21.3-3.4-41.6-9.6-57.9-25q-4.5-4.3-10.6-8.6l-6.7-5.1c0 4.7 1 20.7 2.4 40.7 2.2 33.3 5.2 77.9 5.3 100.7 0 18.2.9 36.4 1.7 54.6l.9 19a33762 33762 0 0 1 5 308.7c-.1 4.8-.3 9.7 1.7 14.4q-8.3.2-16.6-1c1.8-17.9-.6-131.4-2.4-212.6-.8-37.8-1.4-68.6-1.4-79.5 0-41-2.2-82.1-4.4-123.1-1.8-35.9-3.7-71.7-4.2-107.6-.1-10.7-2.9-16.2-13.3-19.5-10.6-3.5-17.7.8-23.5 8a266 266 0 0 1-31.9 33.2 62 62 0 0 0-23.4 49.5c-1 54.5 1 108.8 2.9 163.2 1.9 53.2 3.7 106.4 2.9 159.6-.5 29.7.2 59.5 1 89.2l.8 40.6zm513-569.4c-4.1-23.4-13.4-45-31.4-60.1-23.8-20-52.1-32.5-80.7-45l-14.8-6.6A45 45 0 0 1 829 81a133 133 0 0 1-18.5 36.5c-12.7 16.8-19.9 35.7-14.7 58.6 14.7-8.3 28.4-13 44.9-4.7a124 124 0 0 1 43.1 39c13.6 18.2 27.3 36 46.2 49.1 7.6 5.3 15.7 5 23.3 2 7.7-3.1 7.6-10.8 6.8-17.9q-1.4-13.5-2-27.3c-1.4-21-2.7-42.2-8.8-64m-397.8-8q-3.9-6.9-7.5-14.2l-12.2-27.3c84 49.3 169.7 54.2 259.7 13.3l-3.2 7.4c-3.6 8.2-7 16-8.7 24.6l-.6 3c-.9 4-1.7 8-1.4 12.3 1.2 19.9-4.4 27.6-23.4 34.6-31.6 11.6-64.2 13-97.3 11a243 243 0 0 0-24.4-.4c-19.7.7-35.9-8.2-52-17.2l-6.5-3.5a18 18 0 0 1-7.6-10c-3.3-12-9.1-22.8-15-33.5",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1328.3 722S1303 508.5 1290 451.3c-25.7-111.8-73.3-201.4-135.3-220.5-29.6-9.2-39.4-34-47-53.2a80 80 0 0 0-9.3-19.2c-31.2-40-96.1-80.2-130.3-93.4-26.5-10.3-102.5-16.7-128-6.6-11.5 4.5-16.2 11-17.6 18.5q-2.3.7-4.4 2c-3.3 1.8-6 5-9.5 9-13.5 15.5-36.4 41.9-127.8 37.8-72.5-3.2-120.5-13.8-149-58.3q-3.5-5.2-8-4.2a224 224 0 0 0-163 19C343.2 91.7 246.4 186 245.4 191.4c-2 10.6-25.6 28-55.2 47.6-62.3 41-89.6 121.7-113.9 193l-6.6 19.2C58.8 483 33.1 719.7 33.1 719.7l176 2.3z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant07-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m494 719.7-14-432.5h392v432.5z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant07-a)"
+              },
+              "children": [
+                {
+                  "name": "g",
+                  "type": "element",
+                  "attributes": {
+                    "transform": "translate(424 305.7)",
+                    "style": "mix-blend-mode:difference"
+                  },
+                  "children": [
+                    {
+                      "name": "clothesGraphic",
+                      "type": "component"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4",
+                "stroke": "black",
+                "stroke-width": "15"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1328.3 722S1303 508.5 1290 451.3c-25.7-111.8-73.3-201.4-135.3-220.5-29.6-9.2-39.4-34-47-53.2a80 80 0 0 0-9.3-19.2c-31.2-40-96.1-80.2-130.3-93.4-26.5-10.3-102.5-16.7-128-6.6-11.5 4.5-16.2 11-17.6 18.5q-2.3.7-4.4 2c-3.3 1.8-6 5-9.5 9-13.5 15.5-36.4 41.9-127.8 37.8-72.5-3.2-120.5-13.8-149-58.3q-3.5-5.2-8-4.2a224 224 0 0 0-163 19C343.2 91.7 246.4 186 245.4 191.4c-2 10.6-25.6 28-55.2 47.6-62.3 41-89.6 121.7-113.9 193l-6.6 19.2C58.8 483 33.1 719.7 33.1 719.7l176 2.3z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant08-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m494 719.7-14-432.5h392v432.5z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant08-a)"
+              },
+              "children": [
+                {
+                  "name": "g",
+                  "type": "element",
+                  "attributes": {
+                    "transform": "translate(424 305.7)",
+                    "style": "mix-blend-mode:difference"
+                  },
+                  "children": [
+                    {
+                      "name": "clothesGraphic",
+                      "type": "component"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4",
+                "stroke": "white",
+                "stroke-width": "15"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant09-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m494 719.7-14-432.5h392v432.5z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant09-a)"
+              },
+              "children": [
+                {
+                  "name": "g",
+                  "type": "element",
+                  "attributes": {
+                    "transform": "translate(424 305.7)",
+                    "style": "mix-blend-mode:difference"
+                  },
+                  "children": [
+                    {
+                      "name": "clothesGraphic",
+                      "type": "component"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4",
+                "stroke": "black",
+                "stroke-width": "15"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1328.3 722H209l-176-2.3s25.8-236.8 36.7-268.4C96 375.7 122.3 283.8 190.2 239c29.6-19.6 53.3-37 55.2-47.6 1-5.3 97.8-99.7 115.3-109.2 83.5-45.6 164.8-18.4 164.8-18.4l.9 18.8s1.9 22.7 6.9 29.4c22.7 31 101.3 50.4 154.1 54.7C753.7 172 826 142 828.1 120c1.7-17.2-21.4-48.5 11.8-61.6C865.5 48.3 941.5 54.7 968 65c34.1 13.2 99 53.5 130.3 93.4 12.2 15.6 14.7 59.5 56.3 72.4 62 19.1 109.6 108.7 135.3 220.5 13.1 57.2 38.4 270.7 38.4 270.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M988 721.7H872.9l4.8-188.7s2.5-265.3-4.8-355.8c-2.4-29-20.3-69.5-32-57.8-68.3 68.3-163.6 53.8-172.2 54.6-23.3 2.2-61.7-7.6-106-28-12.2-5.9-40.7-40-40.7-40s-41.7 60.7-44.3 122c-4.2 100.4 4.9 268.3 8 338a7165 7165 0 0 1 4.5 155.6h-115s18.4-319.6 0-499.6c-8-76.7-122.7-9.1-118.9-35.4 7-48.6 106.4-118.4 157.5-132.2 20.1-5.4 109.7 5.9 109.7 5.9s5.2 51.2 28.4 70.8c10 8.4 57.2 30.6 105 35.9 55.3 6.1 113.4-6.2 146.7-22.8 44.3-22-17.2-48 22.6-75.2 39.6-27 62-16.7 92.8-15.7 95.4 3 209.3 131.5 191.9 137.3-25.2 8.6-120.3-32.8-130.5 39.5C966 333 988 721.7 988 721.7",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m870.7 722-377.5-.3s-13.5-434.3-13.5-523.6c0-74 36.6-154.8 52-130.7 28.5 44.5 76.5 55 149 58.3 115 5.1 121.6-38 137.3-46.8 31.4-17.9 52.7 56.4 52.7 133z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "mask",
+              "type": "element",
+              "attributes": {
+                "id": "clothesVariant10-a",
+                "style": "mask-type:luminance"
+              },
+              "children": [
+                {
+                  "name": "path",
+                  "type": "element",
+                  "attributes": {
+                    "d": "m494 719.7-14-432.5h392v432.5z",
+                    "fill": "white"
+                  }
+                }
+              ]
+            },
+            {
+              "name": "g",
+              "type": "element",
+              "attributes": {
+                "mask": "url(#clothesVariant10-a)"
+              },
+              "children": [
+                {
+                  "name": "g",
+                  "type": "element",
+                  "attributes": {
+                    "transform": "translate(424 305.7)",
+                    "style": "mix-blend-mode:difference"
+                  },
+                  "children": [
+                    {
+                      "name": "clothesGraphic",
+                      "type": "component"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1322 721.7c-6.2-21.3-11.5-73.3-14.9-102-2.4-20.7-19.6-166.5-38.5-217.4-11.6-31.1-22.4-63-39.5-92.1-11.7-20-29.3-34.3-46-48.9a513 513 0 0 0-67-48.2q-46.3-28.7-97.6-11.7a32 32 0 0 0-21.9 24.3c-13.4 53.3-9.1 107.6-9.8 161.6-.8 69.8 3.1 139.5 5.2 209.2 1.8 57.2 0 66.7-.6 125.2h-14.5c-.9-32.2-.4-15.3-.6-47.5q-.4-71.4-1.6-142.7c-.6-37.8-.3-75.7-2.8-113.5-2.6-39.6-2.7-79.1.7-118.6 2.5-28.2.1-57 11.3-84.3 9.4-23 28.3-31.8 49.9-33.5 22.4-1.7 45.7-4.8 69.8 9.3-4.8-16.6-15-24.7-22.6-34-28-34.2-65.5-55.5-103.6-76.8-39.3-22-80.7-19-122.6-17.4-6.5.3-12 3.8-17.8 6.7-7.5 4-15.3 7.3-26.6 4.8 9.5-13 22.1-17.3 35.1-21.1 37.1-10.8 73-5.2 95.7-1.8 28.9 4.3 128.5 52.3 175.5 127.9 22.3 35.9 85.8 36.4 143.6 157.6a528 528 0 0 1 34.7 100.7c10.9 44 39.5 252.6 39.5 284.2zm-1279.7 0c2-6.9 2.7-9.9 3.6-15.7 4.6-28.4 5.5-57.6 8.9-86.3 2.4-20.7 3.3-41.4 6-62 7.2-52.7 15.6-105 32.5-155.4a486 486 0 0 1 39.5-92.1c11.7-20 29.3-34.3 46-48.9 20.7-18 43.5-33.7 67-48.2q46.3-28.7 97.6-11.7a32 32 0 0 1 21.9 24.3c13.4 53.3 9.1 107.6 9.8 161.6.8 69.8-3.1 139.5-5.2 209.2-1.8 57.2.5 125 .5 125l14.6.2c.9-32.2.4-15.3.6-47.5q.3-71.4 1.6-142.7c.6-37.8.3-75.7 2.8-113.5 2.6-39.6 2.7-79.1-.7-118.6-2.5-28.2-.1-57-11.3-84.3-9.4-23-28.3-31.8-50-33.5-22.3-1.7-45.6-4.8-69.7 9.3 4.8-16.6 15-24.7 22.6-34 28-34.2 65.5-55.5 103.5-76.8 39.4-22 80.8-19 122.7-17.4 6.5.3 12 3.8 17.8 6.7 7.5 4 2.3 11.5 6.4.7 5.8-15-2-13.2-15-17-37-10.8-74-4-111 .5a66 66 0 0 0-21.5 8c-51.4 27.8-116 77.2-138.6 117.6-12 21.6-30.7 32.8-47.5 47.7-59.7 53.1-75.4 64.6-96.1 109.9a574 574 0 0 0-34.7 100.7c-11 44-19.1 88.6-22.8 134.2-2.7 32.4-7.4 64.8-10.3 97.4-2 22.8-3.5 39.7-3.5 52.6z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1158.8 721.7c2-23.7-8-84.7-12.5-115.7-3.3-22.6-3-46-11.4-67.7-2.1-5.4-1.5-12.4 5.3-13.5 6.4-1 9.3 3.5 10.7 10.8 7.8 38.3 11.3 77.2 16 116 3.5 30 7.8 60 8.5 70zm-938.5 0c1.4-23.6 8-84.7 12.6-115.7 3.3-22.6 3-46 11.4-67.7 2.1-5.4 1.5-12.4-5.3-13.5-6.4-1-9.3 3.5-10.7 10.8-7.8 38.3-11.3 77.2-16 116-3.6 30-5.7 70.1-5.7 70.1z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M494.4 722s-14.7-427.5-14.7-515.4c0-72.8 36.6-163 52-139.2 28.5 43.8 77.2 58.4 149.7 61.5 115 5 120.9-41.3 136.6-50 31.4-17.6 52.7 66 52.7 141.4v501.4",
+                "stroke": "black",
+                "stroke-width": "15"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1319.6 720.7H110.3l8.6-63.3S41.2 631 33.5 615.7s84.2-214.2 96.8-245.7S227.1 215.8 266 196a3408 3408 0 0 1 147-69.7c4.8-2.1 7.2-3 14.8-16.1 7.7-13 33.6-18.8 43-26.5 4.3-3.5 14.6-31.5 35.3-28a32 32 0 0 1 26.2 19.6s11.8 99.2 188.1 84.8c52.6-4.3 156-39 160.7-77.5 2.2-18.4-11.5-32-11.5-32s53-8.9 77.1 5 14.8 52 14.8 52 83.3 47 110.1 72.8C1117 224 1211 331.6 1252 432.2c23.1 57 77.8 160.3 85.9 173.4s-27 36-27 36z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M979.9 126.4a689 689 0 0 1 108.5 79.4c1.2 1 58 53.1 111.2 143.2 53.5 90.7 103.4 219.4 103.4 219.4 10.1 26.7-34.4 57-63 73.5-50.6 29.1-78.5 51.8-75.3 51.1 30-5.9 75.6-29.2 102.5-45a98 98 0 0 1 18.8-7.7q4.8-1.5 9.7-3.4l2.5 9.4c4 14 7.6 27.5 7.8 42v3.7c0 9 0 18 3.7 27.7 5.2 1 9 1 13.1 0l-.2-2c-2-20.2-4-39.4-6.8-58.5-.9-6.2 0-10.3 5.2-12 5.7-2 10.1-6 14.5-10q3.3-3.4 7-6c9.8-7.2 10.9-16.9 4.5-26.1-8-11.8-13.7-24.9-19.5-38q-3.1-7.5-6.7-15l-8.8-18.9c-23.3-50-50-107-69.5-140.9-28.7-49.7-87.5-149.1-151.5-203.5l-1.8-1.5c-29.2-24.9-76.7-65.3-121.5-85.2l-.2-8.4c-.1-6.1-.3-12 .3-17.7a26 26 0 0 0-10.4-24 54 54 0 0 0-31.2-13.2c-14.7-.6-33.4.5-52.4 1.5-24 1.4-48.5 2.8-67 1-11.3-1.1-12.8 2.2-9.6 15.1-10.5 8.4-10.3 12.6 1 18.9q4.6 2.4 9.6 3.2c10 1.5 35.5.7 49 .3l4.8-.2h1.7c3.8-.3 7.9-.6 10.4 4.8a94 94 0 0 1-17.7 21.1c-36.1 29.9-77.7 41.6-121.2 47.2-31.6 4-63 3.8-94.6-2-32.7-6-62.2-18.1-87.7-42.4-1.3-1.2-4.2-3.3-7.6-5.8-9.1-6.6-22.5-16.3-24-22.9 26.7-24.2-23.2-43.7-42.2-16.8-7.6 10.8-16.3 21.4-30 25.5-10.8 3.2-22 8.7-27.3 22.3-.8 2-3.4 3.3-5.4 4.2l-19.4 9.3c-17.3 8.3-34.6 16.6-52.2 24a752 752 0 0 0-67.8 33.7 257 257 0 0 0-85.2 75.6C157 303 130.4 354.7 107 409q-19.6 45-40 89.8l-2 4.2q-3.5 8-7.2 15.6c-11.7 25.3-23.5 50.6-28.7 78.8-3.8 20.3-4.5 34.6 16.3 48.9 16.6 11.3 32.8 22.5 52 26.8 8.8 2 10.9 7.8 9.5 16.5l-1.6 9.2a275 275 0 0 0-3.3 22h15a243 243 0 0 1 8-47.1l3.6-15.7c19 9.4 38.5 17.3 57.9 25 27 11 54.2 22 80.5 37.2q14.5 1 29-.4l-.4-.7q-1-2.4-2-3c-13.6-6.1-26.6-13.6-39.6-21a460 460 0 0 0-39-20.7q-14.7-6.7-29-13.8a555 555 0 0 0-50-22.6 240 240 0 0 0-27.5-8 350 350 0 0 1-57-18.7c-8-3.3-11.1-8.7-7.4-19.6a764 764 0 0 1 20.3-52.4q13.2-30.4 27-60.5l23.5-51.6 24.3-53.7a670 670 0 0 1 47-83.8c26.6-43 60.7-75.8 104.2-95.7q19.9-9.2 39.6-19 13.8-6.9 27.7-13.5l10-5c13.2-6.6 26.4-13.3 40.8-14.9 22.7-2.4 47.6.5 57 32.2a19 19 0 0 0 2.9 5l1.5 2.4c12.6 21.4 31.1 33.6 51 44.6 34.8 19 70.6 28.1 109 20 10.5-2.3 14 .8 14.3 12.7l-.1 6.3c-.2 5.1-.5 10.2 1.4 15.1 8.8 23.2 10.8 45.9-2.7 68q-1.4 2.3-2.2 5.2l-1 2.9-.4 1c-1.3 3.2-2.7 6.7.4 9.4 3.7 3.3 7 1 10-2.1 13.8-14 21.4-52.7 13.8-71.9a63 63 0 0 1-4.3-21c-.3-7.7.6-12.2 9-13.8a26.5 26.5 0 0 0 22.2-24c1.2-15.9 8-15.5 18.2-13 2.3 14.7 5.4 30.8 20.2 33.3 11.5 2 18.1 9.3 25.3 17l1.5 1.8q3.2 3.5 7.4 5.4c12.7 5 19.3 14 17.4 29.9q-.4 3.4-.1 7 .2 3.5-.1 7c-2.9 22.5 8.8 34.6 21 47.1q4.7 4.9 9.3 10.2c5.7-10.4.9-16.7-4-21.4-12.3-12-16-26.1-13.7-44.3 2.3-18-.8-35-17-44.8q-3-1.8-5.7-3.7-4-2.7-8-5l-1.2-.5c-3.6-2-7.5-4-6.2-9 1.4-5.8 5.7-7 11.7-6.3a130 130 0 0 0 57-5 257 257 0 0 0 52.2-23.2c23.3-14.6 44.6-30.3 61-54.5l5.5-8.8c5.5-8.8 11-17.8 19.2-23.9 6-4.4 11.3-6.9 18.7-2.6m-527-20.6 2-.5c11-1.6 15-7.8 19.4-15.1q2.5-4.3 6-8.7 2.2-3 4.5-7c3.8-6.5 8.2-13.8 15-16 13-4.5 19.2 9.1 14 12.6-14 9.3 25.4 55.2 54.3 69.7 59.4 30 111.8 32 169.7 26.8a228 228 0 0 0 122-46.8c15-11.7 30.4-25.8 26.7-51.5-1.1-8 4.6-10 9.7-6.7 11.3 7.4 21.2 7.5 32.4-1.2 7-5.4 11.8-.4 16.6 4.5q2.8 3.2 5.7 5.2c6 3.8 4.6 11 3.3 17.4l-.3 1.2c-11.9 59.2-48.6 94.9-94 119.9-23 12.7-49 18-74.9 21.6-11.5 1.6-17.4-2.7-15.2-17.4 7-5.3 15.2-7.4 23.5-9.6 5.5-1.4 11-2.9 16.3-5.3 13.8-6.2 26-15.2 38.3-24.1q6.5-4.8 13.2-9.4 4.7-3.4 9.7-6.3c7.2-4.4 14.5-8.9 20.6-15.2l3-3q2.5-2.1 4.6-4.6c2.9-3.5 5.8-7.9 2.4-12.4-3.2-4.3-5.7-2-8.1.4l-2.2 2q-8.5 6-17 12.3a544 544 0 0 1-66 43.6 201 201 0 0 1-82.2 20.3c-27 1.6-53.9.3-81-6q-27.3-6.6-55.1-12.4c-14.9-3-27-13.7-38.8-24l-5.7-5q-1.4-1.1-2.6-2.5c-4-3.8-8.2-8-12.4-2.2-4.5 6-.2 10.3 4 14.3l2.8 3c23.6 27.3 54.5 33.5 85.3 39.8l14.7 3.2C632.5 230 631.9 230 616 231h-.7a147 147 0 0 1-86.4-18.5c-21.2-12.2-41.5-26.2-48.7-54.7-5.2-20.7-19.3-30-35.8-36.7l-1.4-.4c-1.7-.5-3.4-1-4.6-3.8 2.1-8 8.3-9.6 14.5-11.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1321.6 744.7H110.4l8.6-63.2S41.3 655 33.5 639.7s84.3-214 97-245.4c12.6-31.5 76.6-148 135.7-174 39.7-17.3 137.8-75.2 175-91.5 4.8-2.1 16.8-20 24.4-33s15.7 13.4 42-28.5c6.7-10.6 34.7 7 50.7 17.3 13.6 9 36.7 44.5 142.6 37.8 143.6-9 163.1-75.4 179.7-65.7 24 14 53.8 56.5 53.8 56.5s109.8 69 138.7 91.6c59.5 46.4 123.1 81.9 180.6 251.6 19.9 58.6 78 160.2 86 173.2 8.2 13.1-27 36-27 36z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1090.5 226.4c-30.2-25.3-60-47-93.8-66.2-2.3-1.3-4.7-3.4-7.4-1.2-3.7 3.2-2.5 7.6-1.5 11.7 6.1 24.7.6 46.4-15.4 63.8a85 85 0 0 1-36 22.7c-9.3 3-12.6 8-9.8 19.7 5.4 21.8 11.7 43.1 11.2 66.9-.7 29-12.8 49.6-29.5 68.8-23 26.6-53.7 35.9-83.7 46.8a383 383 0 0 0-90.2 45.3c-15.2 10.7-23 30-30.6 48a293 293 0 0 0-18.6 77.1c-2.5 18.7 6 34.8 9.7 52 5 23.3 14.4 44.4 30.3 62-3.9.9-7.7.9-12.6.9a183 183 0 0 1-36-137.3c5.3-39.7 18.7-76.8 45.6-105.2 16-17 36.4-26.8 56.3-37 28.7-14.6 60-22.2 88.5-37 29-15.2 51.2-39.3 55.6-79a164 164 0 0 0-6.6-61c-5-19-.5-31.3 16.5-42 9.4-6 19.7-9.4 28.3-18a53 53 0 0 0 17.3-32.9c2.8-27.8-2-51.7-22.2-66.3-11.7-8.4-16-8-25.6 3.3-3.8 4.4-7.2 9-13.4 5.7-1.7-2.1-.3-4 .5-5.8 2.8-5.6 10.7-8.8 8.2-17-3.2-10.7-6.4-22-15.4-28.9-6.4-4.8-13-6.4-20-1.7-3.3 2.2-6.5 4.5-10 6q-2.2.9-4.5 0-2.2-1.1-3.1-3.6c-1.6-3.6.6-5.3 2.8-7.2q5.2-4.4 11-10c-6.4-8-12.1-5.6-18-.9-10.3 8.4-20 18.1-31 24.8a211 211 0 0 1-100 31.7c-33.9 1.4-67.8 3.2-101.6.8-21.7-1.6-41.6-11.5-61.5-20.5-16.4-7.4-31-18.4-46.8-27.1-13.5-7.4-20.5-4.6-28 10-9.5 18.5-7 33.2 8.6 49.4 3.6 3.8 11.3 7.6 7.2 13.5-5 7-10.2-1.5-14.1-4.9-10.8-9.4-20-20.4-21.1-37-.3-4-.5-8-5.2-8.5-3.6-.4-6 .9-8.5 4.5-8.2 12.4-8 18.6 3 36.7 2.5 4.3 5.8 8 2.2 14.2-11-4.8-14.8-17.1-20.7-27.2-6.6 5.5-4.4 11-2.9 16a148 148 0 0 0 62.4 81.8c13.7 9 27.5 18 42.7 22.9 36.4 11.6 72.3 26.3 111.4 23.3 25.9-2 52.2 3 77.7-6.3 6.7-2.4 9.2 2.5 8.5 9.1-2.5 26.3-7.4 51.7-21.2 74-22.7 36.6-55.2 59.4-88.8 80.6-25.8 16.3-54.8 25.3-79 45.5a191 191 0 0 0-46.5 54.3c-22.7 41.2-26.1 85.8-16.3 132.1 5.2 24.8 19.8 43.2 34.4 61.4 5.3 6.6 11.2 12.7 17 19.8-3.8.9-7.7.9-12.5.9-24.9-24.6-46.3-51-53.4-88.3a217 217 0 0 1 .3-77.2c7.8-46 30.5-81.7 62.1-110.1q22.3-19.9 48.4-32.2c43.2-20.5 83.2-46.6 115.5-85.8a105 105 0 0 0 23.8-63.6H659c-27.8 0-54.3-7-80.8-15.8a296 296 0 0 1-70.4-33 163 163 0 0 1-66.8-82.4c-3.2-9-6.4-10.2-13.3-5.7-27.6 17.7-57.8 28.4-86.6 42.9-49.3 24.8-101.5 44.3-137.1 94.5a789 789 0 0 0-45.2 71.5c-28.4 50.8-49.7 105.8-73.8 159.2-13 28.6-26.3 57-37.6 86.5-9 23.4-7.5 27.2 14.7 34 13.4 4 26.3 11.1 40 13.5 36.2 6.4 68.5 24.7 101.7 40.3a530 530 0 0 1 77.1 41.6c4.9 3.4 11.4 2.2 15 9.2q-14.4 1.3-28.8.3c-45.3-26-93-39.7-138.8-62-5 23-10.7 42.1-11.6 62.6h-12.6c-2.8-9.2.5-17.6 2.1-26.3 2.1-11.3 1.2-19.6-11.4-22-20.5-4-37.4-17.3-54.6-29.4-12.1-8.4-16-26.2-11.3-47 5.5-25 15.6-47.6 25.5-70.5C74.9 502 96.4 455 117.6 408c25.8-57 55.5-112 97.7-156.2a261 261 0 0 1 71.6-51.9c22.8-11.7 45.6-23.8 69-33.8 20-8.7 39-19.6 58.7-29 14.6-6.9 28.3-14.7 36-32.2 6.1-13.8 15.5-24.6 31.5-20.1 4.2 1.2 6-1.6 8.1-5 16-24.3 28-26.8 51.8-11.2 6.6 4.3 42.5 24.2 53 29.5 23.8 12 49.6 18 75.7 17.8 26.4-.2 52.8-2.6 79.1-4.5 31-2.2 59.2-15.6 86.1-31.6 9.8-5.8 18.4-14.6 27.8-21.6 11.3-8.4 23.5-6.9 33.5 3.9q6 6 13.2 9.7c13.1 7 17.5 24.3 27.8 32s25.2 7.9 34.6 20.6c6.3 8.6 16.4 11.6 25 17 248.7 157.4 198.5 193.2 296.6 375.9 17.1 31.9 29.5 66.4 46.1 98.5l.6 1c16.3 27 13.1 39.2-14 52.2-7.1 3.4-10.8 6.6-9 16.9 3.3 18.7 4.7 37.8 6.7 57.8-4 1-8 1-13.1 0-4.2-10.9-3.7-21.1-3.7-31.3-.2-17.7-5.8-33.8-10.4-51.4-10.2 4-20 6.2-28.4 11.1-27 15.8-55 27.2-85 33-15.1 3-21.7 13.5-21.7 30.9q.3 4.5 1 8.8-7.7.2-15.2-1.2c-2.6-76 172-113.3 172-113.3s-32.1-68.2-55.2-126.2c-26.7-67.2-42.4-95.4-57.5-133.3-23.2-58.5-113.7-141.4-117.1-144.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M550.3 641.4c-10.3-30-7.6-58 5.5-85.1L561 545c2-4.7 5.2-8 9.8-5.6 4.4 2.2 3 6.6 1.7 11-3.4 12-9.4 22.8-12.7 35-7.8 29.1.5 53 16 75 6.4 9 14.9 16.3 16.1 29.2a88 88 0 0 1-41.7-48.3m306.6-450.7c16.4-22 34-33.6 45.2-28.9a35 35 0 0 1-11.2 12 134 134 0 0 0-38 39.3c-15.3 22.7-15.8 46.3-2.4 70.6a98 98 0 0 1 11.5 40.8q1.8 25-19.8 35.3c-.5-.7-1.3-1.7-1.2-2 15.4-21.9 9-44.4 1.6-67-11.5-35.8-8.3-69.3 14.3-100",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant13": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1318.6 716.7H110.2l8.6-63.3S41.2 627 33.5 611.7s84.1-214.2 96.7-245.6 77-142.8 115.1-164c42.4-23.7 181.7-86.8 189.6-93.2C461 87.9 517.6 66 517.6 66v30.7l171.4 281 10.3 37.8s103.6-281 113.4-338c8.2-47.9 119.8 10.2 119.8 10.2s114.2 70.6 143 93.3c58.4 46.2 140 138.6 180.7 239.2 23.2 57 72.5 168.2 80.6 181.3 8.1 13-27 36-27 36z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1071.5 187.8a547 547 0 0 0-75-55.3l-11.7-7c-13.2-7.8-26.4-15.8-41.4-20.6a109 109 0 0 0-.5 29.6 699 699 0 0 1 .2 141.3 240 240 0 0 0-.8 35l.2 12.3q0 10.3-2.7 20c-2.4 9.2-6.7 13.3-16 14q-12.5 1-24.8 3.2c-13.3 2-26.7 4.2-40.3 3.4-2.8-.2-5.6-.1-7.3 0H850l3.5 4.4c3.2 4 7 8.7 10.4 13.6 5.5 7.7 6.7 14.4 1.5 24.9-26 52.4-61 97.3-98.6 138.3a868 868 0 0 0-34.7 41.2c-18.7 23.3-37.4 46.6-59.8 65.8-11.3 9.7-21.5 20.9-31.8 32a384 384 0 0 1-31.7 32.1c-13.3.7-26.2.7-40.2.7a435 435 0 0 0 16.8-40.2 497 497 0 0 1 15-36.4 859 859 0 0 0 26.7-64.4c6-16 6.3-32.2-4.2-46.8l-11.4-16a912 912 0 0 0-64.2-82.7c-10.6-11.6-13-30-6.3-47q2.5-6.3 4.8-12.9l2.1-5.7c-14-6.1-28-6.4-42.1-6.8q-10 .1-19.8-1l-1.4-.2c-21.6-2.4-22-2.5-29.6-26.2a700 700 0 0 1-31.6-157 135 135 0 0 0-9.9-43.4 1144 1144 0 0 0-66.3 30.3l-1 .4q-37 18.2-73.5 38.1c-36 19.8-64.1 49.8-87 86.6l-.5.8a684 684 0 0 0-46.4 83L115 422.1l-13.3 29.3-10.5 23.1q-14 30.2-27 60.7a796 796 0 0 0-20.4 52.4c-4 11.7-.1 17 8.3 20l15 6a206 206 0 0 0 43.3 13.8c20 3.2 38 11.5 56 19.8l1.3.6 1.4.6c30.3 14 60 29.3 89.8 44.7 11.7 6 22.9 13.5 34.4 21.2l2.2 1.5q-14.4 1.3-28.8.3a620 620 0 0 0-80.9-37.3 860 860 0 0 1-58-25q-2.2 11.3-4.6 21.6c-3.2 14.3-6.2 27.5-6.6 41.3H104c-2.2-7.2-.6-14 .9-20.8l1.2-5.5c2-11.3 1.2-19.7-11.4-22.1-18.5-3.7-34-14.8-49.6-25.9l-5-3.5c-12-8.5-15.8-26.2-11.2-47a370 370 0 0 1 23.7-66.5l1.3-3a6699 6699 0 0 1 50.2-113l13.4-29.8c25.7-57.1 55.5-112 97.5-156.4 21-22.2 45-38.9 71.7-51.8q11.7-5.6 23.4-11.5c20-10 40-20 60.5-28.2 19.3-7.6 28-17 36.4-26.3 9-9.7 17.8-19.3 38.6-26.2l13.9-4.8c16.8-6 33.6-11.8 51.4-13.5h1q2 0 3.4-1l.3-.3c4-4 8.3-8 13-1.6a18 18 0 0 1 1 19.2c-7 10.8-3.2 21 .3 30.4l.3.9c8.4 22 60.2 109.5 78.7 134.6l6 7.9c21 28 72.4 96.4 87.9 143.7a276 276 0 0 0 14.9-37.7l5.2-15a2199 2199 0 0 0 29.2-86.7q5.5-17.2 10.2-34.7 4-14.2 8.2-28 6.5-21.2 13.3-42.2l9-28.2 5.9-19.2 6.5-21.5c8.3-25.8 10.4-30.5 34-29.7 29.2 1 63.6 11.3 83.6 19.7 96 40.4 248.5 140.6 319.7 290.2A2276 2276 0 0 1 1302 502c17.5 44 31.2 78.6 42.6 95 9.6 14 8.5 22-4 32.1l-4.7 4.1c-4 3.7-8 7.4-13.2 9-5.6 1.7-7.3 6.5-6.5 13a2842 2842 0 0 1 6.5 60.4c-4.1 1-8 1-13.3.1-4-9.2-3.8-18-3.6-26.5v-1c.5-15.5-3.5-29.7-7.7-44.6l-3-10.9q-5 2.1-10 3.9c-7 2.6-13.7 5.1-20 8.8a252 252 0 0 1-76 30.5c-20.9 4.4-30.5 17.1-27.6 40.8q-7.5.2-15.1-1.2c-2-41.7 23.2-51.6 55.8-64.4l11.7-4.7c47.4-19.5 108-47.2 108-47.2s-61.1-143.9-82.6-198.2c-42-106.6-147.6-196.7-151.1-199.5zM756.3 288.9a2651 2651 0 0 1-51.6 140.5c-14 35.6-29.2 70.6-44.4 105.5l-1.5 3.6q-8.1 18.7-15.7 37.5-11 27.5-23.2 54.3a722 722 0 0 0-18.3 44.3l-8 20.4-.5 1.2c-1.2 2.7-2.4 5.4.4 8 2.1 2 4.4.5 6.2-1q3.6-3 7-6.4l13-13.5 18.4-19 19.5-19.6q16-15.8 31.6-32c7.5-7.8 14-16.7 20.5-25.6 7-9.5 14-19 22-27a560 560 0 0 0 58.8-68q9.4-12.7 19.2-25.1c14.3-18.5 28.6-37 40.1-58.1 5.2-9.5 6.4-16.1-2.4-23.8-6.7-6-12.3-13.6-17.8-21l-.7-1-.4-.5c-3-4.2-6.6-9-3.2-15.7q11.1-1.4 22.4-1.2c21 0 42-.8 63-1.6l3.7-.1c7.2-.3 11.9-4.4 12.2-13.4l1.3-26.2.5-8.3 1.5-25c1.8-28.5 3.6-57 2.5-85.5-1-24.3-1.4-48.7-.1-73 .7-12-3.3-17.6-11.7-22.9C897 75 871.1 71.4 845.2 67.8l-11.6-1.6c-6.6-1-8.8 3.4-10.5 8.8q-2.5 7.8-5.3 15.6a232 232 0 0 0-7.6 23.6c-3.3 13.4-8 26.2-12.7 39a628 628 0 0 0-8.1 23q-6.8 21.6-12.8 43.8c-5.9 21-11.8 42.5-19.6 63.9a28 28 0 0 1-.7 5M515.6 117l.5 1.2C532.6 155 612.3 274.8 644 318.6l4.5 6.2c16.5 22.3 46.3 62.7 38 95.6a486 486 0 0 1-34 96q-1.2 2.9-2.2 6.1a24 24 0 0 1-6.3 11.8 619 619 0 0 0-43.6-61.9Q590 459 579.8 445.2q-7.4-9.7-15.5-18.7-6.9-7.4-13.1-15.4c-5.1-6.6-4.6-10.9-1.4-16.3 3.5-5.9 5.7-12.4 8-18.9l1.8-5.4c4.7-13 1.5-19.8-10.8-23.7a87 87 0 0 0-25.9-2.7q-8.4.2-16.7-.8l-2 .2-1.4.2c-27.8.5-30.2-2-39.1-30.8A625 625 0 0 1 439 190.3q-1.7-13.2-4.2-26-2.4-11.3-3.9-22.8c-2-15.8.5-21.5 13.3-27A47 47 0 0 0 467.4 96c4.6-6.5 8.7-12.3 25.8-16.6h.2c13.3-3.4 14.2-3.7 14.8 12.4.3 9.3 4 17.5 7.4 25.1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant14": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1341.4 722.1 37.7 718.8S71 509.1 133.9 390c73-138.7 176.8-250.5 390.4-316.9 18.6-5.8 172.5 68.7 172.5 68.7l108.7-70s175 48.2 241.3 85.5c84.2 47.3 179.2 187 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1317.7 644.9c5.5 25.7 11 51.5 17.3 77.2 4.7 0 8.2 0 11.4-.9a483 483 0 0 1-11.7-60.7q-2.9-19.6-6.6-39a1045 1045 0 0 0-22-90 930 930 0 0 0-35.3-99.3 744 744 0 0 0-48.2-97.7 685 685 0 0 0-64.4-91.1v-.2c-20.5-23.6-40.8-47-66.5-65.8a397 397 0 0 0-39.2-24.2q-13.6-7.5-26.9-15.8c-27.4-17.6-57.8-27-88.2-36.2a725 725 0 0 1-43-14.2 193 193 0 0 0-31.6-8c-18.4-3.5-37-7-53.2-19.4-2 8.4-7.7 9.7-13.5 11-3.1.7-6.2 1.4-8.8 3.2q-26.8 18.5-54.4 36l-30.4 20c-2.2 1.4-4.1 2.8-6.7 1.3-10.3-6-21.5-10.1-32.7-14.2q-8.8-3-17.5-6.7l-17-6.9q-20.5-8-40-17.5c-7-3.5-14.2-6-21.5-8.3-12.4-4-24.8-8.1-34.9-17.5-3.5-3.4-9.7-3.3-13.5 2-5.7 8.3-14.6 11.2-23.6 14.2l-15.8 5a427 427 0 0 0-41.9 14.5q-41.7 18-82.1 39a403 403 0 0 0-88.4 61 602 602 0 0 0-102.2 122.5 768 768 0 0 0-53.2 99.6A898 898 0 0 0 80.6 497l-1.2 3.5a714 714 0 0 0-20 65.8Q57 577 54.1 587.5q-4.6 17.8-8.4 35.6-9.4 49.4-16.2 99c6.3 0 11.6 0 17.1-1.1 1-18.1 4.4-35.3 7.7-52.2l2.5-13a786 786 0 0 1 29.4-118c12.7-38.2 25.3-76.3 42.3-112.8 22.8-49.3 49-96.5 81.7-140.2a540 540 0 0 1 79.7-86.4c27.7-23.9 59-41.7 91.8-58.2q17.4-8.5 35-16.3a605 605 0 0 0 45.3-21.6c9.6-5.3 15.4-5 19.7 7.3a219 219 0 0 0 40.4 68.5 249 249 0 0 0 140.7 85.6c56 12 105.3-.3 146-40.4 22.1-21.6 43.2-44.9 54.9-74.4q6.6-17.3 12.7-35.3l6-17 34 10.8q16 5.3 32.4 10.3c45.7 14 86.6 38.4 125.6 65.4 43.3 30 75.4 71.4 105.2 114.2A770 770 0 0 1 1236 395a767 767 0 0 1 42.5 102.7 1121 1121 0 0 1 30.5 107.6zM642 125.9a88 88 0 0 0 26 9l4.5 2.2a52 52 0 0 0 17 6.2q-4.5 6.4-9 12.2a97 97 0 0 0-18.3 31.3c-2.2 5.5-4.4 11-5.2 17-1.1 9.1-5.9 11.4-15.2 9.6a127 127 0 0 1-42.5-19.3l-30-19.4q-19.9-13.3-40.5-25.8c-17.4-10.4-25.2-27.1-32.4-44.3-3.1-7.6 3.4-12.6 9-16.4 10-7 21.4-7.2 32.9-4.2 19.4 5 37.5 13.2 55.7 21.4a566 566 0 0 0 35 14.8q6.6 2.5 13 5.6m130.6 92.4c-3.2 5-6.6 10-13.7 8-5.9-1.4-7.3-6.5-8.7-11.6l-.7-2.3a130 130 0 0 0-43.4-64c-22.6 17.1-30.8 41.4-37 66.8l-.4 2.1c-1.4 6.4-2.8 12.7-12 12-22.1-2-43.4-6.8-62-20.6q-20.8-15.4-42-30l-18.5-13q3.2 12.1 12.5 20.7a281 281 0 0 0 73.4 49.3 180 180 0 0 0 110.5 13.2c37.7-6.6 67.1-28.5 90.5-58.3l3.8-4.7a53 53 0 0 0 15-29.5q-6.2 6.3-12 12.7c-10.2 11.2-19.6 21.5-32.3 28.2a61 61 0 0 0-22 19.5zm83.8-93.5a18 18 0 0 1-7.1 8.8q-40.6 38.3-86.5 70.3a146 146 0 0 0-46.4-65l21.7-14.2q32.2-20.9 63.7-41.8c4-2.7 6.2-1 8.8.9l1.1.8a45 45 0 0 0 27.3 9.3c20.8-1 26.7 10.8 17.4 31",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M244.5 722.1c1.2-22.7 3.4-45.5 5.8-68.3 2.7-26.1 5.4-52.2 9.6-78.3q6-36.4 14.2-72.3c9-39.3 22.1-77.4 44.7-111.5 3-4.6 6-9 12-4.9 5.3 3.6 2.4 7.4.6 12.1q-14.1 36-27.3 72.2a638 638 0 0 0-27.3 109.6c-5.9 33.8-8.2 68.2-12 102.3-1.3 12.3-2 24.6-3.2 38-5.5 1.1-10.7 1.1-17 1.1m906.1 0c-9.2-36.8-12.3-74.6-22.4-111-7.7-28.1-14-56.8-24-84-7.1-19.3-14-39-23.4-57.6-12.7-25-23.3-51.2-34.6-77-1.3-2.9-3-6.3 1.2-8.9 4.5-2.6 7.5-.4 10 2.7 3.8 5 7.8 10.2 10.6 15.9q14.8 30.6 29.5 61.6a603 603 0 0 1 34.2 95.5 619 619 0 0 1 21.7 96.5c2.7 21.4 7.2 42.7 8.8 65.3-3.4 1-7 1-11.6 1M639.5 194.7c-8.2 2-11.1-2.7-12.5-8.4-1.5-6.2.8-11.7 6-15.5q5-3.5 10.9-.6c4.8 2.3 4.6 6.6 4.7 10.8.3 6.3-3.1 10.3-9 13.7m145.8-31.5c1.7 5.9 3 11.4-1.7 14.9-4.2 3-9.7 6.7-14.8 2-5.5-4.8-3.8-11.3-.2-16 4.2-5.4 10-8 16.7-1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant15": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1341.4 722.1 37.7 718.8S71 509.1 133.9 390c73-138.7 176.8-250.5 390.4-316.9 18.6-5.8 172.5 68.7 172.5 68.7l108.7-70s175 48.2 241.3 85.5c84.2 47.3 179.2 187 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M925.5 722.1c-13-1.7-13.5-12.7-17-20.7-4.4-10.4-9.8-13.3-18.7-5-6.5 5.9-10.2 4.1-14.6-3.3-5.3-9-14-16.3-3.7-27.8 3.9-4.2 0-9-5.4-10.3s-7.4-5.4-8.1-10.1c-1-6 4.6-6 8-8.2 9-6.1 16.2-13.9 18.6-25 .8-3.6 1.8-7.7 5.6-7.2 13.2 1.8 21.6-7.9 32.4-12.3 5 1.7 6.3 6.4 8 10.6 2.6 6.2 5.3 12 13.9 9.6a5.7 5.7 0 0 1 7.1 4c1.8 5.6 4 10 10.7 11 2.7.5 4.1 3.5 3.3 6-1.7 5.8.9 8.8 5.7 11a4.4 4.4 0 0 1 2 6.6c-8.5 11.9-5.3 23.9.3 37.4-16.8 4.4-28.3 13.8-29 32.9q-8.5 1-19 .8M605 713.2c-10.9 6-17.8-4-27-5.2-10.4-1.4-13 1.5-13.3 10.5-.2 5 .6 11-6.6 11.8-13.3 1.6-27.4-3.7-27.9-11-.6-9.7-3.7-12.8-12.6-7.6a12 12 0 0 1-14.3-1.2c-4.3-3.6-.2-7.8.8-11.7 2.5-11-.1-21.4-5.5-31-1.8-3-4.8-6.8-1.6-8.6 11.5-6.5 8-17.2 8.6-26.7.6-9.2 5.8-7.7 11.5-5.8 7.6 2.5 13.6 5 21.5-2.8 5.6-5.5 18-4.6 26.2-1.8 6 2.2 11 5 17.8 1.5 4.4 14.2 11 24 26 25.9 6 .7 5.5 6 2.6 9.8-8 10-1.5 21-2.4 31.4-.4 4.4 5.7 4 9.8 5.8a185 185 0 0 1-13.5 16.7m-440.4 17.4c-11.8-5-8.6-17.8-15.8-25.5-5.7-6.1-8.7-6.8-14.2-2.6-8.5 6.5-14.6 8.6-20.2-4.2-4-9-13.3-15.4-3.5-26.4 2.8-3.2-2-6.6-5.6-8.4-5.3-2.7-8.8-6.6-8.1-15 15 2.4 17-13.7 27.3-19.3 3-1.6 2.6-5 2.5-8-.2-5 3.6-8.3 7-6.6 11.1 5.3 15.8-3.1 22-8.8 9.6-9 12.2-8.3 15 4.5 1.5 6.8 3.1 12.6 12.1 11 1.9-.4 4.8.1 5.9 1.4 8.4 10.3 18.9 18.8 25.4 30.6 1.2 2 2 4.5.5 6-12 12-8 24 1 37-17.5 5.1-34.5 10-32.3 33.5-5.8.8-11.8.8-19 .8m1111.5-8.5c-15.3-1.7-12.1-16.3-17.8-24.2-6.8-9.4-11-8.8-17.9-3-7.2 6.2-12.8 9.5-15.4-3.7-.6-3-3.8-5.6-6-8.3-3.7-4.9-5.1-9.1.6-14.3 6.7-6 4.8-11.5-3.7-14-6-1.7-10.2-5.2-10-11.4.1-6 6-4.6 9.8-5.4 3.7-.7 6.8-3 7.3-6.4 1-7.2 5.9-9.7 12.4-11.2-2.1-11-.4-17.6 12.8-13.2 8.5 2.9 10.8-6.7 16-10.2 10.1-6.6 13.3-6.6 16.2 5.3 1.9 7.8 4.1 12.8 13.5 10.7 4.4-1 5.5 3 6.5 6.3 1 3.4 2.3 6.8 6.3 7.2 13 1 9.3 7.4 4.5 13.7 2.7 5.5 9.2 2.9 12.7 7.8-10.6 12.2-10.1 25.5-1 38-1.5 5.2-5.3 5.6-8.5 5.4-15-.6-14.8 16.2-24.7 21.6-2 1 1.3 5.3 2.9 8.6q-8.2 1-16.5.7M956.3 171c-8.8-6-16.5-11.5-17.4-22.6-.5-5.6-4.3-9.8-10.4-11.6 8.4-10.4 9-33.3 9-33.3s-3 8.6 73.4 31.2c-8.3 20.7.6 30.5-19 44.3-9.2-9.3-23-3.5-35.6-8m-23.2 200.2c-18.4 3.2-22-11.2-26.2-21.9-4.1-10.4-8.5-7.9-15.2-4.3-4.3 2.2-7.4 10.2-13.9 3.9-8.1-8-12.6-23.7-7.6-29.2 6-6.6 4.3-10.5-2.9-13.5-5.5-2.4-9.6-6-9.6-12.2-.1-7.4 7-5.9 11-8.3 7.6-4.6 9.6-13.5 14.6-20.1.5-.6.3-1.7.7-2.5 1.8-4.3 38.3-22.4 40-19.5a64 64 0 0 0 26.8 24.7c4.2 2.1 8.7 9.5 14.7 11.3 2.8 5.8-3.5 8.2-3.2 12 3 4 8.8 2.3 11.4 7.5-7.2 10-6 21-1.4 32 2.4 5.4 1.5 9.2-4.2 11a37 37 0 0 0-25.8 25.7c-1.3 4.1-4.6 4.5-9.2 3.4m-319.4-91.9c2.3 7.1.4 15.3 10.8 18-8.2 11.5-7.7 22.6-1.7 33.9q4.2 7.9-4.9 10.4c-14.4 3.6-26 9.8-27.4 27.1-.3 4.3-4.8 4.1-7.7.8-1.8-2.1-.8-6-4.6-7.6-2 3.6-1.2 10-7.9 9.2-6-.7-5.1-5.3-6-9.6-1.4-8-9-13-10.1-21.1-7.6-.7-11 5.2-16 8-5.4 3.2-9.1 3.6-11.8-3.3-3.9-9.7-16-17.8-4-30.2 3.7-3.8-2.2-7.3-6-9.1C511 303 507 299 507 293c0-6.6 8-4.4 10.2-7.4 6.3-8 18-10.8 19.8-23.6 1.6-11 10.2-1.7 16-2.7 2.5-3.3 4.7-7.5 8-10.4 10.4-9.1 14.6-8 20.2 4.6.8 2 1.8 5.4 2.8 5.5 13.9.5 18.2 14.8 29.6 20.2m-443.3 43.6c2.7-5.3 5.8-9.6 7-14.4 4.4-20 13-37.3 32.2-46.3 8.7-4 6.9-15.5 15.2-18.7 5.5 2.4 4.5 7.4 6 11.1 1 2.8 1.6 7.9 4 7.3 14.6-3.4 16.6 12.7 26.6 16.7 8 3.3 5.4 15.7 15 19.8-13.8 12.6-10.7 25.3-.6 39.4-17.8 5.8-34.9 12-36.2 33.5-6.3-.4-5.8-7-13.5-9-2-.6-2 7.2-8 6.8q-5.4-14.9-14-28c-9.4-.4-14.8 8.3-24 9.7-4-8.7-12-16-9.7-27.9m919.5-51.2c-1.2-6.5-6.1-7.5-10.4-9.3-4.6-2-5.8-6-6-10.3-.3-4.5 3.7-5.2 7-6 11-3.1 14-14.2 19.2-22 6.5-9.8 23.7-15.8 31.1-6.7 20.1 24.6 41 48.7 57.5 76 .4.7.2 1.7.5 4.3-19 1.9-28.3 15.2-33.6 34-6.5-7.7-12.5-11.2-21-4.7-1.4-10.1-9.3-15-12.1-22.9-2.7-7.5-7.2-5.7-12-3-15.8 9-16 9-24.4-7.7l-4.5-9.7c1.4-5.6 8.5-5.5 8.7-12M384.9 450c2.8-.6 5.2-.7 6.6-2 11.6-9.9 22.7-6.4 26.4 8.8 1 4.2 2.8 6 6.8 6s7.6 1 9.9 6.1c-9 8.1-2 20.3-6.2 29.8-4.1 9.3-11 17.4-17.7 27.5-8.6-10.8-20.9-6.7-31.5-9.2-12-2.8-19.3-8.3-22.6-19.8-.4-1.2-.4-2.8-1.2-3.6-12.1-10.7-6-22.3-2.5-34.2 5-17 12.5-20.4 27.5-11.1q2.2 1 4.5 1.6m743.4 44.2c-.9 13.8-15.8 18.3-16 34.4-10.6-11.1-21.4-10.2-31.7-10.8q-19.2-1.1-22.8-19.3c-1.5-7.5-6.2-11.7-12.8-15.4q5.7-14.3 7.7-29.5c.9-6.5 17.8-13.4 22.3-8.6 10.3 11.2 17 8.4 22.5-5 8.8 4.9 18.7 6 21.6 18 1.6 6.5 13.8 1.8 15.8 11.7-12.6 4.7-4.5 15.4-6.6 24.5m-401.5-45.9c11.8 9.1 16-2.6 23-7.7 7 5.8 18.6 5.2 20 18.5.8 6.3 13.1.6 15.2 10.3-6.6 4.4-7.8 10.6-6 19.5 3.1 15.9-13.4 23-17.4 38.2-12.8-13-28.5-5.7-41.7-12.2-14.2-7-9.6-27-26.3-31.3 6.6-10.4 9-20.7 10.2-31.6 1-8 14.5-10.1 23-3.7M421.5 158c-4.2 5.8-5.3 12.5-11.3 17.8-8.8-11.7-22.3-5-33.5-8.8a64 64 0 0 1-15.6-8.1c-6.8-4.5-5.9-18.2 1.3-23 14.3-9.5 27-21.4 45.4-23.8 10.8-1.4 18.8 4 31.5 4.1-9 9.7-8.5 18.3-9 26.5-.4 6.4-2.4 11.5-8.8 15.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1317.7 644.9c5.5 25.7 11 51.5 17.3 77.2 4.7 0 8.2 0 11.4-.9a483 483 0 0 1-11.7-60.7q-2.9-19.6-6.6-39a1045 1045 0 0 0-22-90 930 930 0 0 0-35.3-99.3 744 744 0 0 0-48.2-97.7 685 685 0 0 0-64.4-91.1v-.2c-20.5-23.6-40.8-47-66.5-65.8a397 397 0 0 0-39.2-24.2q-13.6-7.5-26.9-15.8c-27.4-17.6-57.8-27-88.2-36.2a725 725 0 0 1-43-14.2 193 193 0 0 0-31.6-8c-18.4-3.5-37-7-53.2-19.4-2 8.4-7.7 9.7-13.5 11-3.1.7-6.2 1.4-8.8 3.2q-26.8 18.5-54.4 36l-30.4 20c-2.2 1.4-4.1 2.8-6.7 1.3-10.3-6-21.5-10.1-32.7-14.2q-8.8-3-17.5-6.7l-17-6.9q-20.5-8-40-17.5c-7-3.5-14.2-6-21.5-8.3-12.4-4-24.8-8.1-34.9-17.5-3.5-3.4-9.7-3.3-13.5 2-5.7 8.3-14.6 11.2-23.6 14.2l-15.8 5a427 427 0 0 0-41.9 14.5q-41.7 18-82.1 39a403 403 0 0 0-88.4 61 602 602 0 0 0-102.2 122.5 768 768 0 0 0-53.2 99.6A898 898 0 0 0 80.6 497l-1.2 3.5a714 714 0 0 0-20 65.8Q57 577 54.1 587.5q-4.6 17.8-8.4 35.6-9.4 49.4-16.2 99c6.3 0 11.6 0 17.1-1.1 1-18.1 4.4-35.3 7.7-52.2l2.5-13a786 786 0 0 1 29.4-118c12.7-38.2 25.3-76.3 42.3-112.8 22.8-49.3 49-96.5 81.7-140.2a540 540 0 0 1 79.7-86.4c27.7-23.9 59-41.7 91.8-58.2q17.4-8.5 35-16.3a605 605 0 0 0 45.3-21.6c9.6-5.3 15.4-5 19.7 7.3a219 219 0 0 0 40.4 68.5 249 249 0 0 0 140.7 85.6c56 12 105.3-.3 146-40.4 22.1-21.6 43.2-44.9 54.9-74.4q6.6-17.3 12.7-35.3l6-17 34 10.8q16 5.3 32.4 10.3c45.7 14 86.6 38.4 125.6 65.4 43.3 30 75.4 71.4 105.2 114.2A770 770 0 0 1 1236 395a767 767 0 0 1 42.5 102.7 1121 1121 0 0 1 30.5 107.6zM642 125.9a88 88 0 0 0 26 9l4.5 2.2a52 52 0 0 0 17 6.2q-4.5 6.4-9 12.2a97 97 0 0 0-18.3 31.3c-2.2 5.5-4.4 11-5.2 17-1.1 9.1-5.9 11.4-15.2 9.6a127 127 0 0 1-42.5-19.3l-30-19.4q-19.9-13.3-40.5-25.8c-17.4-10.4-25.2-27.1-32.4-44.3-3.1-7.6 3.4-12.6 9-16.4 10-7 21.4-7.2 32.9-4.2 19.4 5 37.5 13.2 55.7 21.4a566 566 0 0 0 35 14.8q6.6 2.5 13 5.6m130.6 92.4c-3.2 5-6.6 10-13.7 8-5.9-1.4-7.3-6.5-8.7-11.6l-.7-2.3a130 130 0 0 0-43.4-64c-22.6 17.1-30.8 41.4-37 66.8l-.4 2.1c-1.4 6.4-2.8 12.7-12 12-22.1-2-43.4-6.8-62-20.6q-20.8-15.4-42-30l-18.5-13q3.2 12.1 12.5 20.7a281 281 0 0 0 73.4 49.3 180 180 0 0 0 110.5 13.2c37.7-6.6 67.1-28.5 90.5-58.3l3.8-4.7a53 53 0 0 0 15-29.5q-6.2 6.3-12 12.7c-10.2 11.2-19.6 21.5-32.3 28.2a61 61 0 0 0-22 19.5zm83.8-93.5a18 18 0 0 1-7.1 8.8q-40.6 38.3-86.5 70.3a146 146 0 0 0-46.4-65l21.7-14.2q32.2-20.9 63.7-41.8c4-2.7 6.2-1 8.8.9l1.1.8a45 45 0 0 0 27.3 9.3c20.8-1 26.7 10.8 17.4 31",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M244.5 722.1c1.2-22.7 3.4-45.5 5.8-68.3 2.7-26.1 5.4-52.2 9.6-78.3q6-36.4 14.2-72.3c9-39.3 22.1-77.4 44.7-111.5 3-4.6 6-9 12-4.9 5.3 3.6 2.4 7.4.6 12.1q-14.1 36-27.3 72.2a638 638 0 0 0-27.3 109.6c-5.9 33.8-8.2 68.2-12 102.3-1.3 12.3-2 24.6-3.2 38-5.5 1.1-10.7 1.1-17 1.1m906.1 0c-9.2-36.8-12.3-74.6-22.4-111-7.7-28.1-14-56.8-24-84-7.1-19.3-14-39-23.4-57.6-12.7-25-23.3-51.2-34.6-77-1.3-2.9-3-6.3 1.2-8.9 4.5-2.6 7.5-.4 10 2.7 3.8 5 7.8 10.2 10.6 15.9q14.8 30.6 29.5 61.6a603 603 0 0 1 34.2 95.5 619 619 0 0 1 21.7 96.5c2.7 21.4 7.2 42.7 8.8 65.3-3.4 1-7 1-11.6 1M639.5 194.7c-8.2 2-11.1-2.7-12.5-8.4-1.5-6.2.8-11.7 6-15.5q5-3.5 10.9-.6c4.8 2.3 4.6 6.6 4.7 10.8.3 6.3-3.1 10.3-9 13.7m145.8-31.5c1.7 5.9 3 11.4-1.7 14.9-4.2 3-9.7 6.7-14.8 2-5.5-4.8-3.8-11.3-.2-16 4.2-5.4 10-8 16.7-1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant16": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1373 715.7 8 712.4s11.3-97 44.2-189.1c41-115.2 106.9-232 124.6-246.1 20.8-16.8-11.6-18.2 3.4-41.2 33.4-51.1 146.5-97.5 179.3-114.1C418 92 523.8 74 523.8 74l27.1 53.5s63.3 21.9 138.2 24.4c40.4 1.3 134-29.5 134-29.5l-11.2-57.8s169 34.8 252.6 85.6c48.2 29.3 108.2 75 109.7 101.2 2.1 39.8 1.7 36.7 24 51.9 53.3 36.2 98.4 122 120.8 191.2 17.5 54.2 54 221 54 221",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M327.3 591c20.4 40.7 40.8 81.4 55.7 124.7 6.7 0 12.2 0 17.7-1l-4.2-11a702 702 0 0 0-19.5-47.8 5868 5868 0 0 0-34.2-70.7q-14-28.7-27.8-57.5c-3.9-8-6-16.9-1.3-25.8 6.7-12.8 12.5-26 18.3-39.2l5.2-11.8c11-24.4 24.4-47.6 37.9-70.9a973 973 0 0 0 30.5-55c8-16.3 5.5-24.5-12.1-30a48 48 0 0 0-10.4-2.3q-12.9-1-25.8-1.7c-26.3-1.5-52.7-3-78.4-10.8-7.9-2.4-16.1-3.7-24.4-5-8-1.3-16-2.6-23.7-4.9l-4.6-1.3c-14.7-4.2-29.9-8.6-41.3-20.3l1.7-2.4 2.8-3.5c25.4-28.7 58.7-47 92-65.1l20-11a959 959 0 0 1 62.2-31.4q12-5.6 23.7-11.3a392 392 0 0 1 61-24.8q16-4.5 32-8l23.3-5.7c20-5.3 23.7-4 28.9 15.7l9 34.2c9.6 35.4 19.1 70.8 26.7 106.6q13 61.2 17.2 123.5c1.5 23.6 4.1 47.2 6.8 70.7 3.6 32.2 7.2 64.3 8 96.7.5 20.8-.2 41.6-.9 62.4l-.8 29a434 434 0 0 1-3.3 40.2c-2 17-3.9 34-3.2 51.2 6.6 0 12.1 0 17.7-1.2l.6-16.2q.1-15.2 1.6-29.6c5.6-51 4.8-102 3.7-153q-1.2-50.4-8.4-100.2c-2.5-17.6-3.5-35.2-4.5-52.8-1.3-23-2.6-46.1-7.4-69l-6.6-34.2a869 869 0 0 0-13-61.8l-1-3c-1.2-3-2.4-6 .6-8.9 4-3.8 9.1-2.7 14-1.4 41 11 82.7 13.9 125.1 10.6 31.5-2.4 62.6-5.8 91.5-19.5 8.6-4 15.4-1.5 17.3 9q1.4 8.4 2.4 16.9 1.4 12 3.8 23.4c7.8 34.8 9.9 70 12 105.2q1.4 24.2 3.4 48.3 1.7 18 2.8 36.3 1.3 21.9 3.6 43.7c6.3 60.7 4.7 121.5 2.7 182.3l-.7 20q-1.2 27.6-1.4 55c5.7 0 10.3 0 15.3-1l.9-5.3q1.7-9.7 2-18.4l.3-44.7c0-28 .2-56.2 1.5-84.2q2.5-55.5-3.1-111c-2.7-26.2-4.5-52.4-6.3-78.7q-2.4-36.2-5.7-72.4c-4.5-46-10.5-92-20.4-137.3q-6.7-31-12.6-62.3l-1.2-6.4q-.6-3.7-.4-7.4v-4c-.2-6.4 2.7-8.5 9.1-7.2A638 638 0 0 1 910.1 94c21 6.9 41.5 15 62 23l22 8.6a445 445 0 0 1 140.6 84.8c12.8 11.7 24 25.1 31.5 40.6 4.6 9.3-.3 19.2-9.5 21l-9.2 1.9c-22.6 4.4-45.2 9-67.3 15.7a250 250 0 0 0-92.5 50.8c-7.6 6.6-8.8 14.7-4.6 23.2q6 12.1 13.2 23.6l17.6 27.5a705 705 0 0 1 41.8 70c3.3 6.5 4 13-.2 18a254 254 0 0 0-24.2 35 359 359 0 0 1-16.9 25.7Q982.8 606 961 653.8q-5.2 11.9-9.6 24.2c-4.9 13-9.7 25.8-16.5 37.7 7.5 0 13.9 0 20.5-1a423 423 0 0 1 41.4-93c22.9-37.1 47.3-73.3 72-109.3 6.3-9 9.7-18.8 3.9-31-8-16.8-17.5-32.7-27-48.5l-.4-.7a1738 1738 0 0 0-43.5-68c-4.7-7.2-2.2-12 3-16.8a157 157 0 0 1 41.5-26.7 353 353 0 0 1 102.5-29.7c12.8-1.7 22.3.7 32 7.6 34.4 24.3 64.3 51 82.2 90.3l8.6 18.7a885 885 0 0 1 35.5 84c12.1 35.3 23.3 70.9 31.8 107.4l9 40c5.8 25.6 11.6 51.2 18.2 76.7 4.8 0 8.5 0 11.9-1-5.3-21.6-9-43.3-12.8-65a760 760 0 0 0-16.8-80.4l-1.5-5.3c-6.6-23.2-13.2-46.4-21-69a882 882 0 0 0-51.7-121.3c-18.2-34.7-45.7-61.4-77.5-84.9q-2.3-1.5-5-2.8c-6-3.1-12.7-6.5-9.7-16.8 5.2-17.6 1.8-33.7-13.6-46.3q-5.1-4.6-9.6-9.7l-2.9-3.3c-41.3-45.3-95.5-72.5-151.3-97a1076 1076 0 0 0-112.2-40 328 328 0 0 0-72.7-15c-12.8-1-18 4.8-16.5 16.8l1 9c.8 6.7 1.5 13.5 3.1 20 2.7 11.2-3.2 17.2-12 21.2a200 200 0 0 1-69.1 18.8c-52.7 3.3-105 .7-155.5-16.9-8.4-3-13.2-7.4-16.8-14.7q-3.6-7.6-6.8-15.3c-3.4-7.8-6.7-15.6-11-23-5.3-9.6-11.7-11.8-21.5-8.6q-9.5 3-19.2 5C459.9 78 424.8 86.8 392 102.7A2414 2414 0 0 0 256.4 173c-30 17.2-59.8 34.8-82.3 61.3-6.2 7.3-7.5 14.5-2.6 22.2 4.3 6.5 4 11.5-2 17-9.3 8.6-16 19.4-22.6 30q-2.6 4.3-5.4 8.5a839 839 0 0 0-55.8 99.5 875 875 0 0 0-33.3 82c-7.8 22-15.6 44-21.2 66.6q-2.6 10.8-5.6 21.5-5 17.6-8.7 35.3-10 49.5-17 98.9c6.6 0 12.1 0 18-1L32 632c11-63 32.6-123 56.9-182a839 839 0 0 1 90.7-160.9c4-5.6 8.9-7.2 15.6-7.8 16.3-1.5 31.5 2.9 46.6 7.2q11.7 3.6 23.5 6l15.6 2.8c27 5 53.8 10 81.5 11.4q4.2.2 8.7.2c8 0 16.4 0 25.1 3l-8.3 13.6-23.7 38.6a731 731 0 0 0-49.8 95.6q-8.6 19.9-18.2 39.1c-3.7 7.6-4.9 14.6-1.7 22l1.3 3c6 14 11.9 27.8 18.6 41.4zm475-451.8c4.9-2.7 10.4-5.5 11.2 3.6 1.8 10.6-5.3 14.2-11.4 17.3l-1.8 1c-17.5 9.2-36.8 14-56.6 16.2a434 434 0 0 1-144.6-5.8q-14.3-3.3-27.3-10-8.5-4-6.7-12.5c1.4-6 5.4-5 9.5-4q1 .5 2.3.6l19.3 3.8c16.5 3.3 33 6.6 49.7 9a288 288 0 0 0 103.5-2.9l.9-.1c18-3.8 35.8-7.5 52-16.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M226 715.7c3-35 7-69.8 11.1-104.7 3.6-29.7 4-60 17-88q1.6-3.6 3.7-6.7c2.4-3.1 5-6.8 9.6-5.2 5.2 1.7 3.5 6.4 2.7 9.9a921 921 0 0 0-17.4 97.5c-4 31.5-6 63.3-9.2 96-5.6 1.2-11 1.2-17.5 1.2m946.9 0c-9.8-36.3-12.8-73.7-23.3-109.7-6.2-21-9.8-42.8-17.9-63.4-1.6-4.2-.5-9 4-11.2 4.4-2.3 7.4 1.3 9.9 4.3a56 56 0 0 1 9.9 22.1q17.3 65.2 27.6 131.7c1.2 8 1.2 16 1.9 25.2-3.5 1-7.3 1-12.1 1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant17": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1378 715.7 9 712.4s11.4-97 44.3-189.1c41.2-115.2 107.2-232 125-246.1 20.8-16.8-11.6-18.2 3.4-41.2 33.5-51.1 147-97.5 179.8-114.1C420.2 92 526.3 74 526.3 74l27.2 53.5s63.5 22 138.6 24.5c40.5 1.3 134.4-29.5 134.4-29.5l-11.2-57.8s169.5 34.8 253.3 85.6c48.3 29.3 108.5 75 110 101.2 2.2 39.8 1.7 36.7 24 51.9 53.5 36.2 98.8 122 121.2 191.2 17.6 54.2 54.2 221 54.2 221",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m951.7 715.7-94.5-.3L870 510.3l-43.4-379.4s-110.1 29-147 27c-31.4-1.5-123.7-22-123.7-22s51 280 55.9 374.4c2.6 51.3-8.7 205.4-8.7 205.4l-209.4-1.2L303 516.7S354 383.3 404.5 310c9-13.1-22.8-16-64.1-14-42.2 2-164.2-13.8-162.4-44.5 3-51.3 150.5-113 183.4-129.6C420 92 526.2 74 526.2 74l27.3 53.5S617 149.5 692 152c40.5 1.3 134.4-29.5 134.4-29.5l-11.2-57.8s169.6 34.8 253.4 85.6c48.3 29.3 122 66.1 111.2 120.3-2.3 12-207 47-187.2 89.8 24.6 53 88.8 118.6 79 135-16 27-40.8 67.7-69.5 103.3-20.2 25-50.5 117-50.5 117",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M328.5 591c20.5 40.7 41 81.4 56 124.7 6.6 0 12 0 17.7-1l-4.3-11a672 672 0 0 0-19.6-47.8q-16.9-35.4-34.2-70.7l-28-57.5c-3.8-8-6-16.9-1.3-25.8q9.9-19.3 18.4-39.2l5.2-11.8c11-24.4 24.5-47.6 38-70.9a985 985 0 0 0 30.6-55c8-16.3 5.6-24.5-12-30a48 48 0 0 0-10.5-2.3q-12.9-1-25.9-1.7c-26.4-1.5-52.9-3-78.6-10.8-8-2.4-16.3-3.7-24.6-5A191 191 0 0 1 227 269c-14.8-4.2-30-8.6-41.4-20.3l1.7-2.4q1.4-2 2.8-3.5c25.5-28.7 59-47 92.3-65.1l20-11a963 963 0 0 1 62.6-31.4l23.7-11.3A394 394 0 0 1 450 99.2q16-4.5 32.2-8l23.3-5.7c20.1-5.3 23.8-4 29 15.7l9.1 34.2A2051 2051 0 0 1 570.3 242q13 61.2 17.2 123.5c1.5 23.6 4.2 47.2 6.8 70.7 3.7 32.2 7.3 64.3 8 96.7.5 20.8-.1 41.6-.8 62.4l-.8 29c-.3 13.5-1.8 26.9-3.3 40.2-2 17-4 34-3.3 51.2 6.7 0 12.2 0 17.8-1.2l.6-16.2q.1-15.2 1.6-29.6c5.7-51 4.8-102 3.7-153q-1.1-50.4-8.4-100.2a606 606 0 0 1-4.6-52.8c-1.3-23-2.6-46.1-7.3-69l-6.7-34.2a906 906 0 0 0-13-61.8l-1-3c-1.2-3-2.5-6 .6-8.9 4-3.8 9.1-2.7 14-1.4A371 371 0 0 0 717 195c31.6-2.4 62.8-5.8 91.8-19.5 8.7-4 15.5-1.5 17.4 9q1.4 8.4 2.4 16.9 1.4 12 3.8 23.4c7.8 34.8 10 70 12 105.2q1.4 24.2 3.5 48.3 1.6 18 2.8 36.3 1.4 21.9 3.6 43.7c6.3 60.7 4.7 121.5 2.7 182.3l-.7 20q-1.2 27.6-1.4 55c5.8 0 10.4 0 15.4-1l.8-5.3c1-6.5 2-12.5 2-18.4l.3-44.7c.1-28 .3-56.2 1.6-84.2q2.5-55.5-3.2-111c-2.7-26.2-4.5-52.4-6.3-78.7q-2.4-36.2-5.7-72.4c-4.5-46-10.5-92-20.5-137.3q-6.7-31-12.6-62.3l-1.2-6.4q-.6-3.7-.4-7.4v-4c-.3-6.4 2.7-8.5 9.1-7.2A642 642 0 0 1 913.4 94c21 6.9 41.7 15 62.3 23q11 4.5 22 8.6a447 447 0 0 1 141 84.8c13 11.7 24.1 25.1 31.8 40.6 4.5 9.3-.3 19.2-9.6 21l-9.2 1.9c-22.7 4.4-45.4 9-67.6 15.7a252 252 0 0 0-92.9 50.8c-7.6 6.6-8.7 14.7-4.5 23.2q6 12.1 13.2 23.6l17.7 27.5a705 705 0 0 1 42 70c3.2 6.5 4 13-.3 18-9.4 10.8-16.8 22.9-24.3 35a360 360 0 0 1-16.9 25.7 486 486 0 0 0-53.6 90.3q-5.2 11.9-9.7 24.2c-4.8 13-9.7 25.8-16.5 37.7 7.5 0 14 0 20.6-1 10.7-33 23.5-64.2 41.5-93 23-37.1 47.5-73.3 72.3-109.3 6.3-9 9.7-18.8 3.8-31-8-16.8-17.5-32.7-27-48.5l-.4-.7a1715 1715 0 0 0-43.7-68c-4.7-7.2-2.2-12 3-16.8a158 158 0 0 1 41.7-26.7A355 355 0 0 1 1153 291c12.8-1.7 22.3.7 32 7.6 34.6 24.3 64.6 51 82.6 90.3l8.7 18.7c12.8 27.6 25.6 55.2 35.5 84a1107 1107 0 0 1 41 147.4c5.8 25.6 11.6 51.2 18.2 76.7 4.9 0 8.6 0 12-1-5.3-21.6-9-43.3-12.8-65-4.7-27-9.4-54-17-80.4l-1.4-5.3c-6.6-23.2-13.2-46.4-21.1-69a882 882 0 0 0-52-121.3c-18.2-34.7-45.7-61.4-77.7-84.9q-2.2-1.5-5-2.8c-6-3.1-12.7-6.5-9.7-16.8 5.2-17.6 1.8-33.7-13.7-46.3a87 87 0 0 1-9.6-9.7l-3-3.3c-41.4-45.3-95.8-72.5-151.8-97a1083 1083 0 0 0-112.6-40c-23.7-7.3-48-13.2-73-15q-18.9-1.3-16.5 16.8l1 9c.8 6.7 1.5 13.5 3.1 20 2.8 11.2-3.2 17.2-12 21.2-22 9.8-45.4 17.3-69.4 18.8-52.8 3.3-105.4.7-156-16.9a27 27 0 0 1-16.9-14.7q-3.7-7.6-6.8-15.3a224 224 0 0 0-11-23c-5.4-9.6-11.8-11.8-21.6-8.6q-9.6 3-19.3 5c-35.6 7.8-70.9 16.5-103.7 32.4-46 22.4-91.7 45.1-136 70.3-30.3 17.2-60 34.8-82.7 61.3-6.2 7.3-7.5 14.5-2.5 22.2 4.2 6.5 3.9 11.5-2 17-9.5 8.6-16.2 19.4-22.8 30q-2.6 4.3-5.4 8.5-31.5 48-56 99.5a873 873 0 0 0-32.4 79.3l-1 2.8c-7.9 22-15.7 43.9-21.3 66.5l-5.6 21.5a551 551 0 0 0-8.8 35.3q-9.8 49.5-17 98.9c6.7 0 12.1 0 18-1L32.2 632c11-63 32.6-123 57-182a838 838 0 0 1 91-160.9c4-5.6 9-7.2 15.7-7.8 16.4-1.5 31.6 2.9 46.8 7.2q11.7 3.6 23.5 6l15.7 2.8c27 5 54 10 81.8 11.4q4.3.2 8.7.2c8.1 0 16.5 0 25.3 3l-8.4 13.6-23.8 38.6a730 730 0 0 0-50 95.6 949 949 0 0 1-18.2 39.1c-3.8 7.6-4.9 14.6-1.7 22l1.3 3c6 14 11.9 27.8 18.6 41.4zm476.8-451.8c4.8-2.7 10.3-5.5 11.2 3.6 1.8 10.6-5.4 14.2-11.5 17.3l-1.8 1c-17.5 9.2-37 14-56.8 16.2a437 437 0 0 1-145.1-5.8q-14.4-3.3-27.4-10-8.6-4-6.8-12.5c1.5-6 5.5-5 9.5-4l2.4.6 19.4 3.8c16.5 3.3 33.1 6.6 49.9 9a293 293 0 0 0 103.8-2.9l1-.1c18-3.8 35.8-7.5 52.2-16.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M227 715.7q4.7-52.4 11.4-104.7c3.6-29.7 4-60 17.4-88q1.5-3.6 3.8-6.7c2.3-3.1 5-6.8 9.7-5.2 5.3 1.7 3.6 6.4 2.7 9.9-8 32.1-13.3 64.8-17.7 97.5-4.1 31.5-6.2 63.3-9.4 96-5.8 1.2-11.2 1.2-18 1.2m951 0c-9.8-36.3-12.8-73.7-23.3-109.7-6.2-21-9.8-42.8-17.9-63.4-1.6-4.2-.5-9 4-11.2 4.4-2.3 7.4 1.3 9.9 4.3a55 55 0 0 1 9.9 22.1q17.3 65.2 27.6 131.7c1.2 8 1.2 16 1.9 25.2-3.5 1-7.3 1-12.1 1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant18": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1378 715.7 8 712.4s11.4-97 44.4-189.1c41.2-115.2 107.2-232 125-246.1 20.9-16.8-11.6-18.2 3.5-41.2 33.5-51.1 147-97.5 179.9-114.1C419.5 92 525.7 74 525.7 74l27.2 53.5s63.6 21.9 138.7 24.4C732 153.3 826 122.5 826 122.5l-11.2-57.8s169.6 34.8 253.5 85.6c48.3 29.3 108.6 75 110 101.2 2.2 39.8 1.8 36.7 24.1 51.9 53.5 36.2 98.8 122 121.3 191.2 17.6 54.2 54.2 221 54.2 221",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m869 714.7-269 1s19-182.5-1.4-325c-6.2-44.2-32.6-224.4-32.6-224.4S639.7 191 697.4 191C760 191 825 158.7 825 158.7s24.3 69 29 182.4z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M328.5 591c20.5 40.7 41 81.4 56 124.7 6.6 0 12 0 17.7-1l-4.3-11a672 672 0 0 0-19.6-47.8q-16.9-35.4-34.2-70.7l-28-57.5c-3.8-8-6-16.9-1.3-25.8q9.9-19.3 18.4-39.2l5.2-11.8c11-24.4 24.5-47.6 38-70.9a985 985 0 0 0 30.6-55c8-16.3 5.6-24.5-12-30a48 48 0 0 0-10.5-2.3q-12.9-1-25.9-1.7c-26.4-1.5-52.9-3-78.6-10.8-8-2.4-16.3-3.7-24.6-5A191 191 0 0 1 227 269c-14.8-4.2-30-8.6-41.4-20.3l1.7-2.4q1.4-2 2.8-3.5c25.5-28.7 59-47 92.3-65.1l20-11a963 963 0 0 1 62.6-31.4l23.7-11.3A394 394 0 0 1 450 99.2q16-4.5 32.2-8l23.3-5.7c20.1-5.3 23.8-4 29 15.7l9.1 34.2A2051 2051 0 0 1 570.3 242q13 61.2 17.2 123.5c1.5 23.6 4.2 47.2 6.8 70.7 3.7 32.2 7.3 64.3 8 96.7.5 20.8-.1 41.6-.8 62.4l-.8 29c-.3 13.5-1.8 26.9-3.3 40.2-2 17-4 34-3.3 51.2 6.7 0 12.2 0 17.8-1.2l.6-16.2q.1-15.2 1.6-29.6c5.7-51 4.8-102 3.7-153q-1.1-50.4-8.4-100.2a606 606 0 0 1-4.6-52.8c-1.3-23-2.6-46.1-7.3-69l-6.7-34.2a906 906 0 0 0-13-61.8l-1-3c-1.2-3-2.5-6 .6-8.9 4-3.8 9.1-2.7 14-1.4A371 371 0 0 0 717 195c31.6-2.4 62.8-5.8 91.8-19.5 8.7-4 15.5-1.5 17.4 9q1.4 8.4 2.4 16.9 1.4 12 3.8 23.4c7.8 34.8 10 70 12 105.2q1.4 24.2 3.5 48.3 1.6 18 2.8 36.3 1.4 21.9 3.6 43.7c6.3 60.7 4.7 121.5 2.7 182.3l-.7 20q-1.2 27.6-1.4 55c5.8 0 10.4 0 15.4-1l.8-5.3c1-6.5 2-12.5 2-18.4l.3-44.7c.1-28 .3-56.2 1.6-84.2q2.5-55.5-3.2-111c-2.7-26.2-4.5-52.4-6.3-78.7q-2.4-36.2-5.7-72.4c-4.5-46-10.5-92-20.5-137.3q-6.7-31-12.6-62.3l-1.2-6.4q-.6-3.7-.4-7.4v-4c-.3-6.4 2.7-8.5 9.1-7.2A642 642 0 0 1 913.4 94c21 6.9 41.7 15 62.3 23q11 4.5 22 8.6a447 447 0 0 1 141 84.8c13 11.7 24.1 25.1 31.8 40.6 4.5 9.3-.3 19.2-9.6 21l-9.2 1.9c-22.7 4.4-45.4 9-67.6 15.7a252 252 0 0 0-92.9 50.8c-7.6 6.6-8.7 14.7-4.5 23.2q6 12.1 13.2 23.6l17.7 27.5a705 705 0 0 1 42 70c3.2 6.5 4 13-.3 18-9.4 10.8-16.8 22.9-24.3 35a360 360 0 0 1-16.9 25.7 486 486 0 0 0-53.6 90.3q-5.2 11.9-9.7 24.2c-4.8 13-9.7 25.8-16.5 37.7 7.5 0 14 0 20.6-1 10.7-33 23.5-64.2 41.5-93 23-37.1 47.5-73.3 72.3-109.3 6.3-9 9.7-18.8 3.8-31-8-16.8-17.5-32.7-27-48.5l-.4-.7a1715 1715 0 0 0-43.7-68c-4.7-7.2-2.2-12 3-16.8a158 158 0 0 1 41.7-26.7A355 355 0 0 1 1153 291c12.8-1.7 22.3.7 32 7.6 34.6 24.3 64.6 51 82.6 90.3l8.7 18.7c12.8 27.6 25.6 55.2 35.5 84a1107 1107 0 0 1 41 147.4c5.8 25.6 11.6 51.2 18.2 76.7 4.9 0 8.6 0 12-1-5.3-21.6-9-43.3-12.8-65-4.7-27-9.4-54-17-80.4l-1.4-5.3c-6.6-23.2-13.2-46.4-21.1-69a882 882 0 0 0-52-121.3c-18.2-34.7-45.7-61.4-77.7-84.9q-2.2-1.5-5-2.8c-6-3.1-12.7-6.5-9.7-16.8 5.2-17.6 1.8-33.7-13.7-46.3a87 87 0 0 1-9.6-9.7l-3-3.3c-41.4-45.3-95.8-72.5-151.8-97a1083 1083 0 0 0-112.6-40c-23.7-7.3-48-13.2-73-15q-18.9-1.3-16.5 16.8l1 9c.8 6.7 1.5 13.5 3.1 20 2.8 11.2-3.2 17.2-12 21.2-22 9.8-45.4 17.3-69.4 18.8-52.8 3.3-105.4.7-156-16.9a27 27 0 0 1-16.9-14.7q-3.7-7.6-6.8-15.3a224 224 0 0 0-11-23c-5.4-9.6-11.8-11.8-21.6-8.6q-9.6 3-19.3 5c-35.6 7.8-70.9 16.5-103.7 32.4-46 22.4-91.7 45.1-136 70.3-30.3 17.2-60 34.8-82.7 61.3-6.2 7.3-7.5 14.5-2.5 22.2 4.2 6.5 3.9 11.5-2 17-9.5 8.6-16.2 19.4-22.8 30q-2.6 4.3-5.4 8.5-31.5 48-56 99.5a873 873 0 0 0-32.4 79.3l-1 2.8c-7.9 22-15.7 43.9-21.3 66.5l-5.6 21.5a551 551 0 0 0-8.8 35.3q-9.8 49.5-17 98.9c6.7 0 12.1 0 18-1L32.2 632c11-63 32.6-123 57-182a838 838 0 0 1 91-160.9c4-5.6 9-7.2 15.7-7.8 16.4-1.5 31.6 2.9 46.8 7.2q11.7 3.6 23.5 6l15.7 2.8c27 5 54 10 81.8 11.4q4.3.2 8.7.2c8.1 0 16.5 0 25.3 3l-8.4 13.6-23.8 38.6a730 730 0 0 0-50 95.6 949 949 0 0 1-18.2 39.1c-3.8 7.6-4.9 14.6-1.7 22l1.3 3c6 14 11.9 27.8 18.6 41.4zm476.8-451.8c4.8-2.7 10.3-5.5 11.2 3.6 1.8 10.6-5.4 14.2-11.5 17.3l-1.8 1c-17.5 9.2-37 14-56.8 16.2a437 437 0 0 1-145.1-5.8q-14.4-3.3-27.4-10-8.6-4-6.8-12.5c1.5-6 5.5-5 9.5-4l2.4.6 19.4 3.8c16.5 3.3 33.1 6.6 49.9 9a293 293 0 0 0 103.8-2.9l1-.1c18-3.8 35.8-7.5 52.2-16.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M226 715.7q4.7-52.4 11.4-104.7c3.6-29.7 4-60 17.4-88q1.5-3.6 3.8-6.7c2.3-3.1 5-6.8 9.7-5.2 5.3 1.7 3.6 6.4 2.7 9.9-8 32.1-13.3 64.8-17.7 97.5-4.1 31.5-6.2 63.3-9.4 96-5.8 1.2-11.2 1.2-18 1.2m951 0c-9.8-36.3-12.8-73.7-23.3-109.7-6.2-21-9.8-42.8-17.9-63.4-1.6-4.2-.5-9 4-11.2 4.4-2.3 7.4 1.3 9.9 4.3a55 55 0 0 1 9.9 22.1q17.3 65.2 27.6 131.7c1.2 8 1.2 16 1.9 25.2-3.5 1-7.3 1-12.1 1",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M824.4 564.4q3.9 4 6.9 8.6c2 4 2.8 10-1 13.3-2.5 1-5 0-7.2-1l-.7-.3q-6.5-3-12.4-7a586 586 0 0 1-52.4-40.1 1501 1501 0 0 1-53-46.5q-15.5-14-30.8-28.2a282 282 0 0 1-14.7-15 31 31 0 0 1-6-8.4c-6.4-17.8 7.6-21.9 22.8-24.4q16.4-2.6 33-4.2h.8q8.3-.8 12.6-2.2l1-.6c1-.4 1-.5 1.4-1v-.3a68 68 0 0 0-9.4-18 610 610 0 0 0-44.6-55.6l-19.3-22-2-2.3c-4.7-5.2-9.4-10.4-6.5-17.8 1.4-4.6 5.8-2.4 8.7-.6q5.8 3.4 11.2 7.2h.1a971 971 0 0 1 37.6 27.2 589 589 0 0 1 74.4 64 592 592 0 0 1 24.6 21.4q4.5 3.9 7.7 8.6c3.5 5.7 2 13-4 16.5a72 72 0 0 1-24.3 6.5q-13.3 1.7-26.7 2.7l-8.5.7c-8.3.7-16.9 1.5-22.6 3.5q-1.2.4-2.3 1.2c1.4 2.6 2.1 3.6 3.4 5.3l2.5 3.4c11 14.4 23.7 27.5 36.3 40.6l16.9 17.2q16.4 16.4 32.6 33.2l1.5 1.6 11 11.4zm-116.6-85.3 8 7.2q23.6 21.4 48 41.8a576 576 0 0 0 44.2 34.1L784 538q-21.8-22-43.3-44.5a279 279 0 0 1-21.3-25.6c-2.3-3.2-4.7-6.5-6.2-10.1-2.7-6.7-2.7-17.4 5.8-20.2a64 64 0 0 1 16.8-2.6l15.8-1.3 14-1.1 2-.2c11-1 27-2.6 34.1-7.2-5-5.7-14-13.4-22.3-20.6l-10.6-9.3-27.4-24.7q-12.4-8.7-24.6-18a1555 1555 0 0 0-44-32.8q14.3 16.3 28.1 33.2l3.9 5c11 14 26.3 33.5 27.3 49.1.2 5.8-1.4 12.3-7.3 15.1-4.8 1.9-10 2.4-15 2.9l-5.3.6a488 488 0 0 0-30.2 4l-2.5.5c-4 .7-7.2 1.4-11.2 3.7 7 8.7 30.7 30.3 47.2 45.3",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant19": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1331.4 720.2 27.7 717S61 507.2 123.9 388c73-138.7 173.6-266 400-320.3 9-2.1 96.1 44.3 128.4 60.3 15 7.4 77.1 2.9 77.1 2.9L840.2 76s130.4 42 196.6 79.3c84.2 47.3 179.2 187 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1307.6 642.6c5.5 26 11 51.8 17.5 77.6 4.6 0 8.1 0 11.3-.9a485 485 0 0 1-11.7-60.7q-2.8-19.7-6.6-39a1045 1045 0 0 0-22-90c-10-33.6-21.4-67-35.3-99.3a735 735 0 0 0-48.2-97.8 835 835 0 0 0-89.3-119.8c-37.6-41.9-85.4-68.5-134.7-91.4a816 816 0 0 0-105.3-42.7c-25.6-7.8-52-12.4-79-12.2-6 0-9.3 3.6-5.5 7.6 8.2 8.6 2.4 11.8-3.3 14.9a102 102 0 0 0-8.9 5 203 203 0 0 1-28.7 14.9q-7 2.8-13.7 6.7c-8.6 4.8-17.3 9.6-27.3 9.4q-10.5-.1-20.8.3l-14.7.3q-10.9 0-21-3.8a248 248 0 0 1-37.6-18.9c-8.8-5-17.6-10.1-26.8-14.4L584.4 83A298 298 0 0 1 530 53.8c-5.2-3.8-10.2-1.8-14.4.8-14.5 9-30.4 14.6-46.3 20.2-14 5-28 9.9-41 17-27.3 15-55.6 28.4-83.8 41.8-52.5 24.7-94.7 63.1-132.8 106.4q-31.5 35.8-57 76.2a833 833 0 0 0-84 179l-1.2 3.5c-7.3 21.7-14.7 43.4-20 65.8Q47 575.3 44.1 586q-4.6 17.6-8.4 35.4-9.4 49.4-16.2 99c6.3 0 11.6 0 17.1-1.1q1.9-12.6 3.5-24.7c2.2-15.9 4.3-31.5 7.6-46.8l2.6-12.6c6.4-30.6 12.7-61.2 22.6-91l2.7-8c9.5-28.6 19-57.3 30.6-85.1a922 922 0 0 1 39.1-81.4 648 648 0 0 1 107-147.5 379 379 0 0 1 108.2-78.5q3.5-1.6 7-3.7c9.2-5.1 19-10.6 30-6.3 22.5 8.6 45 17.8 66.3 29 28.8 15 57.1 30.9 85.5 46.8q13.2 7.6 26.4 14.8l.5.3c19.8 11 19.8 11 32.4-7.6l.8-.3.5-.3c9.4 4.1 17.8 10 26.2 15.9q7.1 5 14.5 9.6c20.4 12.5 22.3 17.5 14.6 38.6l-13.2 37q-8.7 24.6-17.6 49a1076 1076 0 0 0-40 129.7c-5.2 22.2-.8 30.2 19.7 41l14.6 7.5 15.8 8.2c5.3 2.8 8.3 7 7.7 13.5-3.7 39.4-5 79-5.2 118.6q-.2 9.3-1.4 18.6-1.1 8.4-1.5 16.7h14.3a2249 2249 0 0 0 9.4-164.2c.9-27.5 3-55 5-82.5q2-23.6 3.4-47.2 1-18 1.1-36.2c.3-18.2.6-36.3 2.7-54.4q2.6-21.4 4.5-43.5l2-20.5c17 7 30.4.3 43.4-8 7.2 6 10.2 14 13 21.8l2.5 6.3c13.6 32.2 22.5 66 31 99.9 4.6 18 9 36 12.2 54.4l1.3 7.8v.4c6 34.9 12 69.8 16.2 105 3.7 32 5.8 64.3 8 96.5l2.3 35.5q.4 5 .4 10.3 0 8.4 1.1 17.5c4.9 1.1 8.4 1.1 12.3 0 2.8-65.7-5-129.4-13.2-193.1l-1.7-12.6q-1.5-10.7-2.8-21.5a563 563 0 0 0-9.8-59q-3.1-13.2-7.1-26.4-4.6-14.8-7.9-30c-3.7-18.8-10-36.7-16.3-54.6a323 323 0 0 0-28.3-62.2c-1.8-3-3.6-7.1.4-9 9.3-4 16.6-10.8 24-17.6 6.8-6.2 13.6-12.5 22-16.9l1.8 4.5q1.8 4.6 4 8.6c8.6 15 13 16 26.6 5.3q12.4-9.3 25.4-17.7c9.5-6.2 19-12.4 27.8-19.5a358 358 0 0 1 38.3-26 337 337 0 0 0 42.4-29.3c24-20.5 62 6.4 107.8 38.7l.6.5c43.4 30.6 76 72 106 115.2A792 792 0 0 1 1226 393q25.1 49.9 42.6 102.7a1129 1129 0 0 1 39 147m-714-437c-2.2 4-4.2 6.3-8.8 4.4-22.7-10.9-44.4-23-66-35.2-34.7-19.6-69-38.9-106.3-51.6 0-5.1 2.4-6.2 4.5-7.2l.4-.1q19.7-9 38.1-20.5a42 42 0 0 1 22.9-6.9c20 0 40-.3 58-11 4.8-2.7 9.6-1.3 14.5 1.5l15.8 9.2c22 13 44.2 25.8 67.5 36.4 4.5 2 9 4.6 11.6 9.5a348 348 0 0 0-52.2 71.5m255.7-7.5c16-13.9 34-25 51.8-36.2 16-10 32-20 46.4-31.8-1.4-4.2-3.8-6-6.2-7.6l-1.3-1c-16.7-12.8-36.1-19.8-55.5-26.9q-9.8-3.5-19.4-7.3c-9.2-3.7-20.4-7.7-31.9-1.3l-13.9 7.8a409 409 0 0 1-61.7 30.6c-6.6 2.4-7.4 5.6-3.2 11.4l11.4 16.8a499 499 0 0 0 13.6 19.6q12.4 16.6 25.2 32.7l10.8 13.8a1343 1343 0 0 0 33.9-20.6m-181.9-51.9c5.5-4.2 11.5-7.3 18.8-6.3 24.4-3.4 44 2 61.5 16.1 12 9.7 12.7 16.6 3.4 29a81 81 0 0 0-5.8 9.4c-3 5.6-6 11-11.2 15-17.7-9.6-35.3-12-53.3-1.5-5.4 3.2-9.4 1.4-13.5-2.7l-16.6-16.4-7.8-7.6c-5.9-5.7-7.7-10.5 1-16 5.3-3.5 10-7.6 15-11.8q4.1-3.7 8.5-7.2m-24.3 389.3c3 1.7 6.3 3.4 11.2 3.4l2.3-57.7c2-50.4 4-100.7 7.8-151a332 332 0 0 0-12 30.8l-5.4 14.8a1051 1051 0 0 0-39 129.7c-1.6 6.5-1.4 12 5 15.3 7.9 4 15.8 8 25.5 12.6q2.3.8 4.6 2.1m58.5-321.3a27 27 0 0 1 16.3 1.6c13 12.7 14.7 22.7 6.6 32-11.1 13-28.1 16.9-39.4 9-8.6-6.1-10-15.4-7.3-24 3.4-11 13-16.5 23.8-18.6m-41.5 17.4c10.3-1.3 5.3-8.7 2.8-11.1-9-8.8-18.3-17.1-28.4-26l-11.6-10.3c-.6 4.8-2.9 8-5 11.2a37 37 0 0 0-3.7 6l.2.2c15 10 29.7 19.6 45.7 30m94.5-25 4-4.8 2.7-4.6c2.6-4.5 4.8-8.3 8.4-11 12.5 12.3 12.5 16.8.5 26.2l-3.7 2.7q-4.3 3-8.1 6.7a32 32 0 0 1-12.7 9.3c-5.3-4.4-4.7-8.8-.3-13.7q4.8-5.2 9.2-10.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1140.7 720.2c-9.3-36.8-12.3-74.6-22.4-111-7.7-28-14-56.7-24-84-7.1-19.3-14-39-23.4-57.6-12.7-25-23.3-51.2-34.6-77-1.3-2.9-3-6.3 1.2-8.9 4.5-2.6 7.6-.4 10 2.8 4 5.4 8.5 10.8 11.3 16.8q14.2 30.5 28.9 60.6a612 612 0 0 1 34 95.6 617 617 0 0 1 21.8 96.4c2.7 21.4 7.2 42.7 8.8 65.3-3.4 1-7 1-11.6 1m-903.7 0c1.5-7.9.6-16 .7-24a883 883 0 0 1 12.2-121.6q8.7-56.6 24.6-111.6a264 264 0 0 1 34.5-73.4c2-3 4.3-5.8 8.2-3.7 3.5 2 3.6 5.5 2.3 9-3.2 8-5.8 16-9.6 23.7-18.5 36.7-26.2 76.5-35 116.2-4.5 19.7-10.2 39.2-13.9 59.2a265 265 0 0 0-5.9 53c.5 24-5 47.4-3.7 72.2-4.5 1-8.8 1-14.3 1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant20": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1331.4 720.2 27.7 717S61 507.2 123.9 388c73-138.7 173.6-266 400-320.3 9-2.1 96.1 44.3 128.4 60.3 15 7.4 77.1 2.9 77.1 2.9L840.2 76s130.4 42 196.6 79.3c84.2 47.3 179.2 187 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M658.4 720.2s-1.8-127.4-.4-169.8c2-64.6 19.5-284 19.5-284s16.8 4.6 25.5 2.7a404 404 0 0 0 30.5-11.7S778 363.9 787.1 401c15.6 62.8 33.3 256.5 33.3 256.5l2.8 62.6z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1307.6 642.6c5.5 26 11 51.8 17.5 77.6 4.6 0 8.1 0 11.3-.9a485 485 0 0 1-11.7-60.7q-2.8-19.7-6.6-39a1045 1045 0 0 0-22-90c-10-33.6-21.4-67-35.3-99.3a735 735 0 0 0-48.2-97.8 835 835 0 0 0-89.3-119.8c-37.6-41.9-85.4-68.5-134.7-91.4a816 816 0 0 0-105.3-42.7c-25.6-7.8-52-12.4-79-12.2-6 0-9.3 3.6-5.5 7.6 8.2 8.6 2.4 11.8-3.3 14.9a102 102 0 0 0-8.9 5 203 203 0 0 1-28.7 14.9q-7 2.8-13.7 6.7c-8.6 4.8-17.3 9.6-27.3 9.4q-10.5-.1-20.8.3l-14.7.3q-10.9 0-21-3.8a248 248 0 0 1-37.6-18.9c-8.8-5-17.6-10.1-26.8-14.4L584.4 83A298 298 0 0 1 530 53.8c-5.2-3.8-10.2-1.8-14.4.8-14.5 9-30.4 14.6-46.3 20.2-14 5-28 9.9-41 17-27.3 15-55.6 28.4-83.8 41.8-52.5 24.7-94.7 63.1-132.8 106.4q-31.5 35.8-57 76.2a833 833 0 0 0-84 179l-1.2 3.5c-7.3 21.7-14.7 43.4-20 65.8Q47 575.3 44.1 586q-4.6 17.6-8.4 35.4-9.4 49.4-16.2 99c6.3 0 11.6 0 17.1-1.1q1.9-12.6 3.5-24.7c2.2-15.9 4.3-31.5 7.6-46.8l2.6-12.6c6.4-30.6 12.7-61.2 22.6-91l2.7-8c9.5-28.6 19-57.3 30.6-85.1a922 922 0 0 1 39.1-81.4 648 648 0 0 1 107-147.5 379 379 0 0 1 108.2-78.5q3.5-1.6 7-3.7c9.2-5.1 19-10.6 30-6.3 22.5 8.6 45 17.8 66.3 29 28.8 15 57.1 30.9 85.5 46.8q13.2 7.6 26.4 14.8l.5.3c19.8 11 19.8 11 32.4-7.6l.8-.3.5-.3c9.4 4.1 17.8 10 26.2 15.9q7.1 5 14.5 9.6c20.4 12.5 22.3 17.5 14.6 38.6l-13.2 37q-8.7 24.6-17.6 49a1076 1076 0 0 0-40 129.7c-5.2 22.2-.8 30.2 19.7 41l14.6 7.5 15.8 8.2c5.3 2.8 8.3 7 7.7 13.5-3.7 39.4-5 79-5.2 118.6q-.2 9.3-1.4 18.6-1.1 8.4-1.5 16.7h14.3a2249 2249 0 0 0 9.4-164.2c.9-27.5 3-55 5-82.5q2-23.6 3.4-47.2 1-18 1.1-36.2c.3-18.2.6-36.3 2.7-54.4q2.6-21.4 4.5-43.5l2-20.5c17 7 30.4.3 43.4-8 7.2 6 10.2 14 13 21.8l2.5 6.3c13.6 32.2 22.5 66 31 99.9 4.6 18 9 36 12.2 54.4l1.3 7.8v.4c6 34.9 12 69.8 16.2 105 3.7 32 5.8 64.3 8 96.5l2.3 35.5q.4 5 .4 10.3 0 8.4 1.1 17.5c4.9 1.1 8.4 1.1 12.3 0 2.8-65.7-5-129.4-13.2-193.1l-1.7-12.6q-1.5-10.7-2.8-21.5a563 563 0 0 0-9.8-59q-3.1-13.2-7.1-26.4-4.6-14.8-7.9-30c-3.7-18.8-10-36.7-16.3-54.6a323 323 0 0 0-28.3-62.2c-1.8-3-3.6-7.1.4-9 9.3-4 16.6-10.8 24-17.6 6.8-6.2 13.6-12.5 22-16.9l1.8 4.5q1.8 4.6 4 8.6c8.6 15 13 16 26.6 5.3q12.4-9.3 25.4-17.7c9.5-6.2 19-12.4 27.8-19.5a358 358 0 0 1 38.3-26 337 337 0 0 0 42.4-29.3c24-20.5 62 6.4 107.8 38.7l.6.5c43.4 30.6 76 72 106 115.2A792 792 0 0 1 1226 393q25.1 49.9 42.6 102.7a1129 1129 0 0 1 39 147m-714-437c-2.2 4-4.2 6.3-8.8 4.4-22.7-10.9-44.4-23-66-35.2-34.7-19.6-69-38.9-106.3-51.6 0-5.1 2.4-6.2 4.5-7.2l.4-.1q19.7-9 38.1-20.5a42 42 0 0 1 22.9-6.9c20 0 40-.3 58-11 4.8-2.7 9.6-1.3 14.5 1.5l15.8 9.2c22 13 44.2 25.8 67.5 36.4 4.5 2 9 4.6 11.6 9.5a348 348 0 0 0-52.2 71.5m255.7-7.5c16-13.9 34-25 51.8-36.2 16-10 32-20 46.4-31.8-1.4-4.2-3.8-6-6.2-7.6l-1.3-1c-16.7-12.8-36.1-19.8-55.5-26.9q-9.8-3.5-19.4-7.3c-9.2-3.7-20.4-7.7-31.9-1.3l-13.9 7.8a409 409 0 0 1-61.7 30.6c-6.6 2.4-7.4 5.6-3.2 11.4l11.4 16.8a499 499 0 0 0 13.6 19.6q12.4 16.6 25.2 32.7l10.8 13.8a1343 1343 0 0 0 33.9-20.6m-181.9-51.9c5.5-4.2 11.5-7.3 18.8-6.3 24.4-3.4 44 2 61.5 16.1 12 9.7 12.7 16.6 3.4 29a81 81 0 0 0-5.8 9.4c-3 5.6-6 11-11.2 15-17.7-9.6-35.3-12-53.3-1.5-5.4 3.2-9.4 1.4-13.5-2.7l-16.6-16.4-7.8-7.6c-5.9-5.7-7.7-10.5 1-16 5.3-3.5 10-7.6 15-11.8q4.1-3.7 8.5-7.2m-24.3 389.3c3 1.7 6.3 3.4 11.2 3.4l2.3-57.7c2-50.4 4-100.7 7.8-151a332 332 0 0 0-12 30.8l-5.4 14.8a1051 1051 0 0 0-39 129.7c-1.6 6.5-1.4 12 5 15.3 7.9 4 15.8 8 25.5 12.6q2.3.8 4.6 2.1m58.5-321.3a27 27 0 0 1 16.3 1.6c13 12.7 14.7 22.7 6.6 32-11.1 13-28.1 16.9-39.4 9-8.6-6.1-10-15.4-7.3-24 3.4-11 13-16.5 23.8-18.6m-41.5 17.4c10.3-1.3 5.3-8.7 2.8-11.1-9-8.8-18.3-17.1-28.4-26l-11.6-10.3c-.6 4.8-2.9 8-5 11.2a37 37 0 0 0-3.7 6l.2.2c15 10 29.7 19.6 45.7 30m94.5-25 4-4.8 2.7-4.6c2.6-4.5 4.8-8.3 8.4-11 12.5 12.3 12.5 16.8.5 26.2l-3.7 2.7q-4.3 3-8.1 6.7a32 32 0 0 1-12.7 9.3c-5.3-4.4-4.7-8.8-.3-13.7q4.8-5.2 9.2-10.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1140.7 720.2c-9.3-36.8-12.3-74.6-22.4-111-7.7-28-14-56.7-24-84-7.1-19.3-14-39-23.4-57.6-12.7-25-23.3-51.2-34.6-77-1.3-2.9-3-6.3 1.2-8.9 4.5-2.6 7.6-.4 10 2.8 4 5.4 8.5 10.8 11.3 16.8q14.2 30.5 28.9 60.6a612 612 0 0 1 34 95.6 617 617 0 0 1 21.8 96.4c2.7 21.4 7.2 42.7 8.8 65.3-3.4 1-7 1-11.6 1m-903.7 0c1.5-7.9.6-16 .7-24a883 883 0 0 1 12.2-121.6q8.7-56.6 24.6-111.6a264 264 0 0 1 34.5-73.4c2-3 4.3-5.8 8.2-3.7 3.5 2 3.6 5.5 2.3 9-3.2 8-5.8 16-9.6 23.7-18.5 36.7-26.2 76.5-35 116.2-4.5 19.7-10.2 39.2-13.9 59.2a265 265 0 0 0-5.9 53c.5 24-5 47.4-3.7 72.2-4.5 1-8.8 1-14.3 1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant21": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1330 719.7 43 716.4s37.5-207.2 95-328.7C263.9 121.4 516.4 72 538.3 84.4c32 18 62.3 40.7 151.4 40.7 91.1 0 148.8-39.5 148.8-39.5s135.3 32.3 200.6 69.5c83.2 47.4 177 187 220.2 295.9 46 115.6 70.7 268.7 70.7 268.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1323.8 719.7a2718 2718 0 0 1-17.3-77.9l-8.4-39c-8-36.6-18.6-72.3-30-107.6a678 678 0 0 0-42.1-102.8l-7-13.7a803 803 0 0 0-27.6-50.7c-27.4-45.3-58.1-88.3-97-124A335 335 0 0 0 992 139q-10.4-4.3-20.7-9.1-11.8-5.6-24-10.5c-10.6-4-14.4-.7-18.8 7.3-8 14.7-18 28-32.9 36-40.3 21.6-82.3 33.2-126.5 13.6a138 138 0 0 1-48.6-35.4c-6-7-12.2-8.3-20.5-9.6-22-3.2-36.7 4.8-49 23.2-16.3 24.2-42.3 33.2-69.5 35.8a147 147 0 0 1-108-31.8 203 203 0 0 1-44.6-44.3l-9.7 4.5q-10.4 4.5-19.8 10c-9.6 6-19.7 11-29.8 16a347 347 0 0 0-34 18.9 454 454 0 0 0-85.4 73.7A604 604 0 0 0 163.9 360q-28.7 52.3-50 108.1a1216 1216 0 0 0-34 102 562 562 0 0 0-20.2 102.2q-1.1 10.2-3.7 20.4c-1.9 8.3-3.8 16.8-4.1 25.8-5.5 1-10.6 1-16.9 1q6.7-49.5 16-98.8 3.6-18 8.3-35.4l5.3-21.5a708 708 0 0 1 20-66.6l.9-2.7q13.4-40.5 30.4-79.4a836 836 0 0 1 52.6-99.6q25.5-40.9 57.1-77c37.3-43 79.1-80.3 130-105.9l10.8-5.4c36-18.2 72-36.4 112-44.2q16.7-3.1 33-7.6c12.7-3.5 15.2-9.1 10.3-21.1l-1-2.2q-1.1-2.4-1.7-5v-.4c-.6-3.6-1.2-7.8 3.8-8.9 4.3-1 5.5 1.6 7 5l.6 1.1 4.5 9.7c4.8 10.8 9.6 21.7 18.6 30.6a101 101 0 0 0 59.7 27.2l5.3.7c24.8 3.3 49.7 6.7 75 5.4 35.3-1.8 70.2-5.5 104-16.5 5.2-1.7 9.7-4.8 14-8.3 7-5.8 6.5-10.6.5-16.8-8.9-9.2-11-20.6-10.3-32.6 4-1.5 7-.5 7.6 1.8 7 30.4 29.6 36 55.8 39 33.8 3.8 66.1 14.3 98.5 25a398 398 0 0 1 71.2 34.6l18.6 10.5a272 272 0 0 1 66.9 53.2c22.7 24.3 43.9 50 62.4 77.6 16.1 24 31.5 48.6 45 74.5a1007 1007 0 0 1 86.5 242c5.6 25.4 9.8 51.3 14.1 77.5q3.2 19.8 6.7 39.7c-3.2.9-6.7.9-11.2.9M600 170.7a84 84 0 0 0 49.7-37.7c-2.9-2.4-6-3-9.2-3.5l-2.8-.5q-9.9-2.2-19.9-3.9c-27-4.8-54-9.7-74-32.8-1.3-1.5-4.6-1.8-7-1.8-27.5-.5-53.4 6.9-79.4 14.3l-11.2 3.2c.8 5.6 2.6 9 5.8 12.2a224 224 0 0 0 39.6 32.5c32.9 21 67.9 30.7 108.4 18m224 .3c-31.6 4.3-57.1-9-81-27.6q-2.4-2.5-4.9-4.2c-3-2.4-5.7-4.5-6.9-8.4 10.1-3.8 20.6-5.8 31.1-7.9a177 177 0 0 0 38.4-10.4c4.3-1.4 8.7-2.8 11.8-5.8 16.7-16.2 36.2-15.6 56.2-10.6q19.4 5 39.5 11l19 5.6-5.6 6.5c-14.1 16.6-26.6 31.3-46.9 38.5-16.7 6-33.2 11-50.7 13.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1142.6 719.7c-9.1-36.9-12.1-74.7-22-111.2-7.7-28.1-13.9-56.8-23.8-84-7-19.4-13.7-39.1-23-57.8-12.7-25-23.1-51.2-34.4-77-1.3-3-2.9-6.3 1.3-8.8s7.4-.5 9.8 2.6c3.8 5 7.8 10.2 10.6 15.9 10 20.4 19.4 41.1 29.1 61.6a613 613 0 0 1 33.7 95.7c9 31.6 17.5 63.6 21.5 96.6 2.6 21.4 7 42.7 8.6 65.4-3.3 1-6.8 1-11.4 1m-894.4 0c-.6-3 .4-5.8.4-8.7 0-49.6 9.6-98 16.6-146.7 5-35 13.3-69 22.5-102.9a254 254 0 0 1 31.6-69c2.3-3.7 4-10 10-6.9 6.1 3.2 3.2 9 1.4 13.6-7.2 17.6-15.9 34.7-21.8 52.7a748 748 0 0 0-31 138.7q-1.5 12.7-4.9 25c-7.4 28.5-3.8 58.4-10.9 87-1.1 4.7.3 10.1.3 16.2-4.5 1-8.9 1-14.2 1",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M672.9 193.2c-9 6.6-10.5 15.7-3.6 28.3l4 2.7c2.3 1.5 4.3 3 6.5 3.6 9.5 3 17-2 21.6-9.1s5.5-16.9-1.9-22c-7.3-5.1-16.6-10.9-26.6-3.5m5.4 17.4c3.8 2.8 7.6 3.4 10.9-.5a3.4 3.4 0 0 0-1.2-5.3c-4.4-1.6-9.2-2.6-9.7 5.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant22": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1335 719.7 43 716.4s37.7-207.2 95.3-328.7C264.7 121.4 518.2 72 540.3 84.4c32 18 62.4 40.7 152 40.7 91.4 0 149.3-39.5 149.3-39.5S977.4 118 1043 155.1c83.4 47.4 177.7 187 221 295.9 46.2 115.6 71 268.7 71 268.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M755.6 719.7c-4.3-25.7 12-38.5 31-49.3 10.9-6.2 27.6-3.2 39 6 7.7 6 8.4 15.2 11.3 23.4 1.7 4.7 2.4 9.8 3.6 14.7 6.4 3 13.7-.6 20.2 4.4a455 455 0 0 1-49.2-.2c-1.3-7.2-2.2-13.2-8.8-15.6-6.1-2.1-10.4 2.2-14.3 6-2.9 2.7-3.1 6.7-3.3 10.6q-4.8 0-9.4-1c-2-12.7 5.2-19 14.4-23 18.2-8 26.4 4.7 33.5 21.6 2.8-18.8-2.6-35.2-11.6-36.7-12.8-2-25.8-3.2-36.6 8a54 54 0 0 0-13.1 31zm454.1 0c4.9-29.4 27.1-45.5 56.5-41.7 14.7 2 26.7 19.7 26.5 40.6a25 25 0 0 1-11.8.3c-3.2-25.6-11.3-32.4-33.8-28.7-14 2.3-26.6 16.8-25.8 29.5zm-705.1 0a53 53 0 0 1 24.2-34.7c27.4-16.8 50-8.6 59 22.3 1 3.6 2.5 7.1 4.1 11.6q-7.9 1.2-15.9 0c.6-15.7-5.5-27.3-16.1-28.7-19.8-2.7-39.5 5.7-43.6 29.5zm-370.2 0c-4.3-17.2-27.2-35.2-45.3-35-17.4.4-30.5 13-34.2 34-2.1 1-4 1-6.9 1 .4-23 9.3-37.2 25.2-41.8 24.3-7 46.6.9 62 22 5.5 7.3 8.1 17.8 20.4 19q-9.3 1-21.2.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M525 719.7c12.7-17.4 23.2-21.3 35.8-15.2 6.1 3 7.4 8.8 11 14.3-15 .9-30.3.9-46.8.9m705.1 0c15.3-23.6 31.4-24 46.6-.8a902 902 0 0 1-46.6.8m-1164.3 0c4.6-15.7 17.4-19.8 32-20.2 12.6-.2 21.4 5.9 25.4 19.3-2 .9-3.9.9-7.3.2-17.6-15-32.3-14.6-41 .7zm632.8-213.3c35.7 22.3 35.5 53.2 33.8 86.4-.1 3.3-1.5 5.9-5 6.3-3.4.3-5.7-1.6-7.1-4.4-2-4-1.5-8.2-.7-12.5 3.5-17.5 0-33.8-8.5-49.2-7.2-12.6-32.2-22.1-50.7-19.2a55.6 55.6 0 0 0-47 52c-.2 3.5 1.3 8.9-4.4 8.8-5.3 0-4.6-5.1-4.8-8.8a63 63 0 0 1 56.2-64.3c12.7-1 25.3-.4 38.2 4.9M933.3 376c-14.8-22.8-35.3-30-60.6-26.2-20.7 3-37.3 24-38.9 50q-.5 11.5 2.2 22.7c1.5 6.1-.6 12-6.9 13-6.8 1.2-7.9-5.4-8.4-10.3-2.6-26 2.6-50.8 19.2-70.7 14-16.8 35-18.9 55.8-16.3 31 3.7 52 26 54.5 59.7.3 4.6.8 9.5-5.8 11.7-7-9.8-1.8-23.7-11-33.5M392.6 408c-17.1 16.2-20 36.3-17.7 57.5-8.2.6-8.9-4.2-9.7-8.1a66 66 0 0 1 28.6-64.9c24.2-14.5 57.4-14 75.7 3.4a91 91 0 0 1 27.2 66.4c0 3.9-.2 8.2-5.5 8.2-5 0-7.7-3.5-8.4-8.1l-3.1-24.1c-6-46-57.7-54.8-87.1-30.2m806.7 52.2c-.2 5.5-.2 10.3-6.5 9.5-6.5-.9-7.5-6.2-7.7-11.5-.4-15-2.8-29.4-10.3-42.7a38 38 0 0 0-25.5-19.3c-43.7-8.8-73 19.6-72.1 58.7 0 3.7 1.4 7.7-2.6 11.3-6.9-1.2-7.5-7.4-7.5-12.3-.6-48.8 35.7-77.3 80.7-70 25.6 4.2 37.8 22.6 45.5 44.3 3.4 9.6 7.7 20 6 32M588.1 298.5c20.9-18.4 42-14.7 62.6-2.3a49 49 0 0 1 26 47.5c-.3 5.4-.4 11.1-6 14.5-6.3-2.3-4.6-7-4-11.6 3.4-28.6-30.3-58.8-57.3-50-13.2 4.5-20.7 17-23.5 31-1.8 8.7-2.1 17.7-3.1 26.6-.5 4.1 0 9.9-5.8 9.6-6-.3-8-5.3-7.4-11.2 1.8-19.2 5.5-37.8 18.5-54.1M231.3 557.7q6.4 15.1 8 31.6c.5 5 1 9.3-6 11.1q-4.5-16.4-9.3-31.8c-4.2-12.7-21.6-24.6-34.3-24-17.3.6-25.9 11.2-25.4 30.8.2 10.4 5.2 20.7.5 31.7-6 .4-11.2-1.4-11.8-7.1-1.2-11.8-4.3-23.4-1.6-35.4 7-30.7 36-41.9 64.9-21.8a50 50 0 0 1 15 15m691.6-312.5c-.6 5-1.3 9.4-6.7 8-4.4-1.2-3.2-5.2-3-8.6 2.7-32.5-18.2-46.6-41.8-53.4-12-3.5-26.1 5.2-32.6 18.6a59 59 0 0 0-7.4 31.7q.3 4.5-.2 9c-.3 4.7-.2 10.2-7 9.5-6-.6-7-5.6-6.6-10.5 1.7-17.2 3.7-33.8 13.6-49.4 13.8-21.8 46.8-20 63.5-10.5 20.9 12 32 29.4 28.2 55.6m-499.1-68.8c3.3 10.2 6.5 19.4 8.8 28.9 1.7 6.8.2 12.7-9.2 14l-8.8-33.1a48 48 0 0 0-9.7-19.1c-14.3-16.8-27-19.2-45.2-7-18.4 12.5-30 28.7-23.8 52.8.7 2.6.9 5-3 8.7-8.4-7.6-10.4-17.3-8.8-27.6a57.4 57.4 0 0 1 50.4-47.9c21.4-3 38.3 6.8 49.3 30.3m479.8 370.2c-26.6-4.5-40.6 9.8-35.9 36 1 5.9 2.5 11.6 2.2 17.6-.2 3.6-.8 7.5-5.3 7.2a7 7 0 0 1-6.8-6.5c-1.8-15.6-4-31.2.4-46.8 3.4-12.1 24-24.8 37.8-21.5 21 5 45.3 18.8 44.6 47.5-.2 6.6 6.5 14-3 21-9.8-19.2-6.5-46.6-34-54.5M384 691.8c-4-30.4-35.2-50.7-61-40.6-14.4 5.7-22 23.3-18.4 43 .8 4.5 3.5 8.9-1.3 14.6-14.2-11.2-8.5-26.6-7.8-39.4.7-16.4 17-30 34.6-32.2 24-3 51.3 12.5 59.7 34.1 5.4 13.8 5 31-1 35.3-4.9-3.4-4.2-8.8-4.8-14.8m634.9-35.8c-12 12.8-16.2 26.5-9.1 42.5 1.4 3.2 3 6.9-1.4 8.6s-5.5-2-7-5.3c-8.6-20-2.2-47.4 13.5-57.8 19.6-12.8 48.6-7.2 67.3 10.9 13 12.6 11.8 29.2 15.8 44.4a6 6 0 0 1-5.3 7.4c-3.8.4-4.7-3.2-5.3-6q-.8-5.6-1.1-11.4a44.2 44.2 0 0 0-67.4-33.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M632.3 572.8c-1.4 3.2-1.9 6.2-5.2 6-3.6-.4-4.6-3.3-5-6.4a44 44 0 0 1 10.1-33.1c13.4-16.2 32.7-20.5 52.7-17.5 9 1.4 14.8 10.8 18 18.5a60 60 0 0 1 2 41.2c-.8 2.5-1.4 5-4.6 5.1s-4-2.3-5.3-4.6c-2.4-4.4-1.8-8.6-.7-13.4 2.5-10.9.8-21-7.9-29.1-8.5-8-17.6-5.3-27.2-2.5-17.5 5.2-24.3 18.1-27 35.8M395.6 440.5c-1.5 10 2.3 19.5-3 28.2-8.7-6.7-11.2-23.8-6-38.5 4.8-14.4 25.6-25 45.9-26.5 16.6-1.2 27.4 10.2 33.5 30 3.2 10.3 6.3 20.8-3 29.8-6.5-2.7-5.9-7.3-5.9-11.4 0-8-2.2-15.3-5.3-22.2-6-13.6-18.2-17.6-31.5-11-9.7 5-20 9.4-24.7 21.6M1141 416c-34 1.1-45.5 21.4-43.9 53.6a34.6 34.6 0 0 1-3.2-45.6c15.7-19.2 45.8-26.7 60.2-15 15.6 13 22 39.8 11.7 53.8-11.2-14.2-4-37.8-24.7-46.8m-210.6-14c-.8 4.9 1.8 11.2-4.5 11.1-5.8 0-4.4-6.1-4.8-10.1-2-19.1-25.3-36.6-43.7-32.2-11.6 2.9-17.2 11.2-18 23-.7 9.6 1.9 19.4-2.2 28.7-9.3-3.6-13.2-21-9.3-39.1 3.6-16.7 21.4-28 42.4-25 19.3 2.8 41.6 16.6 40 43.6M156 408c.7 5.9-.2 10.3-3.6 14-11.7-8.4-12.4-34.2-1.4-50.3 12.3-18.2 36.5-19 61.9-2.2 12.4 8.3 18.3 31.3 10.7 43.8-6.7-2.7-6-9.4-7.4-14.7-4.5-17.4-24.7-31.2-42-28.2-13.6 2.2-21.5 18-18.2 37.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M243.1 379.6c-.2 6.3 2.4 10.9 3.9 15.7 1.6 5.6 1.2 10.6-6.3 15-7-46.8-32-68.7-79-59.4-.6-9.3 4.3-12.2 9.6-12.7 31.1-3.1 56.2 5.3 71.8 41.4M911 563.8c13.3 15.7 14.8 21.6 9 33.4-7.2-5.3-7.9-14.7-13.6-20.9-4.8-5.3-9.6-8.3-16.4-5.9-6.4 2.4-4.8 8.2-4.4 13.2l1.2 13.9c.4 3.7 2 8.3-3.3 9.4-4.7 1-7.8-2.3-9.5-6.6-3.6-8.5-.3-31 5.8-36.2 9.7-8.2 20.2-6.2 31.3-.3M323.5 694.1c-2.4 2.1-3 6.3-7.1 6.6-6.8-10.9-5.3-23.4 3.6-31.6a35 35 0 0 1 43.1-2.6c7.4 5.4 12.4 27 8.3 35-1.3 2.2-2.5 4.5-5.7 3.9q-4.1-1.1-4.5-5.5l-.3-10.1c-.7-12.8-9.1-20.8-21-20.2-12.6.7-18.1 8.2-16.7 23.7zm333-347.6c-5.2 5.3-7.8 3.2-9-2.3-.7-3.3-.2-7-1.7-9.9a24 24 0 0 0-20.2-13c-9.3-.6-11.3 6.8-15 13-3.8 6.6-1 15.4-7.8 21.4-12.6-4.2-7.2-14-5.2-20.8 5.6-19.2 16.8-25.6 36.2-22.6 13 2.1 23.5 17.4 22.7 34.2m-462.9 212c20 5.6 31.2 24.2 22.7 39.2-3.3-9-9-15.4-13.7-22.4-4.4-6.4-10.6-7.3-16.8-4.7-6 2.4-6.3 8.5-5.4 14.2.7 4.2 1.9 8.3 2.7 12.4.8 3.7 2.6 8.5-2.8 9.4-4.7.9-8.8-1.3-11-6.5a30.3 30.3 0 0 1 24.3-41.6m149.9-355.9c2.7-16.6 9.6-27.5 27-30 18.4-2.6 36.2 12.9 35 31.7-.3 4-.4 8.3-5.5 8.6s-6-3.6-6.4-7.8c-.3-2.9-.4-6.1-1.8-8.6-4-7.7-6.8-17.5-17.7-17.7-8-.2-19.9 13-21.6 22.5-.7 3.5 1 7.7-2.6 10.7-5-.6-5.2-4.9-6.4-9.4m713.1 470.8c-26.6-11.3-31.4 7.2-35.7 26.7q-7.9-17.4 1.9-30.6c6.3-8.2 26.5-11.7 36.7-7.5 10.5 4.3 16 12.4 15.4 23.8-.4 6.6 4.2 18.4-3.8 18.8-9.7.6-4.1-11.1-5.2-17.3-1-6-3.8-10.2-9.3-14M884.7 211c16.8 6.1 21.5 17.4 15.7 35.9-6.4-1-4.3-6.5-4.9-10a24 24 0 0 0-15.2-18.6c-9.7-4.3-16.5-1-20.4 8.3q-3.5 8.1-4.8 17c-.6 4.6-1.8 7.6-6.8 6.5-4.4-1-5.3-4.4-4.8-8.9 2.6-25.7 13.5-34 41.2-30.3m158.8-30.8c-7.8 13.1-1.3 27.4-5.4 40.4-11.3-5-14.5-25-7.1-38.7 11.7-21.4 15.7-24.4 25.4-18zM670.4 574c-.2-7 0-14.6-6.7-16.1-9.7-2.1-10.5 9-15.4 14-6-6.4-4.7-16.4 2.4-22 8.3-6.7 19.7-6.3 24.5 2 3.4 5.7 4.7 12.6 6.3 19.1.7 2.8.4 6.3-3 7.7-3.7 1.5-6.5.4-8-4.7m234.3-167a82 82 0 0 1-4.6-8.2c-2-3.6-4.7-6.3-9-5.2-3.6.8-5.6 3.6-6.1 7.3-.4 3.3-.4 6.7-1 10a5 5 0 0 1-4.2 4c-3 .5-4.6-1.5-5.6-4-3.3-7.8 3.9-24.5 12-27.9 9-3.8 20 2 23.8 12.8 1.6 4.8 3.4 10.3-5.3 11.3m-484.4 22.7c14.4 1.6 20.7 8.6 21.7 22.3.3 3.2.7 6.3-3.2 7.1q-6.1 1.5-7-5c-.3-2.5-.2-5.3-1.2-7.5-1.8-4-5.8-6.6-10.1-6.5s-4.9 4-6.3 7.1c-1.7 3.6.1 8.9-5 10.9-10.6-10.3-6.4-22.3 11-28.4M1275.8 545c-4.6 12.6-1.5 26-8.8 37.8-10-29.2.2-61 25.8-61.8-2.5 10.2-13.8 13.7-17 24m-136.4-108.4c3.6 4.9 6 9.3 7.2 14.3 1 3.6 1.3 7-3.1 8.2-4 1-6.4-1.1-7.4-5-1.7-6.2-3.4-13.7-10.9-13.8-9.3 0-7.3 10.8-12.1 16.8-7.5-8.1-5.3-17 .2-22.6 7.7-7.6 17.5-7.2 26.1 2m-945.6-42.6c-10.8-2-13.7 3.8-14 12.6-.3 4 .2 9.8-6.2 8.4-5-1-5.2-5.7-4.5-10.3 2.7-19.5 17.1-28.5 30.1-18.7 7.4 5.5 7 12.5 5 20.8-7.7-1.2-4.6-10-10.4-12.8m879-219.2q1.3 1.4 1 1.6c-11 9.6-19.4 20.6-18 38.1-11-5.9-8.4-13.9-7.1-20 2.5-12.2 10-20 24-19.7M1288.2 572c-.8 3-1 5.1-3.8 5.4-5.5-11.7-1.3-29.4 8.5-35.8 2.7-1.8 5.5-2 7.8.9q3.3 4.3-.5 7.9c-6.5 5.4-8.4 13.4-12 21.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M896.2 598.7c-10.7 0-8.3-7-7-12.4 1.4-5.2 5.2-9.7 11.1-8 8.4 2.2 10.5 8.7 9.1 16.5-3.5 4.7-9.6-2-13.2 4m-572.8 95.4C334 681 343.2 680 350 691.7c2.4 4.3 4.2 9.6-.7 12.5-5.8 3.6-8-1.4-9.5-6.3-.4-1-1.5-2-2.1-2.8-4.5-2.3-8.6 5.4-13.5-.4q-.7-.7-.7-.5M187 582.8c4.5-6 9.5-5.8 13.9-2.6 5 3.6 5 9.2 3.4 14.8-19.4 3.2-19.4 3.2-17.2-12.2m845.3 104.4c7.2-4.8 13.6-5.7 18.3 1.7 3.1 5 7.6 10.9.2 16-6.2-1-5.4-7.9-10.6-10.4l-9.5 2.6c-4-4-1.2-6.6 1.5-9.9M362.8 197.9c5-4.8 10-4.4 14.7-2.5 5 2 7.7 6.4 8.4 11.7.3 2.2-.9 4.4-3 5.2-6.5 2.6-6.4-5.2-10.3-7-4.6-1.4-5.4 5.1-9.9 4.5-4.2-3.4-2-7.3.1-12m514.3 44.4c-4 2.7-6 10.5-11.2 5.2-4.3-4.5-1.3-11 2.9-14.5 4.7-4 11-5 15.6.5 2 2.7 4.2 6.4 3 10.8-4.3 3.7-5.9-4.2-10.3-2M617.7 350.5c-1.8-10.3 3-17 11.9-17.3 8-.3 12 6 10.6 14.4-5.3 3-6.5-3.6-10.3-3.5-3.7 2.7-4.6 10-12.2 6.4m454.7-156c6-.1 11.2-.7 13.6 5.7 1.2 3.4 5 6.8 1.3 10.3-4 3.8-7 0-9-3.1-4.3-6.7-7.9 2.4-12.5.2-.5-5.3-2-10.8 6.6-13m37.4 9.1c0 5.2-1.6 9-6 9.2-4.9.1-5.8-4.4-6.4-8.2-.6-4-3.4-7.8-1.9-13.2 6.8 1.5 11.1 5.4 14.3 12.2M122.9 421c1.8-3.3 2.6-6.4 6.9-7 2.3 6.2 6.7 12.2.5 18.8-2 2.1-4.8 4.1-7.6 1.8-4.7-4-1-8.4.2-13.6M1296 565.3c9.3-7.8 10.2-7.2 14 9.3-4.6-1.5-8.7-.3-12.2 1.2-4-3-3-6.4-1.8-10.5",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1328.7 719.7a2686 2686 0 0 1-17.4-77.9l-8.4-39a1119 1119 0 0 0-30.1-107.6 677 677 0 0 0-42.2-102.8l-7.1-13.7a804 804 0 0 0-27.6-50.7c-27.6-45.3-58.4-88.3-97.4-124a336 336 0 0 0-102.8-65q-10.5-4.3-20.8-9.1-11.9-5.6-24.1-10.5c-10.6-4-14.4-.7-18.9 7.3-8 14.7-18 28-33 36-40.4 21.6-82.6 33.2-127 13.6-18.3-8.1-35.3-20-48.8-35.4-6-7-12.2-8.3-20.5-9.6-22-3.2-36.8 4.8-49.3 23.2-16.3 24.2-42.4 33.2-69.7 35.8q-59.8 5.8-108.4-31.8a204 204 0 0 1-44.8-44.3l-9.7 4.5q-10.5 4.5-20 10c-9.6 6-19.7 11-29.8 16-11.6 5.9-23.2 11.7-34.1 18.9-32 20.8-60 45.8-85.8 73.7A604 604 0 0 0 164.4 360a867 867 0 0 0-50.1 108.1 1214 1214 0 0 0-34.2 102 560 560 0 0 0-20.3 102.2q-1.1 10.2-3.7 20.4c-1.9 8.3-3.8 16.8-4.1 25.8-5.5 1-10.7 1-17 1q6.8-49.5 16-98.8 3.7-18 8.4-35.4l5.3-21.5c5.2-22.6 12.7-44.6 20-66.6l.1-.1.9-2.6Q99 454 116.2 415.2q23.1-51.5 52.8-99.6 25.6-40.9 57.3-77c37.5-43 79.4-80.3 130.6-105.9l10.8-5.4C403.8 109 440 90.9 480.2 83q16.6-3.1 33-7.6c12.8-3.5 15.2-9.1 10.4-21.1l-1-2.2q-1.2-2.4-1.7-5v-.4c-.6-3.6-1.3-7.8 3.8-8.9 4.3-1 5.5 1.6 7 5l.6 1.1 4.5 9.7c4.8 10.8 9.6 21.7 18.7 30.6 17 16.6 38 24.2 59.9 27.2l5.3.7c25 3.3 50 6.7 75.4 5.4 35.4-1.8 70.4-5.5 104.3-16.5 5.2-1.7 9.8-4.8 14.1-8.3 7-5.8 6.5-10.6.5-16.8-9-9.2-11-20.6-10.4-32.6 4-1.5 7.1-.5 7.7 1.8 7 30.4 29.7 36 56 39 34 3.8 66.4 14.3 98.9 25 25.5 8.5 48.4 21.6 71.4 34.6l18.8 10.5a272 272 0 0 1 67 53.2c22.8 24.3 44.1 50 62.7 77.6a762 762 0 0 1 45.1 74.5 1005 1005 0 0 1 86.8 242c5.7 25.4 10 51.3 14.3 77.5l6.7 39.7c-3.2.9-6.7.9-11.3.9m-726.4-549a84 84 0 0 0 49.9-37.7c-2.9-2.4-6-3-9.2-3.5l-3-.5q-9.8-2.2-19.9-3.9c-27-4.8-54.1-9.7-74.2-32.8-1.4-1.5-4.7-1.8-7.1-1.8-27.6-.5-53.6 6.9-79.6 14.3l-11.3 3.2c.8 5.6 2.6 9 5.8 12.2q18 18.5 39.7 32.5c33 21 68.2 30.7 108.9 18m224.8.3c-31.6 4.3-57.3-9-81.2-27.6q-2.4-2.5-5-4.2c-3-2.4-5.7-4.5-6.9-8.4 10.1-3.8 20.7-5.8 31.2-7.9a178 178 0 0 0 38.5-10.4c4.4-1.4 8.8-2.8 11.9-5.8C832.4 90.4 851.9 91 872.1 96q19.3 5 39.6 11l19 5.6-5.6 6.5c-14.2 16.6-26.7 31.3-47 38.5-16.8 6-33.4 11-51 13.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1146.6 719.7c-9.1-36.9-12.1-74.7-22-111.2-7.7-28.1-13.9-56.8-23.8-84-7-19.4-13.7-39.1-23-57.8-12.7-25-23.1-51.2-34.4-77-1.3-3-2.9-6.3 1.3-8.8s7.4-.5 9.8 2.6c3.8 5 7.8 10.2 10.6 15.9 10 20.4 19.4 41.1 29.1 61.6a613 613 0 0 1 33.7 95.7c9 31.6 17.5 63.6 21.5 96.6 2.6 21.4 7 42.7 8.6 65.4-3.3 1-6.8 1-11.4 1m-898.4 0c-.6-3 .4-5.8.4-8.7 0-49.6 9.7-98 16.8-146.7 5.1-35 13.4-69 22.8-102.9 6.8-24.4 18-47.5 32-69 2.3-3.7 4-10 10-6.9 6.3 3.2 3.3 9 1.4 13.6-7.2 17.6-16 34.7-22 52.7a741 741 0 0 0-31.3 138.7q-1.6 12.7-5 25c-7.5 28.5-3.8 58.4-11 87-1.2 4.7.2 10.1.2 16.2-4.5 1-8.9 1-14.3 1",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M675.9 193.2c-9 6.6-10.5 15.7-3.6 28.3l4 2.7c2.3 1.5 4.3 3 6.5 3.6 9.5 3 17-2 21.6-9.1s5.5-16.9-1.9-22c-7.3-5.1-16.6-10.9-26.6-3.5m5.4 17.4c3.8 2.8 7.6 3.4 10.9-.5a3.4 3.4 0 0 0-1.2-5.3c-4.4-1.6-9.2-2.6-9.7 5.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant23": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1340.4 725.7 36.7 722.4s33.4-209.7 96.2-329c17-32.4 81-128.7 141.8-189.6 40.8-41 87.7-56 89-62 2.2-9.7-11-41.4-8.8-48.5 8.1-25.5 9.5.8 42.1-31.8 18.3-18.2 1.4-29.6 21.6-43.2 29.8-20 60-8.7 87-7.6 18 .7 12.4 50.3 27.3 62.5 40.3 32.9 91.8 54 128 63.5 46.1 12.2 61.6-2.5 85.4-12.2s38.5 12.2 68.9-33.2c14.2-21.2-11-42.6 8.2-54 30.2-17.9 75.8-17.3 94.7-7.7 28.9 14.8 16.3 41.6 16.3 41.6s35.7 11.6 43 22c7.2 10 5 44 5 44s-2.8-13.7 63.4 23.5c84.2 47.4 179.2 187.2 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1334 725.7c-9.4-38.5-16.9-77.2-25.6-115.7q-9.6-41.5-22.4-82.2c-9.5-30.6-19.5-61-33-90.4q-14.4-31-29.5-61.5a673 673 0 0 0-57.7-92.4 470 470 0 0 0-60.5-70 343 343 0 0 0-83-57.4c-3-1.5-6.6-2.3-9.2-4.3-17-12.7-33.7-6.3-44.8 12.9-30.8 53.2-78.6 77.6-137.2 85.4a19 19 0 0 1-6.4 0c-5.6-1.2-13.6-1.2-13-9.1.7-6.9 8-4.5 12.7-5.1 43.7-5.8 84-19.6 113.4-54.3 12.4-14.8 21.6-32.4 31.3-49.3a34.3 34.3 0 0 0-23.7-50.5c-11.8-2.5-19.5-6.3-16.2-21.4 2-9.6-4.8-18.9-13.2-23-10.4-5-21.7-9.1-34.5-5.6-11.7 3.3-24.2 4.1-36.3 6-7.1 1-12.2 5.8-18 9.4-4.4 2.8-4.4 6.4-2.5 11 7 17.4 1 39.8-13.9 51-14.7 11.2-30.4 20.2-50 18.4q-7.1-.6-12.8 4.4c-14 11.8-30.4 14.5-48.7 14.3-38.8-.4-74.2-12.6-109.2-27.3-7.8-3.3-13.6-12.6-26.5-7.5 27 34.9 67 48.4 105.6 67.6a26 26 0 0 1-24.8 3c-51.4-17.5-91.9-47.6-117.2-97-8.4-16.5-14.9-33-18.1-51-2.3-12.6-5.7-13.8-17.6-8.4-13.2 6-24.9 14.3-35.7 23.6-12.5 10.8-20 24-18.1 41.5 1 8.4 0 17 .2 25.6a47 47 0 0 0 35.2 46 37 37 0 0 1 18.4 10.8c-14.6 6.6-40.5-1.2-53-15.9-33.7-39.8-20.4-108.6 25.8-132.8l5-2.8a40 40 0 0 0-54 19 81 81 0 0 1-39.3 43c-15.3 7.7-19.8 28.7-7.8 39.4 23.4 20.8 43 45.8 69.9 62.6 15.4 9.6 30.1 21 46.7 28 15.8 6.5 33.6 8.4 50.6 11.8 5 1 10.2.8 13.3 5.6.3 3.4-1.7 5.6-4.4 5.5-32.1-1.5-63.4-4.4-92-23a438 438 0 0 1-69-54.1c-11-11-23.1-6.1-34 0-39 22-72.5 50.9-102.9 83.7a615 615 0 0 0-87.4 123 871 871 0 0 0-50.5 108A1198 1198 0 0 0 74 576.3a558 558 0 0 0-20.6 102.1c-1.3 15.2-7.3 29.7-7.9 46.2-5.5 1-10.8 1-17.1 1q6.8-49.5 16.2-98.8c3.7-19.1 9.2-37.9 13.7-56.8 5.6-23.6 13.4-46.5 21.2-69.4a832 832 0 0 1 84-179q25.4-40.5 57-76c36.7-41.1 76.3-78 126-103 6.4-3.3 9.3-7 4.1-15.1-9.3-14.7-5.9-45.7 15.3-55.4 16.6-7.6 26.6-22 34.3-37.8A56 56 0 0 1 451.7 1l58.8-1c9 0 14.1 1.6 10.1 12.7-2.5 7-1.7 14.5 5.4 19.5a9 9 0 0 1 4 6.1c4.4 31 27.1 45.6 52.1 57.7 19.8 9.6 39.6 20.3 60.5 26.3 21.8 6.3 44.5 12.1 67.7 10.5a46 46 0 0 0 26.9-10.8c6.3-5.4 14.2-4.9 21.6-6.4 17-3.4 32.5-9.8 45-22 11.2-11.3 12-22 3.3-35.4-7.7-11.9-3.3-33.8 8.5-40.8 3.5-2 8.7-2.8 9.8 1.6 3 11.4 9.8 6.6 15.9 4.8a159 159 0 0 1 55.3-8.2A58 58 0 0 1 933 31.2c7.8 6.9 9.7 15.6 9.8 25.3 0 7.6 2.4 11.9 11 13.9C978.6 76 987.7 88 988 113.5c0 5.3 1.4 8.3 6.3 11 34.6 18.7 70.4 35.4 101.6 60 29.3 23 53 51.1 75.5 80.4A719 719 0 0 1 1272 441.8q27.3 69.8 46.4 142.4c12 46 16 93.5 27.1 140.6-3.2.9-6.7.9-11.4.9",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1149.7 725.7c-9.3-36.4-12.3-73.8-22.2-110-7.8-28.4-14-57.4-24.2-85-7.2-19.4-14-39-23.5-57.7-12.7-25-23.3-51.2-34.7-77-1.4-3-2.8-6.3 1.4-8.8 4.4-2.7 7.6-.6 9.9 2.7 5 7.3 10.2 14.6 14.3 22.5 16 31.2 31.8 62.7 42.9 96 7.5 22.8 15.6 45.5 21.2 69 3.9 16.5 8.2 33 12 49.4q10.6 48.4 14.5 97.9c-3.4 1-7 1-11.6 1m-903.7 0a451 451 0 0 1 4.4-86.5c3.7-29 4.4-58.3 11-87 3.9-17 9-33.6 13-50.4a338 338 0 0 1 34.6-92.4l7.4-12c2.3-3.3 4.1-8.7 9.5-6.2 5.7 2.8 3.2 8.2 1.8 12.4a320 320 0 0 1-10 26.1c-18 40-33 81.2-40.6 124-7.3 42-15.8 84.3-14 127.6.7 14-1.6 28-2.6 43.2-4.5 1.2-9 1.2-14.4 1.2m410.2-330.2c-1.5-9.8 2.8-16.7 6.6-23.8 11.4-21.4 8.4-30-11.6-42.7-17.7-11.3-35.3-23-44.2-44-5.8-14-4.4-28.3-6.2-42.4-1-7.2 2.4-16 12.3-16.7 9.4-.6 20.9-3.5 25.6 8.4 3.4 8.6 2.1 17-6.2 24-15 12.8-13.9 19.7 3.7 29.1 13.8 7.4 28.5 13.3 40.5 23.9 23.8 21 26 56 4.5 79.2-6.8 7.3-7.8 15.3-6 24.6.9 4.3 2.7 10.2-3.1 12.3-5.3 2-6.5-4-9.2-7-6.3-6.8-7.1-15-6.7-24.9m175 37.7c1.2 3.4 4.6 5.2 3 8.6-20.6.3-34.9-24.4-26-44 5-11.3 13.4-20.6 15.8-33.3 3-16.5 0-25.2-15-32.3-27-12.9-39.8-33-35.3-63.4 1.4-9.4 1.4-17.6-11.8-20.7-9-2.2-11.2-12.2-9.2-21 2-8.5 8.8-13.9 17-12.6 7.6 1.3 17.4 3.5 16.7 15.4-.2 3-.4 6.1 2 8.4 11 11 8.6 24.1 6 37.1-2.2 11.1 0 20.3 9.8 26.8 6.4 4.2 12.5 8.9 19.2 12.6a49 49 0 0 1 13 78.4c-14.3 16-15.7 25.7-5.2 40M878 119.7c16.8-7 17.8-16.8 17.5-33.6 0-5-2.4-10 .8-14.9 11.1 2.4 17.6 16.4 14 30a48 48 0 0 1-48.7 35.4 42 42 0 0 0-31.2 13c-7.7 7-16.5 10.5-27 4.4 18.8-9.4 31.1-30.8 55.7-28.2 6.8.7 12-3.5 18.8-6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant24": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1340.4 725.7 36.7 722.4s33.4-209.7 96.2-329c17-32.3 81-128.7 141.8-189.6 40.8-41 87.7-56 89-62 2.2-9.7-11-41.4-8.8-48.5 8.1-25.5 9.5.8 42.1-31.8 18.3-18.2 1.4-29.6 21.6-43.2 29.8-20 60-8.7 87-7.6 18 .7 12.4 50.3 27.3 62.5 40.3 32.9 91.8 54 128 63.6 46.1 12 61.6-2.6 85.4-12.3 23.8-9.6 38.5 12.2 68.9-33.2 14.2-21.2-11-42.6 8.2-54 30.2-17.9 75.8-17.3 94.7-7.7 28.9 14.8 16.3 41.6 16.3 41.6s35.7 11.6 43 22c7.2 10 5 44 5 44s-2.8-13.7 63.4 23.5c84.2 47.4 179.2 187.2 223 296 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M737.4 725.7a42 42 0 0 1-3.3-13.8c0-9.2-3.2-14.3-13.5-13.7-6.4.4-13-3.3-13-9.6-.2-8.2 7.8-6.1 12.7-5.7 9.3.7 12.2-4.1 12.4-12.1 0-4.6-.8-11 5.6-10.8 5.4 0 11.2 4 11.4 10 .4 9.8 4.5 14 14.1 13.6 8.7-.3 8.8 6 8.9 12.2-2.3 3.5-5.8 3.8-9.1 3.8-9 0-13.8 4-12.9 13 .7 6.5-3.7 9-8.5 12.5q-2.4.8-4.8.6m-238 0q-2-6.8-1.9-14c.8-10-3.1-14.6-13.3-13-4.7.7-8.2-1.6-11.2-4.9-1.8-1.9-3.6-3.8-2.6-6.7 1-2.7 3.5-3.8 6.2-3.5 13.3 1.7 21.4-1.9 19.7-17.4-.3-3.3 2-7 6.4-6 5.1 1 9.3 4.3 9 9.4-.6 11.3 4 15.2 15 14.2 9.7-.9 8.8 6.6 9.4 13.4-3 1-5.4 2.4-7.7 2.3-10.9-.6-16 3.7-14 15 .9 5.3-3.7 7.2-7.7 10.5q-3.6.9-7.3.7m476 0c-1.8-3.2-3.7-6.5-3.7-9.7 0-11.6-1.8-20.2-17-17.6a9.5 9.5 0 0 1-10.6-9c0-6.9 6.4-5.8 10.8-5.6 10.1.6 15.3-3.2 14.6-14-.3-3.6 1.2-7.2 4-9.6 7.6 2 14.2 4.8 14.5 14.3q0 9.6 9.5 9.2c9-.6 12.4 3.8 11.4 12.3-2.5 3.2-6.2 2.5-9.5 2.9-7.3.8-12.3 3.5-11.1 12 1 6.4-2 10.4-8 14a11 11 0 0 1-4.9.8m-711.5 0a28 28 0 0 1-3.3-11.2c-.2-11-3-17.7-16.3-16.2-5.2.6-11.6-3.5-11.3-9.8.3-6.5 7-4.6 11.3-4.8 12.7-.6 12.7-.5 16.3-21.8 7.7-2.3 12.6 1.2 13.1 8.7.7 10 5.4 13.7 14.7 13 6.7-.6 10.8 1.9 11 9 .2 8.2-6.5 7.3-11 6.7-10.5-1.5-12.5 3.9-11.8 12.5.4 4.9-.1 9.4-5.4 13.1q-3.6 1-7.3.8m949.4 0c-1.7-2.8-3.7-5.6-3.5-8.3.6-13-2.4-21.2-18-19.8-4.4.5-10.8-3.4-10.4-9.3.5-6.9 7.2-4.8 11.3-4.4 11 1.2 16-2.7 14.8-14a9 9 0 0 1 4.5-9.3c6 1.5 12 3.9 11.6 12-.3 8 3 11.8 11.3 11.3 3.8-.2 7.9.4 8 5.8.2 5.7-2.7 8.9-8.5 8.6-8.5-.4-11.4 4.1-10.7 11.8.5 6.3-3.2 10.3-8 14.9-.5.7-1.8.7-2.4.7M638.4 568.5c3.4.4 6.7-.1 8.2 1.3 3.4 3.3 11.5 2.6 10.3 9.4-1 6.3-7.7 6.2-12.6 6-15-.5-14.2 11-15.4 21.5-8.3-.8-15.2-2-15.9-11.5-.6-7.4-5.5-9.2-11.4-9.2-7.5-.1-10.7-4-11-11-.2-7.6 5.5-7.7 10.5-7.9 7.8-.3 10.6-4.3 9.5-11.6-1.3-9.4 5-12.5 12-12.6 8-.1 6.6 7.2 7.2 12.4.6 5.5-1.7 12.7 8.6 13.2m210.2-19.3c3.9-4.9 9-5 13.3-6.4 1.2.9 2.3 1.2 2.5 1.9a55 55 0 0 0 22.3 26.3c3 1.8 7.4 2.7 8 7.8-2.7 7-9.3 6-15 6.3-7.5.4-12.3 2.3-10.8 11.4.7 4 .7 10-5 9.9-5.5 0-12.7-1.6-12.8-9.3-.2-9-4.2-11.7-12.6-11.6-10.7.2-9.9-8-10.7-16.4 11.6-1.5 24.7-1.8 20.8-19.9m237.6 11.5c.1-3.5.3-6 .2-8.6-.5-7.4 5.7-8 10.2-8.9 6-1.1 6.5 4.2 6.7 8.5.5 10 1.3 18.6 15.6 17 5.2-.7 12.4 4 12.5 10s-7.1 6.1-12 6.3c-8.6.2-13.8 3.2-13.7 12.7.1 4.2-.6 9.7-6.2 9.2-5.3-.5-11.9-2.6-12.2-9.2-.4-9.4-4.8-12-13.5-12.6-8.2-.5-8.2-8-9.1-13.4 5.8-8 18.8 2.9 21.5-11m34.8-332.4c-2.4 2-4.8 1.9-7.2 1.6q-10-1.1-8.3 8.4 1.4 6.9-5.6 7.8c-5.5 1-5.8-3.2-5.8-6.5.1-6.9-1.6-11-10-9.9-4 .6-8.4-1.9-9-5.6-.7-5 4.4-5.1 8.1-5.8 5-.8 9.2-2.1 9.4-8.2 0-2.8.9-6.5 4.8-6 3.6.6 7.9 1.9 7.7 6.8-.2 5.7 2.3 7.4 8 7.1 6.8-.4 8.2 4.4 8 10.3m-140.6 20.4c-10.6 2.8-8.7-5.2-9.4-9.8-1.3-8.9-3.3-15.4-14.7-14.5-5.4.4-12-3-12.6-8.6-.7-7.7 7-7 12.2-7.7 7.6-1 12.8-4 13.4-12.5.2-4.2.8-10 6.4-9.1 5.1.7 12 2.5 12 9.5-.1 9 3.6 11.5 12.2 11.6 9.1.1 9.5 7.7 9.9 15.3-2.3.7-4.3 1.9-6.2 1.8-10.8-.7-17.6 2.2-15.5 14.9q1.3 7.5-7.7 9.1m330.4 333.4c3 6.4-.5 9.7-5 9.6-15.5-.5-25.6 3.9-20.6 22.4q-15.5.5-16.7-10.9c-.8-8.3-4.9-11.3-12.1-11.5-10-.3-10.6-6.3-9.5-13.7 2.8-2.8 6.3-3 9.7-3.1 7.2-.2 10-4.2 9-10.8-1.5-10.4 6.1-13.2 13-13.1 7.8 0 6.1 8 6 13-.2 8.3 2 13.4 11.5 12.3 5.5-.6 9.8 2 14.6 5.8M408 568.5q4.4 2 8.3 4.8c6.4 5 4 8.5-2 11q-3.7 1.3-7.6 1c-11.6-1-16.8 3.7-14.6 15.6.3 1.5-.5 3.2-.8 5.4-8.7.3-14.3-2.7-15.4-11.5-.8-7-5-9.4-11.4-9-7.8.4-10.4-3.9-10.7-11-.4-8 5.3-7.7 10.3-7.7 8.5 0 11.6-4 10.5-12-1-8.3 3.8-12 11-12.4 8.2-.4 6.4 6.9 6 11.3-1.2 12.1 3.8 16.6 16.3 14.5M117.2 437c-2.4-13 7.3-11.8 12.9-14.2 3.4 1.1 4.1 3.3 4.3 5.4 1.2 12.4 3.2 23.4 20.3 21.2 3.5-.5 8.6 3 8.2 8.2-.5 5.3-5.3 6.7-9.5 6.6-11.3-.3-18.1 3.3-17 16 .3 3.2-1.4 6.3-5.1 6-5.6-.3-11-3.7-11.1-8.7-.5-11-6.8-13.5-15.7-14.3-5.6-.5-6.4-4.8-6.7-9.2-.5-5.4 3.5-6.2 7.4-6.7 6-.7 12.5-.4 12-10.4m460.2-115.2c-.5-10.2 7-11.6 13-11.5 7 0 6 7.2 5.9 12-.4 8.7 1.9 14.1 12 13.1 4-.4 7.2 2.2 10.6 3.9 2.8 1.3 5.4 3 5 6.6a6 6 0 0 1-6.4 5.3c-15.3-.7-25.5 3.8-20.8 22.2-9.4 0-15.4-2.7-16.5-9.7-1.4-8.6-5.7-12-13.6-12-6.8 0-9-4-9.2-9.7-.1-6.5 4.6-7.7 9.6-7.4 8.8.6 13.2-2.3 10.4-12.8m495 9.3c9.9.7 15.2-2.4 14-12.2-1-7.6 3.7-11.6 10-12.1 8.4-.7 6.8 6.8 7 11.9.2 8.8 3.5 13.9 13 12.7 4.3-.5 7.2 1.7 10.3 4 2.3 1.9 5.4 3.2 4.7 6.9-.9 4-4.4 5.4-7.8 5.2-12-1-20 2-18.4 16.4.3 3-1.8 6.3-5.3 5.9-5.6-.7-11.9-3-12.3-9-.8-9.9-5.4-13.4-14.6-13.3-5.5.1-6.4-4.6-7.5-8.8-1.3-5.1 1.5-6.9 7-7.7M119 583c-5.2-10.6-1.7-15.5 8.7-15.5 9 0 12.1-3.5 9.6-12.7S143 544 148.8 543c6.7-1.2 7.2 5.2 7 9.6-.5 10.6 2 17.1 14.6 16.7 4.4-.2 10.6 3 10.7 9 .1 7.4-6.7 6.3-11.5 7-10.7 1.3-10.8 1.2-14.5 20.8-6.3 2.2-13.7-1.6-13.7-5.4-.2-15.7-11.9-14.7-22.3-17.8M899.2 301c3.8-4.7 8.5-5.1 14-6.2q1 1.3 1.8 2.9c6.2 16.7 6.3 16.5 21.2 24.5 3.4 1.8 9.2 3 8 8.5-1.1 6-6.7 5.7-11.4 5.6-8.2-.1-15.9-.2-14.6 11.7.4 4 1.3 9.8-4.6 10.2-5 .3-11.4-2.4-11.9-7.7-1-11.2-7.3-14-17-14.5-5.5-.2-6-5.3-6.5-9.6-.5-5 3-7.2 7.2-6.7 15.3 2 13.7-8.3 13.8-18.7M966 443.2c5.5-6.1.5-15.5 8.9-20.4 6.3 3 14 4.9 13.4 15-.4 7.2 4.9 8.3 10.4 8 7.1-.5 10.3 3.6 10.8 9.8.6 8-6 6.9-10.7 6.9-7.5 0-11.5 3.1-10.4 10.7 1.4 10.2-5.3 11.9-12.3 13.5a10 10 0 0 1-4.5-8c-1-10.5-3-19.1-17.3-17.6-4.3.4-10.4-3.8-10-9.6.3-6.2 6.4-5.2 11-5.8a64 64 0 0 0 10.6-2.5M442.2 243.8c-6.9-.8-12.4-4-12.3-9.8.1-7.3 7.5-6.7 12.7-7.5 6.8-1 12.5-2.6 12.3-11.4-.1-4 .2-9.4 6.1-9.2 5.2.2 10.6 2.3 10.2 9-.4 8.7 4.4 11.2 11.7 11 10.4 0 12.7 6.4 12.7 15-6.3 6.5-15.3-.2-21.6 4.5-2.6 4.3-.3 8.5 0 12.6.5 7-4.2 8.7-9.4 9.7-7 1.3-7.7-4.1-7.6-8.8.2-9.7-1.3-17.3-14.8-15.1m295 179.4c8.1 2.3 13.8 5.7 13.2 15-.4 7.3 5.4 7.8 10.8 7.5 7.4-.4 11.6 3.3 11.7 10.3.2 8-6.6 6.5-11.3 6.5-8 0-12.2 3-11.2 11.4 1.3 9.4-4.5 11.6-11.6 12.3a7 7 0 0 1-4-6.6c-.5-10.9-2.8-19.1-16.9-18.2-4.5.3-10.6-3.8-10.6-9.3 0-7.1 6.7-6.6 11.7-6.3q14.7 1 13.6-13.6c-.3-3.4.2-6.9 4.6-9M518 463.4q-4.7 3.2-3.6 7.1c2.2 10.3-2.6 15-12.2 16.3-.8-.4-2-.6-2.2-1.2a66 66 0 0 0-23-25.6c-3-2-7.1-3.8-6.7-8.5a5.6 5.6 0 0 1 6.1-5.3c15 2 20.7-5.3 20.9-19.1 0-1 1.4-2 2.3-3.2 7.2.6 12.4 3.3 12.3 11.4-.1 7.2 4 10.2 10.3 10.1 8-.1 14.1 2.6 13.5 11.1-.7 9-9.1 4.9-14.3 6.2-.8.3-1.6.3-3.4.7m-223.7-1.3c-11.7-.4-19.5 1.5-17.8 15.3 1.1 8.4-5.7 9-11.6 9.7-4.1-3.2-4.1-7.8-4.4-11.9-.6-9.2-4-14-14.3-13.4-6 .2-12.5-3.7-12.6-10.1 0-7 7.2-6 12-6 7.8 0 12-2.8 12.5-11 .2-4.4-.3-10.8 6.4-10.5 5.2.2 9.7 4 9.4 10.1-.5 10.3 5.4 12.1 13.9 11.5 4.4-.3 8.6.4 10.3 5.5 1.4 4.2 3 8.4-3.8 10.8m79.4-110.8c-3.7-3.5-7.7-3.6-11.5-3.6-7.1 0-8-5-8.3-10.4-.4-6.3 4.1-6.9 8.5-6.7 9 .5 13.8-2.6 12.3-12.5-1.2-8 4.8-11 10.6-11.5 8.2-1 6.6 6.5 6.3 11-.7 11 1.6 17.1 14.9 14.5 5.9-1.2 12.6 3.1 12.8 9.6.3 7.2-7 5.7-11.8 6-12.2.6-12.2.5-17.4 22-11.4-.3-14.3-8.4-16.4-18.4m863.9 111.2c-8.9-.4-14.6 1.6-13.8 11.2.5 7.3-4.2 10.5-10.3 12.8-1-.7-2.8-1.4-2.8-2.2-1.1-13.5-4.2-24.6-21.6-24.2-3.2 0-9.5-3.8-7.9-9.8 1.4-5 6.7-4.9 10.8-4.5 9.8.7 15.8-1.9 14.7-13.2-.4-3.9.3-8.7 5.2-8.6 5.2 0 11.2 2.8 11.3 8.2 0 11 5.1 14.3 15 13.7 6.3-.4 7.5 4.4 8.3 9.2 1 6.2-3.5 6.8-9 7.4M297 212.9c3.7 8.8.7 12.5-7.4 11.9-9.8-.7-14.2 3.3-13 13.3 1.1 9.4-5.1 11.2-14 12-1.5-13.8-10.7-28.7 2.6-40 8.8-7.6 21.2-3.7 31.9 2.8M42.8 690c2.6-7.6 8.2-6.6 12.8-5.5 5.9 1.4 5.2 6.7 4.7 12-7 1.7-14.4 6-17.5-6.5m138.4-348.3c-3.2 8-8.5 5.7-13.5 5-2-5.7.4-8.8 4.7-10.2 3.8-1.3 7.4-.5 8.8 5.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1334 725.7c-9.4-38.5-16.9-77.2-25.6-115.7q-9.6-41.6-22.4-82.1a737 737 0 0 0-33-90.5q-14.4-31-29.5-61.5a673 673 0 0 0-57.7-92.4 470 470 0 0 0-60.5-70 343 343 0 0 0-83-57.4c-3-1.5-6.6-2.3-9.2-4.3-17-12.7-33.7-6.3-44.8 12.9-30.8 53.2-78.6 77.6-137.2 85.4a19 19 0 0 1-6.4 0c-5.6-1.2-13.6-1.2-13-9.1.7-6.9 8-4.5 12.7-5.1 43.7-5.8 84-19.6 113.4-54.3 12.4-14.8 21.6-32.4 31.3-49.3a34.3 34.3 0 0 0-23.7-50.5c-11.8-2.5-19.5-6.3-16.2-21.4 2-9.6-4.8-18.9-13.2-23-10.4-5-21.7-9.1-34.5-5.6-11.7 3.3-24.2 4.1-36.3 6-7.1 1-12.2 5.8-18 9.4-4.4 2.8-4.4 6.4-2.5 11 7 17.4 1 39.8-13.9 51-14.7 11.2-30.4 20.2-50 18.4q-7.1-.6-12.8 4.4c-14 11.8-30.4 14.5-48.7 14.3-38.8-.4-74.2-12.6-109.2-27.3-7.8-3.3-13.6-12.5-26.5-7.5 27 34.9 67 48.4 105.6 67.6a26 26 0 0 1-24.8 3c-51.4-17.5-91.9-47.6-117.2-97-8.4-16.5-14.9-33-18.1-51-2.3-12.6-5.7-13.8-17.6-8.4-13.2 6-24.9 14.3-35.7 23.6-12.5 10.8-20 24-18.1 41.5 1 8.4 0 17 .2 25.6a47 47 0 0 0 35.2 46 37 37 0 0 1 18.4 10.8c-14.6 6.6-40.5-1.2-53-15.9-33.7-39.8-20.4-108.6 25.8-132.8l5-2.8a40 40 0 0 0-54 19 81 81 0 0 1-39.3 43c-15.3 7.7-19.8 28.7-7.8 39.4 23.4 20.8 43 45.8 69.9 62.6 15.4 9.6 30.1 21 46.7 28 15.8 6.5 33.6 8.4 50.6 11.8 5 1 10.2.8 13.3 5.6.3 3.4-1.7 5.6-4.4 5.5-32.1-1.5-63.4-4.4-92-23a438 438 0 0 1-69-54.1c-11-11-23.1-6.1-34 0-39 22-72.5 50.9-102.9 83.7a615 615 0 0 0-87.4 123 871 871 0 0 0-50.5 108A1198 1198 0 0 0 74 576.3a558 558 0 0 0-20.6 102.1c-1.3 15.2-7.3 29.7-7.9 46.2-5.5 1-10.8 1-17.1 1q6.8-49.5 16.2-98.8c3.7-19.1 9.2-37.9 13.7-56.8 5.6-23.6 13.4-46.5 21.2-69.4a832 832 0 0 1 84-179q25.4-40.5 57-76c36.7-41.1 76.3-78 126-103 6.4-3.3 9.3-7 4.1-15.1-9.3-14.7-5.9-45.7 15.3-55.4 16.6-7.6 26.6-22 34.3-37.8A56 56 0 0 1 451.7 1l58.8-1c9 0 14.1 1.6 10.1 12.7-2.5 7-1.7 14.5 5.4 19.5a9 9 0 0 1 4 6.1c4.4 31 27.1 45.6 52.1 57.7 19.8 9.6 39.6 20.3 60.5 26.3 21.8 6.3 44.5 12.1 67.7 10.5a46 46 0 0 0 26.9-10.8c6.3-5.4 14.2-4.9 21.6-6.4 17-3.4 32.5-9.8 45-22 11.2-11.2 12-22 3.3-35.3-7.7-12-3.3-34 8.5-40.9 3.5-2 8.7-2.8 9.8 1.6 3 11.4 9.8 6.6 15.9 4.8a159 159 0 0 1 55.3-8.2A58 58 0 0 1 933 31.2c7.8 6.9 9.7 15.6 9.8 25.3 0 7.6 2.4 11.9 11 13.9C978.6 76 987.7 88 988 113.5c0 5.3 1.4 8.3 6.3 11 34.6 18.7 70.4 35.4 101.6 60 29.3 23 53 51.1 75.5 80.4A719 719 0 0 1 1272 441.8q27.3 69.8 46.4 142.4c12 46 16 93.5 27.1 140.6-3.2.9-6.7.9-11.4.9",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1149.7 725.7c-9.3-36.4-12.3-73.8-22.2-110-7.8-28.4-14-57.4-24.2-85-7.2-19.4-14-39-23.5-57.7-12.7-25-23.3-51.2-34.7-77-1.4-3-2.8-6.3 1.4-8.8 4.4-2.7 7.6-.6 9.9 2.7 5 7.3 10.2 14.6 14.3 22.5 16 31.2 31.8 62.7 42.9 96 7.5 22.8 15.6 45.5 21.2 69 3.9 16.5 8.2 33 12 49.4q10.6 48.4 14.5 97.9c-3.4 1-7 1-11.6 1m-903.7 0a451 451 0 0 1 4.4-86.5c3.7-29 4.4-58.3 11-87 3.9-17 9-33.6 13-50.4a338 338 0 0 1 34.6-92.4l7.4-12c2.3-3.3 4.1-8.7 9.5-6.2 5.7 2.8 3.2 8.2 1.8 12.4a320 320 0 0 1-10 26.1c-18 40-33 81.2-40.6 124-7.3 42-15.8 84.3-14 127.6.7 14-1.6 28-2.6 43.2-4.5 1.2-9 1.2-14.4 1.2m410.2-330.2c-1.5-9.8 2.8-16.7 6.6-23.8 11.4-21.4 8.4-30-11.6-42.7-17.7-11.3-35.3-23-44.2-44-5.8-14-4.4-28.3-6.2-42.4-1-7.2 2.4-16 12.3-16.7 9.4-.6 20.9-3.5 25.6 8.4 3.4 8.6 2.1 17-6.2 24-15 12.8-13.9 19.7 3.7 29.1 13.8 7.4 28.5 13.3 40.5 23.9 23.8 21 26 56 4.5 79.2-6.8 7.3-7.8 15.3-6 24.6.9 4.3 2.7 10.2-3.1 12.3-5.3 2-6.5-4-9.2-7-6.3-6.8-7.1-15-6.7-24.9m175 37.7c1.2 3.4 4.6 5.2 3 8.6-20.6.3-34.9-24.4-26-44 5-11.2 13.4-20.6 15.8-33.3 3-16.5 0-25.2-15-32.3-27-12.9-39.8-33-35.3-63.4 1.4-9.4 1.4-17.6-11.8-20.7-9-2.2-11.2-12.2-9.2-21 2-8.5 8.8-13.9 17-12.5 7.6 1.2 17.4 3.4 16.7 15.3-.2 3-.4 6.1 2 8.4 11 11 8.6 24.1 6 37.1-2.2 11.1 0 20.3 9.8 26.8 6.4 4.2 12.5 8.9 19.2 12.6a49 49 0 0 1 13 78.4c-14.3 16-15.7 25.7-5.2 40M878 119.7c16.8-7 17.8-16.8 17.5-33.6 0-5-2.4-10 .8-14.8 11.1 2.3 17.6 16.3 14 29.9a48 48 0 0 1-48.7 35.4 42 42 0 0 0-31.2 13c-7.7 7-16.5 10.5-27 4.4 18.8-9.4 31.1-30.8 55.7-28.2 6.8.7 12-3.5 18.8-6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant25": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1340.4 725.6 36.7 722.3s46.7-304.1 171.4-445C264 214.1 310.5 151.8 435.4 107c21.4-7.7 53.1-88 70.1-96.4 16.1-8 5.5 52.2 20.4 64.4a872 872 0 0 0 96 69.6c58.9 37.2 86 114.9 86 114.9s26.4-74.9 48.4-111.7c15.5-26 67.3-102.4 67.3-102.4s94.7 29.6 129.8 55.7c21.3 15.8 8.8 12.3 105.4 67.5 83.9 47.9 166.2 179.1 210 288 46.6 115.8 71.6 269 71.6 269",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1334 725.6c-6.7-27-12.5-54-18.3-81q-3.7-18-7.7-35.8c-8.2-37-19-73-30.9-108.8a740 740 0 0 0-42-101.5 796 796 0 0 0-56-96.5c-30-43.3-62.6-84.5-105.8-115.4-31.4-22.4-66.2-39.2-100.9-55.9-12.3-6-24.9-3.2-37.2-.5l-4 1q-14.8 3-29.4 6.4l-35.3 7.7c-5.1 1-7 4-8.5 8.2l-6 17.5q-6.3 18.3-12.1 36.7c-2.6 8.2-7 11.8-15.7 11.6q-11.1-.1-22.2.2-12 .3-23.8.1c-14-.3-20.9 4.7-19.2 21.5 1.9 18 1.8 36 1.8 54.3q0 16 .3 32.2 1.4 41.4.5 82.7c-1 51.3-1 102.6-1 154 .1 53.2.2 106.5-1 160.2a22 22 0 0 1-11.8.2 5398 5398 0 0 1-1.6-160.5q.2-47.7-.1-95.6c-.4-63.9-.7-127.8 1.8-191.7.2-3.5-1-6.7-4.9-6.8l-6.9 7.6c-12.8 14-25.4 27.8-31.4 47.9a83 83 0 0 1-15.1-31.5c-3.7-11.9-7.3-23.3-17-31.9-2 5.8-2 11.1-2 16.5v33l.2 69-.1 84.4q-.2 91.5 0 182.8.2 11.1-.3 22.1c-.4 18.6-.9 37.2 2 55.6h-14.2a960 960 0 0 1-1.9-62.5V264c0-24-7.7-30.8-30.6-37-38-10-76.2-20.9-105.4-49.7-10.8-10.6-22.4-5.3-32-1l-1.2.6c-8.6 4-17.5 6.9-26.4 9.8-12 4-24 8-35.1 14.3l-6.6 4a80 80 0 0 1-15.4 8.2c-3 1.4-5.9 2.7-9.3-.5-3.8-3.4-3.7-7-2-11.5l5.7-17.1a503 503 0 0 1 17.7-47c1.3-2.3 2.6-4.6 1.3-7.7-4-2.7-7.7-.7-11 1.1l-1.8 1-2.2 1-2 1c-42.4 21.3-84.8 42.6-119.8 76a651 651 0 0 0-69 75.8A743 743 0 0 0 113.6 460c-23.6 58.8-44 119-54.3 182q-3 17.4-5.7 34.9l-7.9 47.7c-5.5 1-10.8 1-17.1 1q6.8-49.5 16.2-98.9a589 589 0 0 1 8.4-35.3q2.8-10.7 5.3-21.5c5.3-22.6 12.8-44.6 20.3-66.6l1-2.7a832 832 0 0 1 84-179 584 584 0 0 1 57-76.2c38-43.3 80-82 132.7-106.3a693 693 0 0 0 81.6-45.8c7.5-4.8 11-11.7 14.6-18.6q2-3.8 4.3-7.6c14.7-23.5 30-46.4 53.1-62.8l1.6-1.2c2.9-2.3 5.7-4.4 9.7-2 3.6 2 3.4 5.1 3.3 8.4v2.8q1.1 24.9 3.4 49.6c.5 5.3 2.7 10 8 12.4 22.4 10.3 41.5 25.3 60.6 40.4 11.5 9 23 18 35.2 26a213 213 0 0 1 71 74.6q2.8 5.3 5.2 11.8l2.6 6.6C717 196.2 737 165.5 757 135l11.7-18q2.9-4.8 5.2-10c2.2-4.6 4.4-9.2 7.8-13.4a20 20 0 0 0 2.4-21.7c-2.2-4.7-3.4-9.6-1.5-14.7 8.5-2.6 13 2.3 17.8 7.4l1 1c9-5.8 8-13.3 3.3-21.3-1.6-2.8-3-5.5-.6-8.2 2.3-2.5 5.4-2.2 8.4-1.3 37.1 10.7 74 22 108.2 40.6q7.1 3.9 14.5 7.3c13.3 6.4 26.6 12.8 36.3 23.5 15.4 17 35.1 26.2 54.8 35.4 11.8 5.6 23.5 11 34.4 18.2a376 376 0 0 1 67.4 53.7c23 24.3 44.5 50 63.2 77.6a753 753 0 0 1 45.6 74.5 856 856 0 0 1 48 109.3q18.6 52 32.7 105.5c6.8 25.8 11.2 52 15.5 78.3 3.7 22 7.3 44 12.4 66-3.2 1-6.7 1-11.4 1M681.7 211a365 365 0 0 0-80.3-71.5 262 262 0 0 1-25.9-19.5c-12-9.8-24-19.7-38.2-26.2-16.8-7.6-25.8-18.4-26.4-36.5v-2.4q0-5.9-.7-11.6c-.8-7.6-9.7-11.6-14.4-5.9q-2.5 2.9-5.3 5.3-3.9 3.3-6.9 7.5c-23 36.6-45.8 73.2-62.4 113.3-2.2 5.4-3.7 12.5.9 16.9 3.7 3.6 8.4 1.7 13-.2l2.4-1 19.5-7.4a510 510 0 0 1 39.8-14.4c14.3-4.3 25.2-1.8 35.3 9.5a106 106 0 0 0 38.3 26 575 575 0 0 0 48.5 17.7c14.2 4.7 28.4 9.4 42.3 15.1 17.1 7 33 16.1 32.8 38.5 0 3.5.8 7 6.6 6.5 2.9-8 2.9-16-1.1-24l-5.2-10.6q-5.8-11.9-12.6-25.1M863 66l9 3.2 44.4 20.4 23.1 10.6 1 .5c3.3 1.4 6.8 3 6.8 7 0 4.4-3.5 5-6.7 5.6l-1.8.4-14.5 3.6a385 385 0 0 1-37.5 8.1c-26.6 4-41 14.7-48.3 40.3q-1.4 4.8-3.2 9.5-2.5 6.8-4 13.4c-2.5 12-10.2 13.2-19.5 14l-17.7 2q-14.5 1.7-29.2 2.8c-8 .5-12.6 4.6-15.6 11q-3.5 7.2-7.4 14c-4.8 8.7-9.7 17.4-12.6 27-1.4 4.4-3.4 11-11.7 10.8q3.1-36.1 17.5-69.3a247 247 0 0 1 24.7-41.5A298 298 0 0 0 781 125c11.2-22.5 27.6-40.4 44.2-58.3l5.2-5.7c3.5-3.9 5.9-5 10.6-3.2q11 4.4 22 8.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M246.1 725.6c1.6-9.1.2-18.6.6-28a913 913 0 0 1 12-116.4 905 905 0 0 1 14.3-73.6c6-24.5 11.8-49.4 23-72.5 6.8-13.6 10.2-28.8 21.5-40 2.4-2.4 4.4-5.9 8.3-4 4.3 2 4 6.1 2.4 10-3.3 8.3-5.8 17.1-10.5 24.6-14 22.5-18.9 48.2-25 73-7.6 31.6-11 64.3-16.3 96.5-7 42.5-8.6 85.4-10.7 129.3-6.3 1.1-12.4 1.1-19.6 1.1m903.6 0c-6.5-30.4-11.3-61-17.6-91.3-4.1-20-11-39.2-15.4-59-6.8-30.3-19-58.7-30.2-87.4-6.7-17.1-15.2-33.5-22.8-50.3q-9.5-20.8-18.7-41.5c-1.3-3.1-2.7-6.5 1.5-9 4.3-2.6 7.6-.5 9.8 2.7 5 6.9 10 13.8 13.9 21.3 16 32.2 32.7 64.2 43.8 98.4 7.4 22.8 15.5 45.6 21 69.2 3.8 16 8 32 11.7 48q10.8 48.5 14.6 98c-3.4 1-7 1-11.6 1",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M939 348c-5.8-35.3-5-69 11.3-103 29.1 32.8 28.4 71 27.8 108.3l-.2 15.7c5 1.9 7.7.1 10.1-1.5l2.4-1.4c12.5-5.5 16.3-3.2 18.4 10.7 3.8 25.2 4 50.7 4.2 76.1l.1 11c0 6.9-3.7 11.9-8.5 15.1-13.4 9.1-24 21-34.6 33q-9.8 11.1-20.4 21.4c-9.9 9-26.7 12-37.6 3.7l-10.5-7.9c-15.8-11.8-31.6-23.6-46.5-36.4a49 49 0 0 1-18.1-48.5c1.7-10.4 2.6-21 3.5-31.7q1-12.6 2.6-25.2c2.8-20.7 6.7-23.1 25.5-14.9l5.1 1.6c4.5 1.2 9.2 2.5 13.3 8l2-15c1.6-12 3.1-23.1 3-34.4v-.6c0-1.6 0-3.6-.8-4.2-18-12.2-14.7-28.2-6.7-43.7l1-2a92 92 0 0 0 11.9-31.7c0-1.2 1.1-2.3 2-3.4l1.2-1.4 1.5.3 1.5.4c1.5 10.4 7 18.7 12.4 27.1a83 83 0 0 1 11.5 22.5c2.6 9.9 1 18.2-6.1 24.5s-8 13.6-7 22l.7 6a195 195 0 0 1 1.4 14.3c.9 17.7 3.6 19.9 22.9 16.4a93 93 0 0 0-.3-31.1m29.3 142 3.3-2.7a74 74 0 0 1 7.5-5.9c14-9 20.8-20.6 18.4-38.3-1.3-9.7-1-19.5-1-29.4q.3-7.7.1-15.3V396c0-4.6 0-9.3-4-13a61 61 0 0 0-13.1 5c-6 2.7-12 5.4-18.5 5.4q-11.1 0-22.2.5c-23.6.8-47.2 1.7-69.9-7.8-7.8-3.3-10.9-.8-11.3 7.4a463 463 0 0 1-7.1 59.4l-.1.4c-1.2 6.3-2.5 13.7 3.6 18.8a7267 7267 0 0 0 65.2 52.8c7.8 6.4 15.8 5 21.1-2.6q6.4-8.4 13.9-16 7.2-7.3 14-16.2M948 302.5c1.2.6 2.5 1.3 3.8.8l12-1.5c-8 8.2-12.9 8.3-21.1.8 1.9-1.9 3.6-1 5.3-.1",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "clothesGraphic": {
+      "width": 532.9,
+      "height": 405.4,
+      "probability": 50,
+      "variants": {
+        "electric": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M203.9 175.7s150.1 43.7 172 42.1c9.5-.6 13.6-7 11.8-16.2a28 28 0 0 0-5.5-12c-2.9-4-186-225.6-203.5-184.5a16 16 0 0 0 .5 12.5c4.3 8 10.8 14.4 16.3 21.3 21.4 24.8 41.6 50.6 63.1 75.3 12.7 14.9 30.5 34.2 37.9 47.7-5.4-.5-15.1-3.5-21.1-4.9l-40.5-10.3a313 313 0 0 0-60.2-9.7c-9.2-.1-20.4-.4-27 7.1-5.2 6.5-6 15.8-2.8 23.3 4 8.3 10.7 15 16.6 22a855 855 0 0 0 29.6 30.9q28 27.9 56.2 55.5 32.9 31.6 65 63.7l47.9 46.2q7.1 7.1 14.8 13.7l5.3 4.2c1.2.8 2.4 1.7 3.9 1.8 2.5-.4 3.3-3.5 3.6-5.7.9-5.8-2.8-10.7-5.6-15.3C357.6 345.7 204 175.7 204 175.7",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "galaxy": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m301.9 264.7-.5.1h.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M409.3 250q-4.5-15.2-13-28.5a217 217 0 0 0-24.8-32.8 410 410 0 0 0-64.7-54.4 371 371 0 0 0-53.1-30A199 199 0 0 0 187 83.5q-18-1.4-36 2.2 16.6 1.5 32.7 5.4c14.8 4 33.2 11.6 49.3 18.1 20.5 9 40.7 18.8 59.8 30.5 29.6 19 53.5 38 76.8 62.8 12.4 14.3 20.5 25 28.4 40.5q5.6 12.1 8 25.3c.8 6.1.7 5 .8 8.6v1.4l-.4 2.8v.1a44 44 0 0 1-19.2 27.3c-26.3 17-53 25.7-84.3 24.3-20.5-.8-41.7-6-58.8-10.7a385 385 0 0 1-61.8-22.6c-17-8-33.5-17.2-48.2-29-16.7-13.3-31.1-24.6-45-42.6a119 119 0 0 1-19.9-33l-.8-2.5c-1.6-5.4-1-2.5-1.7-8.3.2-3.5-.8-8 2.4-13.3a63 63 0 0 1 33.3-24c7.4-2.3 21.7-4.6 32.5-4.7 8-.1 16 1.2 23.9 2.4 15.7 2.8 28.7 6.9 44.7 13.5q22 9 42.9 20.4c29.1 16.6 63 42.2 70.4 67.4l.4 1.6v.2l.6 3.7v.3l-.2 1.7-.3 1.3c-1.5 4-7 7.6-15.3 10.1h-.3l-.3.2h.1a86 86 0 0 1-16.3 1.6c-9.5.1-18.9-1.6-28-3.8a127 127 0 0 1-38.1-15.5 189 189 0 0 1-26.9-18.4q-9-7.3-16.3-16.6c-2-3-2.9-4.1-3.9-7.7l.2-.8.2-.3v-.2l1.2-1.3.3-.4.3-.2q4.3-2.8 9-4.3 6-1.7 12.3-1.7A101 101 0 0 1 241 207a103 103 0 0 0-11.2-8.6c-12.8-8.2-29.1-15.6-44.6-14.2-12.4 1.7-19.9 6.7-20.1 20-.2 12.2 8.1 22.3 16.5 30.3q9.4 9 20.3 16.6a214 214 0 0 0 34 19q11.5 4.6 23.7 7.2c9.6 2.2 19.5 3.6 29.3 3 6.7-.3 13.5-1.1 19.7-3.8 25-9.7 16.6-42 3.8-58.7a158 158 0 0 0-36.9-35.3 284 284 0 0 0-51.1-29.7c-14-6.3-28-12.5-42.8-16.8a209 209 0 0 0-39.5-7.7q-11.7-.6-23.2 1.1A77 77 0 0 0 76.2 147a50 50 0 0 0-13 15.9 49 49 0 0 0-3.4 24c1.6 18.5 11.9 35 22.9 49.6a188 188 0 0 0 30.9 32.4c11.3 9.5 22.6 19.1 35 27 25.6 16 53.7 27.7 82.4 36.6 28.4 8.3 57.8 16 87.6 14.2a144 144 0 0 0 75.9-29 56 56 0 0 0 19-35.6 90 90 0 0 0-4.2-32",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M527.4 299.2c2 3 4 6.1 4.8 9.6 1 4.7 1.3 11-3 14.2-2.5 1.4-5.6 1.7-8.5 2l-1.4.1q-8 .6-15.9.4h-.4q-4.2 7.8-8 16 2-7.7 5-16.2l-8-.5 3.3 8.2-.5-.7-.6-1q-2.2-3.2-4-6.6a127 127 0 0 1-26-5c-5-1.5-10.6-3.3-12.2-8.7-1.3-5-.3-11 4.2-14a142 142 0 0 1 18.1-12.4q-1.1-4.6-1.8-9.5c-.7-7.3-1.7-22.4 9-22.2 4.4 1 7.9 4 11.2 6.8l1.6 1.3a151 151 0 0 1 8.8 8.5q5.7-2.5 11.6-4.2a17 17 0 0 1 9.5-.4c3.8 2 4 7 3.5 10.8q-.7 4.2-2.7 7.9l-3.5 7.1q3 4 5.6 8zm-8.7-20.8q-2.7.4-5.1 1.3l-.4.1-.5.2 3.6 4.2zm-37.3-11.6 4 2q3.8 2.7 7 5.8l-12.5 6.8a58 58 0 0 1-1-14.2l.8-.4zm-3.3 30.2q-7.1 4-13.8 8.7 9.1 3 18.8 4.2zm9 13.4-4.3-16v-.1l2.8-1.6q8.1-4.6 16.6-8.5a222 222 0 0 1 9.6 10.8l-6.6 16.5q-9.1 0-18-1m29.3-9.7-5.8 10.8q6.4 0 12.9-.8l-.9-1.4q-3-4.4-6.2-8.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M261.6 221.8c2 6.7 3.6 10.8-3.4 12.4-5.4 1.1-11 .5-16.4.4q-1.4 0-.2.3a45 45 0 0 0 9.6 3.6c12.6 3.2 17.6-6.8 10.4-16.7m150.2 132.1c-4.7 2.5-9.9 4.1-15 5.8a237 237 0 0 1-21.2 5.6 261 261 0 0 1-58.3 5q-34-1.6-66.8-11c-18-5-45.7-11.8-72.3-22.3l-5.7-2.3a851 851 0 0 0 56.3 29.5 196 196 0 0 0 55.3 16.5q28.1 4.8 56.7 3c10.3-.6 20.8-1.6 30.9-4.3a134 134 0 0 0 39-17.4c8.7-6.3 15-15 21.4-23.6-6.6 5.7-12.6 11.3-20.3 15.5m-21.3-206.6-4.2-2.4 7.3 7q13.8 14 25 30.4c10.2 14 16 24 25.5 41-8.6-31-23-61.5-53.6-76M17.6 152c5.3-8.4 19-25 29-31.4A100 100 0 0 1 74.5 106a95 95 0 0 1 21.2-2.5 69 69 0 0 0-23.6-2.9A78 78 0 0 0 43 111c-13.7 8-24 20.7-32 34.1a90 90 0 0 0-11 45 114 114 0 0 0 18.3 55 300 300 0 0 0 38 44.2l15.1 14.5A518 518 0 0 1 26.1 242c-14.5-23.5-21.2-43.7-18.5-62.6a64 64 0 0 1 10-27.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M133.7 341.1q-2.7-4.5-5.8-8.9l-.6-.7-.5-.6 1.4-2.6q2-3.1 3.3-6.7c.8-3.5.8-8.2-2.3-10.6a7 7 0 0 0-4.4 0 44 44 0 0 0-11.4 4.2A265 265 0 0 0 90.6 294q-1.5-1.4-3.4-2.4c-3.5-1.4-5 3.2-5.3 5.8a64 64 0 0 0 2.5 20.5q1.5 6.5 3.7 12.8l-4 2.8-.7.5-9.8 7c-3 2.3-6.4 4.9-7 8.9-.7 3.5-.5 8.3 2.9 10.4 3.6 1.2 7.5 1.5 11.4 1.8l2.4.2q8 .6 16 .1 3.4 10 7.3 20 .3 1.3 1.3 2.4-1-1.8-1.2-4l-.4-1.9-1.5-6.5-2.2-10.2q3 0 6.2-.4-1.8 7-2.7 14.1 2.1-7.4 5.1-14.3l10.6-1.2 7.8-1 3.6-1a7 7 0 0 0 2.4-3c2-4.7.8-10-2-14.2m-44-32.9q7.2 5.9 13.6 12.4l-9.4 6q-2.6-10.2-4.2-18.4m2.5 34.4-8.4 5.7q5.2.3 10.5.2zm7.3 5.8-2.3-9.2 4.7-3q4.8-3.1 10.5-6.2l5 5.7-4.3 11.6q-6.7.8-13.6 1m19.8-3.5-1 1.9 7.2-1q-1.6-2.3-4-5.2l-.5 1zM379.5 75.7q-1.9-3-5.2-4.4l-8-3.8q.5-21-.3-41.8c-.3-2-1.1-5.4-3.7-4.6a17 17 0 0 0-3.6 5q-.7 1.5-1.6 2.7a341 341 0 0 1-18 26.7 647 647 0 0 0-43.3-16.7c-1.8-.6-3.6-1.2-5.3-.4-4.3 3.3-3.8 10.2-1.7 14.6a64 64 0 0 0 9.8 12.5l.2.2q8.2 8.6 17 16.4l1.6 1.4 1 1-15 9.4a27 27 0 0 0-5.7 4 6 6 0 0 0 0 6.6 3 3 0 0 0 2.6.8q2.2-.1 4.6-.5 7.6-1.4 15.3-3.1l5-1.2 9-2 12.6 11.1c4.2 3.7 10.2 9 14.2 5.6 3.4-3.3 3.8-8.2 4.1-12.7l.2-2.3.5-8.6 6.2-1.2q.8 0 1.4-.3 2.2-.3 4-1.3c4-2.9 4-9 2-13m-20-12.7v1.4l-9.3-4.1 5.6-6a57 57 0 0 0-8.4 4.8l-4-1.7-1.4-.6q9.7-9.3 18-19.8c-.3 7.4-.4 16.6-.5 26m-55-7 6.2 6Q323 73.6 336 85a226 226 0 0 1 23.2-6v-.5L341.9 71l-3.5-1.5-5.6 3 3.5-3.9-5-2.1-.7.6.4-.5.1-.2q-13.1-5.5-26.6-10.5m5 38.4q5-4.5 9.6-9.4l4.5 4.1zm38.5 1 1.8 1.7 1 .9c1.5 1.2 3.7 3.2 6.7 4.4h.5q.5-3.9.7-9.3z",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "saturn": {
+          "elements": [
+            {
+              "name": "ellipse",
+              "type": "element",
+              "attributes": {
+                "cx": "257.1",
+                "cy": "202.6",
+                "rx": "100.1",
+                "ry": "98.5",
+                "stroke": "white",
+                "stroke-width": "15"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M328.3 271.8q11.7 7.4 21.8 13 20 11.3 32 15.2a35 35 0 0 0 7.8 1.7 35 35 0 0 0-3.4-7.2 186 186 0 0 0-21.8-27.9q-8.1-9-18.5-19.2a97 97 0 0 0 6.3-14.9q13 12.8 23.3 24a200 200 0 0 1 23.6 30.4q3.9 6.4 5.3 12.1c.9 3.7 1.1 8.7-2.1 12.8-3.3 4-8.2 5-12 5q-6-.1-13-2.6c-9.4-3-21.3-8.6-34.8-16.3q-12.3-6.9-26.4-16 6.4-4.6 12-10.1M192.9 127l-11.5-6.7q-19.9-11.2-32-15-5.2-1.7-7.8-1.8a35 35 0 0 0 3.4 7.2q6.5 11 21.8 27.9l7.7 8.2a98 98 0 0 0-7.9 13.5l-10.9-11.6a200 200 0 0 1-23.6-30.4 45 45 0 0 1-5.3-12.1c-.9-3.7-1-8.7 2.2-12.8 3.3-4 8.2-5 12-5q5.9.1 13 2.6a200 200 0 0 1 34.8 16.3q8.3 4.6 17.5 10.4-7 4.1-13.4 9.3",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M249 223.7c-72.4-57.7-123.5-114-114.2-125.6Z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M249 223.7c-72.4-57.7-123.5-114-114.2-125.6",
+                "stroke": "white",
+                "stroke-width": "15"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4Z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M396.7 307.1c-9.3 11.7-75.5-25.7-147.8-83.4",
+                "stroke": "white",
+                "stroke-width": "15"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "eyebrows": {
+      "width": 323.7,
+      "height": 70.5,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M294 29.6c2.6 7.3 5.5 13.5 7 20 1.2 4.9 1.7 10.4-5 12.6-7.6 2.6-8.6-3.4-10.6-7.8a120 120 0 0 1-5.5-14.2c-1.5-4.9-4.3-7-9.4-6.8-5 .1-8 3-9.3 7.2q-2.5 8-4 16.1c-1 4.5-4.2 4.8-7.8 4.6q-5.2-.2-5.9-5.5c-3.2-20.1 6.1-38.2 25.9-41.2 12.2-2 19 4.5 24.5 15M49.6 33C64.7 12.5 79 8.5 93.6 21.7c9.1 8.3 8.7 21.2 10.7 32.6.5 3-2 5.7-5.3 6.3-3.5.7-7-1.2-8.4-4.4-1.7-4-2.2-8.3-3.6-12.2-1.7-4.8-3.2-10-9.7-10.5s-10.6 3-13.2 8c-3.6 7.2-4.8 20-15.7 14.7-10.4-5-1.9-14.7 1.2-23.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M97.9 41.8c6.6-.8 12-1.8 17.5-2.3 4.7-.5 8.2 1.8 10.3 6 1.9 4-1.5 6-3.4 8.8-14.9 21.7-37 16.6-56.8 13-14-2.6-30.4-5.1-37.1-22.7-3.5-9-2.8-12 7.1-13 5.7-.5 11 1.3 16.2 3 14.8 5.1 30.5 7.5 46.2 7.2m130.5.4c5.6-4 10.8-3 16.4-1.8 17.1 3.5 34.3 5.8 50.2-4.7 4.3-2.9 9.2-3.5 12.7.7 3.2 3.9.3 7.8-1.9 11.6-7 12.4-18.9 16.4-31.4 19.6-10 2.6-20.4 2-30.5 1.4-15.9-1-21.8-11-15.5-26.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M46.1 22c23.6-.3 45.4-8.9 68.1-5.8 18.2 2.5 36.3 4 54.6.9 6.6-1.2 11.6 2 13 12 1.5-13.5 13.4-12.8 17.1-11.2 15.5 6.6 30.2 1 44.9-.5 20-2 48.5 10.6 58.3 28.4a52 52 0 0 0 4.4 6.1c2.8 3.7 7.3 7.2 3 12.1-4.1 4.6-9.2 1.7-13-.3Q283.8 56.6 272 48a18 18 0 0 0-19-2.4 76 76 0 0 1-38.9 4.4c-14.4-1.5-29.5 3.4-43 2-21.5-2.5-43.2 3.4-64.2-3.5-8.4-2.8-16.7-6.9-25.1.2-.9.7-2.7 1.3-3.6.9-12.3-6-24.4 0-36.4.1-10.2 0-20.2 3-30.3 1.6-3.8-.5-9.2 2-11-3.6-2-6.2 4-8.2 7.5-10.3 8.4-5.2 17-10.7 27.7-11.4 3.2-.2 6.3-2.4 10.4-4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M14 39c8.8-14.4 22-18.6 36.9-20 23.2-2.3 44 8.5 65.9 12.8 8 1.5 6.8 7.5 1.4 10.7-9.4 5.7-19.5 11-31.2 7-22.5-7.6-45.1-12-68.6-4.1-6.2 2-5-2-4.2-6.3M254 29c15-2.6 28.7-5.3 42.2 1.5Q312.3 38.8 309 56c-5 3.1-7.5-.4-10.6-2.5a38 38 0 0 0-37.3-4.6c-9.3 3.7-19.2 2.4-29 2.4-4.7 0-8.4-1.8-8.7-7-.4-5.5.9-10.8 6.9-12 7.3-1.7 15-2.2 23.7-3.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M106.5 34.6c4.3 5.6 14.4 8.2 8.3 16.8-5.8 8.2-15.6 8.7-24.3 6.4q-14.3-3.5-27.1-10.6c-12.1-7-23.1-6.2-34.8.2-6.5 3.6-16 9.8-20.4 1.9-5-9.2 7-11.4 12.8-15.4 18-12.8 38.8-14 60-12.2 9.6.8 16.7 7.7 25.5 13m123.7 9.5c15.9-7.4 30.7-14.8 48.2-12.7a48 48 0 0 1 30 15.2c2.9 3.1 5 7.5 1.4 11.4-3.6 3.7-8.6 4.5-12.5.4-10-10.7-20.3-8.4-30.7-1.4-9 6.1-19.6 5.5-29.4 6.4-10.7 1-13.4-6.6-7-19.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M52.5 37.6a79 79 0 0 0 27.3-19.8c2.7-3 6.1-5.7 9.9-5 6.7 1.1 16.2-1 18.8 7.5 2.1 7-5.2 10.5-10.3 14.4-13.8 10.5-28.2 19-46.6 16.7-4.6-.5-9.7.2-11-6.2 1.6-5.5 7.3-4.9 11.9-7.6M250.4 15c8.5-1.7 12.6 4.1 17.1 8.2 8.1 7.4 14.7 16.4 26 19.8 3.3 1 5.7 4 4 8-1.5 3.5-4 5.7-8 4.6-14.3-3.8-29.2-5.9-40.6-16.8-10-9.6-10.2-14 1.5-23.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M29.3 32.1C57 10 88.8 13.1 120 14.1c5.7 0 12.2 1.3 14.3 8.4 2.1 7.6-4.6 9.8-8.8 13.7a45 45 0 0 1-52.2 8.6 38 38 0 0 0-31.9 1.6Q38.6 48 35.7 49c-6.3 2.5-14.3 6-18.6-.4-4.4-6.7 5.6-9 8.3-13.7.6-1 2-1.6 3.9-2.8m264.1-8.3q11.6 6.5 20 17c2.5 3 5 6.3 3 10.2-2.4 4.3-6.7 2.7-10.4 2.2-12.5-1.5-23.7-9.2-37-7.2-5 .8-9.9.7-15 2.5-13 4.7-31-6.4-33-19.8q-1.7-8 6.8-10c22.2-5.7 44-9 65.6 5.1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M130.2 43.2c-5.6 16.8-6.6 15.4-23 11.6-26.2-6-52.7-19.2-80.3-4.3-2 1.1-5 1-7.6.8-3.6-.2-8.2 1.3-10.1-3.3-2.1-5 1.5-8.3 5.3-10.3C34.2 27.7 52 13.4 76.9 16c12.8 1.3 26-2.8 39.3-2.4 18.8.7 22.4 5.7 16 23.9zm167.5-21.4c9.6 6.6 12.5 16.8 18.3 25a7 7 0 0 1-.6 9.4c-2.4 2.7-5.4 2.8-8.1 1.2-19.1-11-38.9-6.4-58-1.2-10.2 2.7-14.6-.8-17.2-9.2q-2.5-8.5-3.6-17.4c-1.3-9.8 6.9-11.9 13-12.2 18.5-.9 37.4-4.5 56.2 4.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M56.5 41.8Q47.3 41 40 41q-8.4-.5-9-8.8c-.5-5.3 3-7 7.5-8.5 8.6-3 17.1-.5 25.2.7 15.4 2.1 31.5-.6 46.4 6.3 5 2.3 8.3 4.7 6.4 10.3-1.8 5.2-6.1 5.2-10.6 4.1-16-3.7-32.4.9-49.4-3.3M250.8 32c17.2.9 33.1-5 49.3-1.2 4 1 9 .7 8.8 7 0 6.2-4.7 7.4-9.5 8-19 2.2-38 4-56.9 6.4-5.7.7-11 .1-12.6-5.6-1.7-5.7 4-7.8 8-10 3.5-2.1 7.8-3.1 12.9-4.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M103.9 38.7C81.4 47 59.2 43 37.3 43c-3 0-6.3-2.2-9.2-4-2.7-1.5-4.4-4-3-7.4q2.1-5.4 8-4.5a188 188 0 0 0 79.9-7c5-1.6 13.3-8 16.2 1.6 3 10.2-6.8 10.8-13.4 13zm155.6-5.6c-7.2 2.7-13.5 5.3-19.9 7.6-2.4.8-5.1.9-6.8-1.8-1.6-2.4-1-4.4.5-7 13.4-22 56.2-24.9 71-4.4q2.8 3.6 4.2 7.8c1.3 4.1 2.4 9.2-2.2 11.5-4.3 2.2-7.7-1.1-10.7-4.5-14-15.5-17-16.3-36-9.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M101.1 42.8c-8.7-12.1-25.2-16-38.8-12.5-12 3.2-21.7 11-33.6 14.4-4 1.1-7.5 2.7-9.7-2.1-1.9-3.9-1.5-7.4 2.2-10.3C40 18 74.8 5.4 99.9 19.4a46 46 0 0 1 15 15c3.3 4.7 4.5 11.6 0 15.1-5.9 4.6-10-1.2-13.8-6.7m185.9 6c-9.7-6.5-18.9-7.3-28-.8-3.2 2.3-6.7 4.8-10 .8s-2.4-8.6 1.3-12.6c5.6-6.1 13.2-7.1 20.8-8a33.7 33.7 0 0 1 36.7 30c.2 4.3 0 9.1-5.2 10.3-4.7 1-8.3-1.7-10.2-5.9s-3.2-8.7-5.4-13.8M190.6 30c5.2-6.6 8-15 14.5-20.6 2.5-2.1 4.4-5.5 8.5-3.2 3.7 2.1 4 5.9 3 9q-4.7 13-10.7 25.4c-2 4-7 5.5-11 4.2-6.6-2-5-7.9-4.4-13.9z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M190.7 29.8c-2 4.2-3.6 8.5-5.7 12.6-1.6 3.1-4.2 5.8-8 4.6-4.6-1.4-5-5.3-4-9.3q1.8-6 4-12c2-4.7 1.5-12.4 9.3-11.3 8.4 1.3 4.4 8.4 4.4 14.4z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M80.4 35C59 29.6 51 33.2 39 52.6c-2.4 4-3.4 11.4-10.6 7-5.6-3.4-5.3-8.8-2.6-14.6a51 51 0 0 1 38-30.7 33 33 0 0 1 37.5 26.4c.9 5.3.1 10-4.8 13.6-11.2-1.3-8-14.2-16-19.1m164.7-2.4c14-6.2 27-12.4 41.2-1.9q7.8 5.7 11.3 14.7c2 5 2.3 10.7-2.7 13.8-5.7 3.5-8.1-2.1-11-5.6-10.4-12.8-18.4-13.7-32.4-4.6-4 2.6-6.8 8-13.5 7-5.7-9.6-.1-16.3 7-23.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant13": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M55.8 30.9c9.5-10.6 21.8-16.2 31.6-25C92 1.8 97 3 100.8 7.5c3.8 4.3 7.3 8.3 2.7 14.5a83 83 0 0 1-42.7 28.3C46.4 55 31 56.5 16 59.3c-4.5.9-10.2 3.3-11.5-3.6-1.2-6.6 3.2-10 9.5-11.2 14.2-2.8 28.4-5.2 41.8-13.6M288.9 29c11.3 2 18 11 27.8 14.2 3.8 1.2 8.4 4.7 6.6 9.5-2.1 5.8-8 4.3-12.2 3a450 450 0 0 1-39.2-14.5c-12.8-5.6-25.1-12.4-37.4-19-6-3.2-11.6-7.8-7.4-15.2s11-9.5 18.3-3.7C258.4 13.8 274 19.8 289 29",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "eyes": {
+      "width": 271,
+      "height": 93.7,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M224.4 58.4c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8 2-1.5 3.5-3.7 5.3-3.8q31.8-2.6 63.5-.1c6 .4 9.3 8 3.2 10.4-10 4-12.5 13.2-18.5 19.8-8.2 9-15.2 9.1-24.8-.8m-191-29.6c12.2.7 23.1 1 34 2 3.6.3 8 1.8 8 6.7 0 5.6-4.6 5.2-8.3 5.1-6.3 0-9.7 2.7-12.5 8.6-3.4 7.4-6.9 15.3-18 14.8-10.5-.5-15.1-7.2-18.1-15.2-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5 3-6 7-7.2a68 68 0 0 1 26.4-1.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M212.2 70q19.4.3 37.6 2.4c3 .4 5 3.3 5 6.7q-.1 5-4.7 7c-11.2 4.8-22 8.2-33.7.2-6.5-4.5-9-8.7-4.2-16.4M56 71.4c6.4 2.8 5.6 6.6 3 10.6-5.9 8.6-27.3 12.5-36 6.6-5-3.4-8-8-5.6-14C19.9 68.4 25 69 30.2 71c8.3 3.3 16.5 1.7 25.8.4m168.4-13c-4.2-9.5-9.9-15.2-19.8-15.7-6-.3-7-5.1-8.9-9.8 2-1.5 3.5-3.7 5.3-3.8q31.8-2.6 63.5-.1c6 .4 9.3 8 3.2 10.4-10 4-12.5 13.2-18.5 19.8-8.2 9-15.2 9.1-24.8-.8m-190-29.9c12.2.7 23.1 1 34 2 3.6.3 8 1.8 8 6.7 0 5.6-4.6 5.2-8.3 5.1-6.3 0-9.7 2.7-12.5 8.6-3.4 7.4-6.9 15.3-18 14.8C27 65 22.5 58.5 19.5 50.5c-2.2-5.7-5-8.4-11-8.2-3.4.1-7.1-.2-7.5-4.9-.4-5 3-6 7-7.2a68 68 0 0 1 26.4-1.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M214 23q19.4.5 37.7 2.6c3 .3 4.9 3.3 5 6.6q-.1 5-4.8 7c-11.1 4.9-22 8.3-33.7.2-6.5-4.4-8.9-8.6-4.2-16.3M59.5 25.8c6.2 3.3 5.2 7 2.1 10.8-6.5 8-28.2 10-36.4 3.5-4.7-3.8-7.3-8.6-4.4-14.4 3-6 8.2-5 13-2.5 8 4 16.4 3 25.7 2.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M212.2 70q19.4.3 37.6 2.4c3 .4 5 3.3 5 6.7q-.1 5-4.7 7c-11.2 4.8-22 8.2-33.7.2-6.5-4.5-9-8.7-4.2-16.4M52.4 64.4c7 0 7.8 3.8 7 8.5-2 10.2-20 22.4-30.4 20.5-5.9-1-10.5-4-10.7-10.5-.2-6.7 4.8-8.2 10.3-8.4 9-.3 15.8-5.2 23.8-10M20 24c5-12 8.8-29.4 24-22.5C64.7 11 58 32.2 53.7 49 52 55.2 39.2 64.8 35.4 63.2 19.1 56.4 16.2 41.5 20 24m226.8 36.8c-8.6 7.5-17 7.6-22.2-1.5-9-16-8.6-32.8 3.3-47.2 2.5-3 13.8-3.6 16.3-1q20.8 22.7 2.6 49.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M20 24c5-12 8.8-29.4 24-22.5C64.7 11 58 32.2 53.7 49 52 55.2 39.2 64.8 35.4 63.2 19.1 56.4 16.2 41.5 20 24m226.8 36.8c-8.6 7.5-17 7.6-22.2-1.5-9-16-8.6-32.8 3.3-47.2 2.5-3 13.8-3.6 16.3-1q20.8 22.7 2.6 49.7",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "gesture": {
+      "width": 1743.2,
+      "height": 1203.1,
+      "probability": 10,
+      "variants": {
+        "hand": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1367.7 1194s-7.5-80.3-7.5-95c0-14.6 18.4-35.3 25-60.8 6.5-25.6 15.4-93.2 12.8-113.3-2.7-20.2-18.3-58-18.3-58l-44.5-171.7s-13.4-11.2-19.5 6.1c-6 17.4-11 42.7-7.9 61.5a345 345 0 0 1 3.7 38.4q-12-1.3-23.8-1.2c-14.2 0-105.4 51.8-105.4 51.8l23.8 17.6s42-9.7 57.2-10.3 42.7-3.7 53 4.2c10.4 8-60.3 17.7-60.3 17.7s-62 7.3-69.4 22.5c-7.3 15.3-23.8 29.9-14 37.2a52 52 0 0 1 14.6 22s-9.7 17 5.5 25.5a285 285 0 0 0 32.9 15.2s-13.1 10.7-3 20.7 20.6 15.3 16.4 30.5-10.4 27.4 0 40.8 19.5 20.1 14.6 42.6a657 657 0 0 1-16.2 56z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1358 1160.4q.8 16.7 2.3 33.6c5.5 0 9.9 0 14.3-1.2a459 459 0 0 1-1.8-51.8c0-15.5 0-31-1.4-46.3-.7-6.5 1.2-13 5.3-18 11-13 14.8-29 18.5-45l1-3.8c7.4-31.2 9.6-63 9.3-94.8-.2-15.4-1.4-32.3-7.7-45.9a223 223 0 0 1-14-44.6q-3-12.4-5.6-24.8c-6.5-29.4-13-58.7-22.2-87.4q-2-6-4.7-11.6c-3-6.7-6-13.3-6.5-20.8-.3-4.9-.8-10-6.6-10.9l-1.7-.3c-5.5-1-11.4-2-16 3.7-14.7 18-24.5 37-18.6 61.8q5.2 21.5 2.1 43.4c-19-4.8-35 1.6-50.6 7.9q-7.2 3-14.3 5.4a195 195 0 0 0-59.2 33.8c-5.2 4-9.2 8-7.8 14.7 1.2 6.4 5.7 10.3 12 11.8 20 4.8 39.8 2.7 59-2.8 18.8-5.4 37.1-4.5 55.7-.4-18.7-.4-36.8 2.9-54.9 6.2q-11.2 2-22.6 3.8a57 57 0 0 0-45.8 33.5l-2.2 4.4c-6.3 12-13.3 25.4 3.8 37.1 1.6 1.1 1.8 4.7 2 7.5v.9c1.4 25 14.4 40.3 39.7 46.8-11 17.6-9.2 24.3 9 33.3 7.3 3.6 8.2 8 4.4 15.3a45 45 0 0 0 5.5 51.6c10.1 12 9.6 22.7 7.5 36.3q-1.5 8.5-3.5 17c-2.6 11.2-5.2 22.4-4.3 34.2 5.5 0 9.9 0 14.6-1q1.6-7.5 3.5-14.5c2.8-11 5.5-21.8 6.5-32.6l.6-6.6c1.5-13.6 3-27.6-9.2-39.2-11.3-10.6-13.2-34.4-4.9-48.7 27.6 14.7 56.6 14.5 70.4-3.7-33.2.2-64.4-5-90.3-27.6a52 52 0 0 1 38.7-15.6h6.3a513 513 0 0 0 63.2-1.5c6-.4 13-.7 12.5-8.7-.5-7-6.8-6.4-12.2-6l-3.7.2q-60.7-.6-121.6 0c-11.8.2-15.7-6.8-17.9-15.9-2.4-10 2.6-16.5 12.1-19.2l5.8-1.7c9.4-2.8 18.7-5.6 28.8-6.2 10.4-.5 20.7-1.8 31-3a252 252 0 0 1 56.7-2.7c3.2.3 6.3 0 7.3-3.5 1.3-4-1.3-6.3-5-7.5l-3-1.2q-3.9-1.7-7.8-2.3a205 205 0 0 0-54.8.5q-11 1.8-22 2.8c-17.5 1.9-35 3.7-51 13.3-4.9 3-10.5 1.4-10.6-6 0-10.3 20.1-37.3 30.7-39.9a486 486 0 0 1 117.7-16.3c2.7 0 5.4 0 6.4-3.4 1-3.2-.2-5.7-2.7-7.9-20.6-18.6-44-29-72.2-22q-8.8 2-17.7 3.7a207 207 0 0 0-28.3 6.7 40 40 0 0 1-24.2-.4c24.6-21.4 53.7-32.1 82.8-42.8l14.3-5.3a9 9 0 0 1 8.3.6 501 501 0 0 1 52.2 32.6l16.5 11.1c3.3 2.2 4.1 5.6 4.6 8.8.8 6 3.3 11 5.8 16.3l2.7 6a108 108 0 0 1 10.3 37.7c1.2 22 2.4 44.3-1.5 66.2q-1.5 8.3-2.6 16.5c-3.2 21.6-6.5 43.4-19.4 62.6-11.1 16.4-12.2 35.2-10 54.9 1.5 12.9 2.2 25.8 2.9 38.8m-41.1-387.5c-3.7-25.5-7.5-51 12.3-74.3 7 9.1 9.1 20.2 11.3 31l1.6 7.6q2.8 12.2 5.4 24.6c4.2 20 8.4 39.9 14.4 59.4l.2.8c.9 2.6 1.7 5.3-1.4 9.2a310 310 0 0 1-40.4-28.6q-.5-.5-.5-1.1c-.1-9.5-1.5-19-3-28.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "handPhone": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1344.8 1191.4c0-22.7-13.6-101.4-6.4-126.7 7.3-25.5 39.4-68.3 35.4-142-2.6-48.4-15.4-82.8-48.3-106-19.6-14-50-36-72.2-26.1l-68.9 30.3-26.6 24.5s46.2 9.8 66 0c33.1-16.4 74.2 7.5 74.2 7.5s-102.8.8-127.4 29.8c-12.3 14.6-16 39-10.8 49.5s10.3 31.4 15.9 37c17.1 17.2 41 6.2 26.6 29.3-9.4 15 37.5 17.1 14 45.3-13.7 16.7 12.4 33.2 16.2 44.3 8.4 24.8-17.8 103.3-17.8 103.3z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1335 813.3c1.7-25.4 21.1-264.5 3.4-266.6-17.7-2-177.3 9.5-183.9 7.8s-10 206.2-8.3 242a2906 2906 0 0 1 2.2 83.8l17.3 6.2s58.1-23 74.3-23c16.3 0 53.7-8.9 53.7-8.9z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1334.7 1194c2.6-18.8.7-37.5-1.2-56.2q-1.3-12-2-24l-.2-2.1v-1.4c-1.6-27-3.1-52.9 13.7-77.3 8.6-12.7 10.7-28.2 12.7-43.4q.8-7.2 2-14.3c7.8-43.3 6.5-86.3-13.6-127.2-4.9-10-13.3-15.4-21.7-20.8q-4.4-2.8-8.4-5.7-8-5.6-16.8-10.1-7.6-4-14.8-8.7c-10.2-7-20-7-31-2.6q-8.3 3.4-16.7 6.6c-18.5 7-37 14.1-53.3 26.3l-2.5 1.7c-2.6 1.7-5.2 3.4-6.6 6.6 17.5 4 34-.8 50-5.5 29.9-8.6 57-6 81.4 14.4 4 3.4 6 6.8 4.1 11.6a831 831 0 0 0-111.5 15.9c-13.3 3-33.5 25-34.2 38.6-.5 9.6 7 9 12.4 6.6 29-12.6 59.8-14.2 90.6-15.9l13-.7c6-.4 11.8 1 17.6 2.5l4.9 1.2c4 .8 8.5 2.2 8.9 8.5-5 4.3-11.1 3.7-17 3l-5.7-.4c-15.4-.1-30.6 1.9-45.8 3.9-11.7 1.5-23.4 3-35.2 3.6-8 .4-16.3 3.8-24 7.1-5.8 2.5-11.3 6.7-9.4 14.7 2.7 11 9.5 18.4 21 19.3 12.6 1 25.7 2 38.2.2 21.7-3.1 43.2-1.8 64.8-.5l18 1h2c3.2-.2 6.8-.3 7 4.4.2 6-5.5 6.2-9.3 6.3l-4.8.2c-18.4.7-36.8 1.4-55.1 1-18.1-.4-34.2 3-48.9 18.7 8.5 2.7 16 7 23.4 11.4 13.6 7.9 26.7 15.5 44.2 12q.9 0 1.9-.4c5.7-1.2 14.4-3.1 15.1 5.2.6 7.5-6.7 7.7-12.6 7.8l-3.5.2c-16 1.6-32.1 1.5-46.7-7-11.1 18-9.3 32.7 5 47.5 8.3 8.7 9.8 20 7.7 31-5.2 27.4-11.2 54.5-17.4 82.5l-.4 1.8q-7.3 1-14.7.9 2.5-13.7 5.4-27.2c4.4-21.6 8.8-43.2 10.7-65.2.5-6.3-1.7-11-5.7-16.1-12.6-16-17.5-33.9-8-53.4 3.3-6.8 3.5-11.7-4.7-15.3-17.3-7.6-18.7-13.5-6.8-31.5-15.5-1.2-29.3-8.7-33.1-21.7-1.8-6.2-4.4-12.2-7-18.2-5.2-11.7-10.3-23.4-9.5-36.8q0-1.1.4-2.4c.3-1.7.6-3.3 0-3.8-12.3-9.8-11.7-23-11.2-35.7q.4-5.5.2-10.6a1655 1655 0 0 1 .2-129.9q.9-30 1-60.3-.1-30.3 1-60.4v-1.6q.9-22.2 1-44.3c-.2-9.6 4.5-13.6 12.8-13.7 25-.2 49.7-1.5 74.6-2.8 33.4-1.8 66.7-3.5 100.2-2.7 14.7.4 16.3 3.5 17 18.4q1.8 34.4.7 68.6l-.3 9.4q-.7 30.3-2 60.6c-1.9 40.3-1.7 80.7-1.3 121 .1 7.6 4.5 13 9 18.6 2.6 3.1 5.2 6.3 7 9.9 16.3 32.8 19.7 67.4 15.9 102.8l-1 10a397 397 0 0 1-10 62.8 87 87 0 0 1-10.6 22.6l-4.5 8q-6 11.3-6.2 24.2c-.7 25.2 1.5 50.3 3.6 75.4l1.2 14.7q.6 9.2 0 19.4l-.1 6c-4.6 1.2-9 1.2-14.5 1.2m-15.8-399.7c3.3-3 5.7-6.7 5.8-11 .2-12.4 1.8-24.6 3.4-36.9 1.6-12.4 3.2-24.8 3.4-37.3q.9-40.3 2.3-80.5l1.4-43.2v-.8c.7-21.5.8-26.6-28-27.2-20.7-.3-41.4.5-62 1.4-22.2 1-44.3 2-66.5 1.3q-2.2 0-4.4.7l-3 .6c-9.8 1.2-14 6.7-14 16.4l.2 12.9c.3 14.8.5 29.6-.4 44.4q-3.9 63.6-4 127.2a158 158 0 0 0 9 51.2c2.2 6.5 7.3 11.2 13.5 6 13.8-11.6 30-17.8 46.2-24q8.3-3 16.3-6.5c19-8 38.3-11.6 56.4 1.7a24 24 0 0 0 24.4 3.6m-91.8 56.3q9.3-2.3 18.7-4.2 4.2.3 8-.5c4.7-.6 9-1.2 13.3 2.2-6.5 5.4-14 5.7-21.2 6q-5.2 0-10 1l-17.6 3a196 196 0 0 0-43 10.4c-4.3 1.8-8.6 3.1-13.3.3-4.6-2.8-4.7-6.7-3.6-11q1.5-6.1 7.7-4.1c21 6.8 41 1.8 61-3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1382.3 427.5c-10.3 8-14.3 20-22.6 28.4-3.7 3.7-7.7 8.2-13.2 5-5.9-3.6-4.7-10.5-2-15a73 73 0 0 1 23.6-25.6c6.2-3.8 13.6-4.8 14.2 7.2m-119.5-16.2c-1.2-6.4-3.7-13 3.7-15 6.8-1.7 12 3.7 12.9 9.7 1.5 11.9 5.5 23 8.7 34.4 1 3.3 2.3 7.8-3 9.6-4.9 1.6-7.8-2-9.2-5-4.7-10.7-8.6-21.8-13-33.7m185.8 186.3c3.8 6.5 13.7 12 6.3 18.7-6.7 6.1-12.5-3-18-6.8-5-3.6-9.5-8.3-14.5-12-5.6-4-6.9-9-3-14 3.8-4.7 9.1-3.8 13.5 0 5.2 4.3 10 8.9 15.7 14m-16.7-50.3c-6.6-.8-12-3.4-11-10 .8-6 6.5-7.1 12-7.1 11.4 0 23-.4 31 10.5-8.3 14.6-20.5 6.9-32 6.6m-131.1 76.5c-11-6.1-15.7-18.8-10.8-28 2.8-5.6 9-8.5 15.1-7.2 6.4 1.5 12.4 5.4 13.7 13.4 1.8 11-4.9 19.7-18 21.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "ok": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1372.2 1194h-130s14.1-33.3.2-56.3c-22.2-36.3-61.3-59.2-93.3-84-23-17.9-47-63-44-111.8 1.6-25.8 4.5-46.5 17.8-48s24.8 8.5 28.5 35.5 10.8 78.1 47 78.1c20 0 40.2-30.4 36.1-59.6-4-29.2-22.9-65.8-38.4-74.7-15.5-8.8-43.9-.5-58.4-1-14.6-.7-17.3-11-8.1-30 14.2-29.6 63.5-34 82.4-24.8 18.8 9.3 35 36.6 42 32.2 7.1-4.5-25.4-102.4-32.4-114.2s-26.2-60.9-7.4-66.4c18.9-5.6 46.5 41 54.7 58.6 8.1 17.8 41.4 96.1 41.4 96.1s18.3-45.7 4-102.3c-3.8-15.3-13.3-60.6 1.9-60.6 15.1 0 38 56.9 41.7 68.7s11.8 80 14.4 107 7.8 62 7.8 62 24-52.5 27.6-68.7c6.3-28.4-6-70.4 13.2-73 34.5-4.6 32.3 94.9 22.1 130.2-8 27.8-34 124.8-51.5 153.9-14.5 24-19.7 70.7-18.7 96.7s-.6 56.4-.6 56.4",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1237.4 1194c-1-3-2-6.3-1-8.8 11-28.7-1.1-49.2-21-69.1-15.5-15.5-33.2-27.9-50.3-41-23.3-18-46-37.5-53.8-65.7-10.5-37.5-22.4-76.7 2.3-114.3 8.6-13.2 21-14 30.8-1.4 12.2 15.8 13.8 35.5 18.2 54 4.2 17.3 12.6 32.4 20.8 47.6 3.5 6.4 9.2 8.5 17.3 4.7 16.4-7.5 24.8-18 25.2-37.2.5-24.2-3-46.2-17-66.5-11.8-17.3-20-21-40.2-17.4-16 2.8-32.5 8.3-46.6-6.8-5.3-5.6-6.3-10.3-4.2-17 14.6-46.1 86.1-62.9 119.5-28 4 4.1 9 7.5 13 10.8-6.2-28.3-11.7-58-27-84.7-9.6-16.7-16-34.8-22.5-52.7-3.2-8.9-3.7-18.7 1.9-27.2 9.8-14.9 24.5-14.7 39.5-.2a160 160 0 0 1 37 59c8.4 21.7 19.2 42.5 25.4 65.1 1.5 5.7 4.1 11.2 4.8 17.3 2.4-19.1 6-38.3 3.2-57.6q-5-32.7-7.8-65.8c-1.3-14.4 3.6-69 32-23.7q18.5 31.6 30.4 66.3c8.7 26.4 13.6 114.5 13.6 158 0 24.6 26-127.2 26.3-128.3 2.5-6.9 6.9-11.8 14.3-13 7.3-1.2 11 3.2 15.6 8.5 13.4 15.3 11 58.9 12.5 76.6 6.2 72.7-32.3 150.2-60.3 228.2-21.5 60.1-6.5 129.6-7 130.3-3.5 3.9-10.5 0-17.1-1.2a827 827 0 0 1-1.3-76.6c.7-18.3 4-36.8 11.4-53.5 11.5-26 20.5-53 30.5-79.4a841 841 0 0 0 33-119.8c7.6-35-6.6-64.9-12.3-97.6-5.9 2.6-7 6-7.2 9.3-.7 12-3 23.6-3.6 35.6-1.8 36.9-9.5 72.3-31.8 103-1.9 2.7-2 7.1-6.8 6-4.5-1-5.6-5-5.6-9 0-31.5-8.9-62.3-8-93.8 1.2-37-7.5-71.7-21.7-105.3a160 160 0 0 0-21.4-39q-1.7 12.2-1.2 24.5.5 5.7 1.8 11.3c11.3 55.5 5.4 111-.5 166.4-.4 4.3-1 10.7-7.2 10.5-7.5-.1-6.6-7-6-11.7 2.6-20.1-4.3-38.6-10.3-56.9a776 776 0 0 0-36.5-90.9c-7.5-15.8-15.8-31-28.7-43-3.8-3.6-8.3-7.5-13.6-4-4.8 3-5.1 8.8-3.7 14 2.3 8 4.3 16.3 8 24a949 949 0 0 1 23 52.4c16.3 40.9 19.3 85.1 31 127.2 2 7 .6 13.5-8.2 16-4-4.7-6.6-10.1-6.4-15.4.3-10-4.6-17.8-9.3-25.8a120 120 0 0 0-44.6-45.8c-22-12.3-52-3.5-73 22-2.5 3-7 6-4.8 11 2.3 5.2 7.1 7 12.5 7.3a71 71 0 0 0 27.8-3.4c10-3.6 19-1.4 27.9 3.9 39.7 23.3 58.3 95.4 28 135.9-13.4 17.8-41.3 14.9-53 2-19.4-21.4-25.8-47.8-30.1-75.1-1.6-10.4-3.3-20.7-13.2-28-8.7 10-14 20.1-13.4 33 .5 10.6-.3 21.3.3 32 1.9 35 14.6 64.9 43.5 86.5 15.6 11.7 31.8 22.7 46.5 35.4 14 12 30 22.8 40.2 38.7 13.5 21 7 44.6 7 67.3z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "okLongArm": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1721.2 1194h-235s-39.6-69.7-42-145.2c-.9-24.9 11.1-81.4 6.6-222-3.2-99.7-19.3-218.5-32.2-248.4-9.8-22.6-44-67-79.1-87.4-43.4-25.3-59-78.3-58.2-99.2s10.3-47.6 26.3-47.6 19.7 29.3 26 58.9c23.5 109.3 84.3 42.8 76.4-15-4.6-32.6-24-66.3-45.4-70.9-22.2-4.8-40.7-2.6-45.7-10.5s1.5-31.8 18.7-37c17.1-5.3 37.2-16.3 67.7 7.6s28.1 25.8 29 6.6c1.7-33-40.7-105.3-48.3-128.2-7.7-22.9-.4-32 11-38.2s40.3 35.3 49.2 49.9c17.4 28.8 32.3 119.9 45.2 114.2s7.1-68 3.7-99.5c-3.7-33.7-12.2-76.2 4.5-75.2s31.4 60.8 42.8 90.8c17 44.7 1 152.4 17.7 150.5s24.3-66.4 23.9-76.9-1.1-55.9 12-61.8c22.1-9.8 32 53.4 33 73.5.8 21.3-10.1 62.8-18.2 83.3S1573.3 493 1558 522.7c-19.1 37.8-1.1 75.3 14.1 105.8 15.3 30.5 93.1 259.2 113.8 291.3s41 83.9 47.8 138.7c7.5 60.7-12.6 135.5-12.6 135.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1410.9 583.9a257 257 0 0 1 19.2 77.4l13 135.4q.5 15.3.5 30.7c.2 19.7.4 39.3 3 58.6 2.7 21.7 1.6 43 .5 64.2l-.8 15.6c-.4 9.7-3 19-5.5 28.3a111 111 0 0 0-5.5 33c1.3 36.9 5 73.3 17 108.8 7 21 15.6 40.8 30.9 58h11.7a153 153 0 0 0-13.6-29.5q-5.7-10-10.4-20.7a217 217 0 0 1-15.8-62.3c-2.9-28.7-5.6-57.4-.8-86.4q1.4-6.7 3.4-12.4 1.5-4 2.3-7.6l1.8 7.1c18.4 73.4 37 148 87.6 211a59 59 0 0 0 16.8 0c-18.3-23.3-36-46.6-46.7-73.4a606 606 0 0 1-28.1-84l-7.6-30a627 627 0 0 1-12.1-51.3 1055 1055 0 0 1-15.3-149.5l-.4-17.2c-.3-15-.5-30.2-2.7-45.2q-7.7-55.5-14.8-110.8l-1.8-13c-3.4-26-10.9-51-28.3-70.6-23.1-26-47-51.5-73-74.6a138 138 0 0 1-42.6-69.2c-4.6-16.7 1.3-31 8-45.4 1.4-3.2 4-6 7.9-5.4s8 2.8 8.1 7c.3 7.3 2.3 14.3 4.3 21.2q2.4 8 3.8 16.2c2.8 21.2 12 39.8 24.5 56.5 11 14.5 42 15.5 50.4 2.5 12.8-20 21.3-40.7 19.5-65.6-2.7-35.3-33.5-92-83.8-86.7l-.6.1c-3.5.4-7.7.8-9.7-3.1-2.3-4.4 0-9.4 2.6-11.8q2.8-2.6 5.2-5.4c3.4-3.7 6.7-7.4 11.6-9.7 18.6-8.8 44.7-2.5 62.7 15.4a121 121 0 0 1 33.4 60.3c.9 4 2.1 10.1 9 8 6.4-1.9 5.5-8.3 4.5-13.1q-1.6-7.8-3.7-15.4-1.9-6.4-3.3-13l-6.7-32.3-7.3-35c-3.8-17.4-11-33.5-18.4-49.6q-5.7-12.2-10.7-24.8-2.2-5.5-5-11c-4.3-9-8.8-18-8.3-28.5.6-11 4.3-12.9 13.4-7.2a69 69 0 0 1 23.2 26.7 433 433 0 0 1 40.4 94.3c1.8 7 4.4 13.7 7 20.5 6.1 16.1 12.3 32.4 8.6 50.7-.9 4.7-.8 11.3 6.5 11.7s8-5.4 8.6-10.6l.1-1c1.5-11.7 2-23.3 2.6-35a381 381 0 0 1 3.4-41.3c1.8-11.7 1.3-23.7-.6-35.7-1.5-9.3-2.2-18.8-3-28.2-1-13-1.9-26-5-38.9a44 44 0 0 1 1-23.7 243 243 0 0 1 29.4 60.1c10.3 30.3 13 62.3 14.7 94.3 1.3 23.8 3.7 47.5 6 71.3l1 11.3c.6 5.7 1.2 12 7.4 15 4.7-.5 6.7-3.7 8.4-7.2 18.6-38.8 32.3-78.7 29.2-122.6a33 33 0 0 1 8-23.3c4 2.3 5.1 5.7 6 8.9q1.2 5.5 2.7 11a587 587 0 0 1 9.2 41q2.2 13.6-.5 26.8a1343 1343 0 0 1-64.7 203.6c-6.7 17-9 34.2-11.3 51.7l-.4 2.7a60 60 0 0 0 4.5 30l12.6 31.5c13.4 33.9 26.8 67.7 43.2 100.3 12.3 24.6 20.6 51 28.8 77l6 19a1113 1113 0 0 1 22.7 77.5l4.4 17.7c5.6 22.5 11.2 45 14 68 4.2 32.9 3.8 66 0 99.2l-1.4 13.8c-3.5 34.1-7 68-27.2 97.4h34.6l6-13a205 205 0 0 0 14.7-37.3c11-43.8 11-87.2 1.6-131q-3.8-16.5-8.9-32.5a279 279 0 0 1-11.6-48.7c18.1 25.7 24.7 55 31.3 84.3l1.5 6.6c8.5 37.5 9.3 75.8 8 114a236 236 0 0 1-8.8 50l-1.7 6.7q6 1.4 11.8 0l.7-1.4a71 71 0 0 0 7.8-20.8 516 516 0 0 0 6.5-76.1c0-38.4-9.2-75.7-18.6-112.8l-1.5-6.9a59 59 0 0 0-4.8-16.2q-16.9-32.7-33-65.7l-21-42c-12.3-24.5-21-50.5-29.8-76.6a703 703 0 0 0-23.6-63.4c-9-20-17-40.4-25.2-60.9l-11.9-29.3-4.2-9.8c-6.1-14.2-12.3-28.4-12.4-44.5-.2-27.5 9.8-52.2 19.7-76.8q6-14.3 11-28.8 4.1-12 8.7-23.9a376 376 0 0 0 14.1-42q2.6-9.8 5.7-19.4a278 278 0 0 0 7-25.8q2-9 4.3-17.9c5.6-22.3 11.1-44.5 3.9-68.3-2-6.4-3-13-4.2-19.7-1.5-8.9-3-17.7-6.4-26-4.2-10-10-20.9-22.1-20-11.9 1-15 12.7-17.2 22.7q-1.6 8-2.3 16l-.8 8-1.8 16.7c-2.1 21.2-4.2 42.7-15.2 63.3l-1.6-11.3c-1.2-7.6-2.3-14.7-2.4-21.8-.3-31.6-2-62.7-9.9-93.7-8.3-32.4-22-62.1-38.2-91-4.2-7.3-11.6-8.1-19.2-6.4-7.8 1.8-8.9 8-9.1 14.9-.7 23 .5 46 6.3 68.5 6.7 26 4.7 52-.1 79.5-4-4.6-4.6-9.6-5-14.3-.4-3-.7-5.9-1.8-8.6q-8.2-19.4-15.6-39l-11.2-28a157 157 0 0 0-36.2-54.6c-7.7-7.4-17.6-12.4-28-7.2-11 5.6-14.7 16.5-12.6 28.4 1.7 9.6 3.8 19.1 8 28.1l7.4 15.9c7.5 15.8 15 31.7 21.4 48a215 215 0 0 1 13.4 52c-3.8 1-5.5-.3-6.9-2-15.4-18.3-34.6-26-59-27-19.6-.8-44.7 19.3-50.5 36.6-4.1 12.4 7.3 28 20.2 27.9h1.2c11.9-.1 23.6-.2 34.4 6.8 26.5 17.2 35.3 43.3 37 72.9 1 17.6-1.9 34-17.9 44.9-7.5 5-17 8.1-23 .3a107 107 0 0 1-24.2-57 121 121 0 0 0-11.6-38.4c-4-7.1-9.2-10.7-17.2-11.1a29.4 29.4 0 0 0-30 24c-8.4 44.2 2.5 82.5 35 114.1q37.5 36.5 74.6 73.5a103 103 0 0 1 21.6 34.2m278 547q.1-1.5.5-3a548 548 0 0 0 6.1-88c8 37.6 1 72.7-9.4 107.5l.4-3 1-6.5z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "point": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m1369.5 1191.8-128.5 2s7-41.4 11.6-56c9.8-31.4-14.4-32.9-18.4-54-4-21.3 2.4-25.6 4.4-37.3 2-11.8-7.8-10.6-14.4-17.2s-2.4-8 .8-19.3-21-5.7-33.7-24c-12.7-18.2-7.6-36-7.6-36s-14.4-2.4-12-17.2 8-34 26-43.7c18-9.6 118.8-22 118.8-22s-8-87.1-8.7-105.7c-.6-18.5 6-66.4 21.9-68.6 15.8-2.3 24.2 56.2 28.6 82.6 4.4 26.5 33.6 111 36.8 136.6s-5.2 102.9-6 116c-.8 13.3-17.6 44.9-24 64.1s4.4 99.7 4.4 99.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1237.4 1194c-1-17.6 5-34.1 7.8-51.2 2.1-13.6 2.7-24.3-7.5-36.3a45 45 0 0 1-5.4-51.6c3.8-7.4 2.8-11.7-4.5-15.3-18.4-9.2-19.8-14.8-8.9-33.3-28.1-6.7-38.4-19-39.8-47.4-.1-2.5.3-6-1.2-7.3-23.7-20.8-3.2-37.3 5.8-54.2 6.7-12.5 18.8-17.5 33.3-20 26.5-4.4 52.6-10.3 79.7-9.4 7 .2 9.5-3.4 10.7-10 2.8-16.1.4-32.4-1-48.3-1.9-22.8-5.3-50.3-3-73.5 1.6-14.6 24-50 27.8-50.1 8.7-.3 13.2 3.3 14 12.6a808 808 0 0 0 10.1 59c9 35.6 24.3 70 36.5 118.3 28.8 113.4-1.4 160.2-17.9 218.8-9.9 35 5.8 99.2 5.8 99.2s-12.2 0-19.3-1c-2.6-26-4.4-50.9-5.7-75.8-.8-14.7-1.5-29.2 6.7-43 8.4-14.2 16.7-29 19.5-45.5 6-33.5 10.1-67.3 8.2-101.6-.4-8.5-2.8-16.4-4.7-24.6-3.3-14.5-10-27.7-14.8-41.4-6.3-17.5-4.4-36.3-11.5-53.3-2.8-6.7-3.8-13.8-5.2-20.9-6-29.2-13.1-58.2-20-88.2a24 24 0 0 0-12.7 20c-1 15.8-4.7 31.3-3.3 47.1 2.4 29 2.9 58.2 7 87.1.7 6 2.2 10.8 7.6 13.8 3.6 2 6.1 5 4.7 9.4-1.6 5-6 4.1-9.6 3.1-4-1-7.5.1-11.3.1-24 .2-47 6.7-70.8 9-25.3 2.3-49.7 9-59 38-1.1 3.5-4.9 7.2-1.2 10.2 3.2 2.7 6.6 5.8 12.5 3.5 38-14.5 77.8-16.5 117.9-15.5q8.4.5 16 4.2c3.3 1.7 6 3.6 4.8 7.7-1 3.5-4.2 3.7-7.4 3.3-24.8-2.7-49.1 1.9-73.6 4.4-16.4 1.6-33 2.4-48.5 9-6.3 2.8-11.5 6-12.5 13.1-1 7.3 1.8 13.2 7.5 18 4.7 4 10 4.1 15.7 4.1h112.5q7.7 0 15.3 1c2.5.3 5 1.7 5.2 4.7.4 2.8-1.3 4.7-3.4 6.4-3 2.2-6.4 2.1-9.7 2.5-23 2.7-46 1.6-69 1.6-15.5 0-29 4.4-40 17.5 15 7.5 28.9 15.6 43.5 21.5 14.8 5.9 32.6-3 48.2 7-17 15.3-39.6 15.2-73 .5-2 18.2-8.4 36 8.4 51 6 5.3 8 12.3 8.3 20.5.9 24.6-7.3 47.7-11.3 71.5z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "pointLongArm": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m1722 1194-240.1 4.3s-20.1-26.7-36.5-144.5c-4-28.4 12.9-82.2 10-162.5-4.2-124-27.7-283.6-31.8-294.3a1232 1232 0 0 0-75-150.5C1320 401 1310 322 1323.2 257c1.3-6.6 6-25.5 21.5-29.9 16-4.5 31.5 11.7 39.4 9 8-2.6 23.3-18.4 34.6-22.9s23.1-6 19.2-35.7c-1.8-13.7-34-163.7 1.5-168.4 31.5-4.2 40.8 78.1 48.5 108.6 10.8 43.5 13.5 95.5 18 103s35 26.3 48.1 50.8 13.2 54.2 9 81.9c-6.7 43.7-41.9 134.8-19.4 205.1 13.8 43.4 120.8 304.8 142 357.7 20.5 51.7 51.8 143.4 51.8 173.3 0 58.4-15.4 104.5-15.4 104.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1649.7 1194c20.2-29.5 23.7-63.5 27.3-97.7l1.4-13.5q5.4-47.7.4-95.4a493 493 0 0 0-13.6-67.5l-5.4-22c-4-17.3-9.3-34.2-14.5-51q-4.9-15.3-9.3-30.6a693 693 0 0 0-33.2-90.6q-6.7-15-13.9-30a509 509 0 0 1-30.6-74.8q-4.6-15.3-10-30.5c-9-26.4-18-52.8-18.5-81-.4-30.1 6.5-59.4 13.4-88.6l.8-3.2c8-33.8 16-67.6 14.3-102.9-1.5-33.8-21-56.1-46.3-74.5-16.7-12.2-36.6-18-56.5-22a70 70 0 0 0-55.4 13.6c-9.1 6.5-9.4 18.2-1.7 30 17.7-23.3 41.1-19.2 63.9-15.2l7.7 1.3a129 129 0 0 1 16 4c5.7 1.7 11.4 3.4 17.2 4.2 7.8 1.2 11.8 5.4 15.8 13.6-14.5 3.5-27.4.1-40-3.1l-5.2-1.4-4.3-1c-13-3.4-25.6-6.6-39.5-4-17.3 3.3-27.5 12.2-28.7 29.9-.8 13.6-.4 27.3 0 40.9.2 6 2 12.9 9.7 12.5 6-.2 6-4.8 6.2-9.2v-2.7c2.4-28.6 34.4-55 62.6-50.6q4.8.7 9.8 1.2c11 1.2 22.1 2.3 31.8 9.1l2 1.3c2.7 1.6 5.4 3.2 3.8 7-2 4.9-6 3.7-10.3 2.4l-.6-.1-2.4-.7c-16.2-4.8-32.4-9.6-49.8-3.8a45 45 0 0 0-31 38.5 38 38 0 0 0 14.9 34.9c13.3 10.3 20.7 7.7 26.2-8 .8-2.3.6-5 .5-7.7-.3-5.1-.5-10.2 6-12.8 4.8-1.9 8.5.5 12.2 3a21 21 0 0 0 7.7 3.5 28 28 0 0 1 16.9 11.2c-5.7 6.7-11.2 4.7-16.7 2.8a27 27 0 0 0-7.3-1.8c-3 1.8-4 4.9-5 8q-.4 1.8-1.3 3.7c-13 28.2-32 23.8-50.7 8.1h-.1c-2-1.7-4-3.4-5-5.6-5.4-13.2-13.5-20.1-29.4-18.6-7 .6-12-8.2-13-16.7a308 308 0 0 1-3-45.4c-5-.7-10-.7-15-.8-9.6 0-19.2 0-27.9-5-2.1-1.2-4-3.1-4.4-7.6 7.4-4.9 15.9-4.5 24.5-4s17.6.8 25.7-4q-1.6-3-3.4-5.7c-4.2-6.8-8.4-13.5-6.7-22.2.7-3.5-2.7-4.6-5.9-5.4q-6-1.8-12-4.5c-14.7-6.3-26-.9-28.6 15-7.2 44-9 88.1-.2 132q5.4 26.4 20 49a465 465 0 0 1 29.6 55.4l9.7 20c7.2 14.5 13.2 29.5 19.2 44.4l10 24.6c16.2 37.5 21.7 77.4 26.7 117.5a1415 1415 0 0 1 10.2 131.4l1 26.3c1.2 23.8 4.7 47.2 8.1 70.6l4 28c5 37.4 16 73.3 26.9 109.1l4.5 14.8a321 321 0 0 0 64.3 119.8q-8.4 1.2-16.9 0c-49.5-61.6-68-134.2-86.4-205.5l-3-11.9-.3 1-.2.5a90 90 0 0 0-5.1 17.7c-5 29-2.2 57.7.7 86.4a217 217 0 0 0 15.8 62.3q4.7 10.7 10.4 20.7c5.2 9.5 10.4 19 13.6 29.6h-11.7a161 161 0 0 1-31-58.1c-11.8-35.5-15.6-72-16.9-108.8-.4-11.2 2.5-22 5.4-32.6a130 130 0 0 0 6-39.9c1.4-22.8 2.7-45.4-.2-68.5a499 499 0 0 1-2.8-58.8q-.1-15.3-.7-30.6v-1.1c-1-23.9-2-51.4-5-76l-2.2-21.5c-3.1-32.4-5.6-58-25.5-114.1-6.3-17.7-15-34.4-23.5-51-7.3-14.1-14.6-28.2-20.5-43a252 252 0 0 0-28.5-51c-15.9-22.6-19.7-48.4-23.7-74.3q-.8-6.4-2-12.7c-4.2-26.2-.8-51.9 2.6-77.5q2-14.6 3.4-29.1c2-21.4 22.8-30.8 49.1-24q6.2 1.8 12.4 4l6 2.2a56 56 0 0 1 29.5-21.3c14.3-3.8 14-12.7 13.7-24v-1c-.7-21.5-3.3-42.8-6-64.1-3.4-28.5-7-57-5.7-85.9 1-20.4 13.6-33.3 31.6-31 13.1 1.5 18.4 12.1 23.1 21.7 9.5 19.2 12.9 40.1 16.3 61q2 12.8 4.5 25.2 3.7 18.4 6.2 37.2c2.6 18.2 5.3 36.4 10.5 54.1q0 .6.3 1c.7 2.6 1.5 5.2 1.4 7.7-.5 9.7 4.4 15.3 12 20.7 26.4 18.5 44.4 44 50.4 75.3 4 20.7-.5 41.7-4.9 62.5l-1.9 9q-4.3 21-9.3 41.8A661 661 0 0 0 1541 503c-1.9 18.9 3.1 36.6 9 53.5l1.4 4.2c8.2 23.4 16.3 46.8 26 69.7q31.5 73.5 59.7 148.3 4.8 12.6 8.6 25.8c5 16 10.1 32.2 18.3 46.8 11.8 21 22.3 42.7 32.8 64.4q10.4 21.7 21.3 43.1c2.7 5.2 3.8 10.8 5 16.3l1.4 7c9.4 37 18.5 74.2 18.6 112.7 0 25.4-2.7 50.8-6.5 76-1 7.4-4.2 13.8-7.8 21l-.7 1.3q-5.9 1.4-11.8 0l1.6-6.5c4.3-16.8 8.4-33.1 9-50.1 1.2-38.3.4-76.6-8.1-114.1l-1.6-6.9c-6.5-29.1-13.1-58.4-31.2-84a280 280 0 0 0 11.6 48.6q5.1 16.1 8.9 32.5a283 283 0 0 1-1.6 131c-3.3 13.3-9 25.4-14.7 37.5l-6 12.9zm-205.2-991.8c1.9-20.7-.9-40.5-3.6-60a357 357 0 0 1-4-40.3 160 160 0 0 0-2.8-34.2l-1.3-8.8a76 76 0 0 1 2-35.4c1.4-4 2.9-8.3 8.3-8.6 5-.2 7.7 2.8 10 6.6q12 19 17 41c9.5 44.4 19.3 99 23.4 124.9l4.1 26s-33.1-13.2-53.1-11.2m241 945.6 4.5-22c4.1-29 4.9-56 5.7-83.5v-1.5c7.7 37 1 72.2-10.2 107",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1523.3 552c-6.5 13.4-23.7 19.2-35.7 13.2-3.3-1.6-6-3.4-5.7-7.4.5-4.9 4.3-4.8 7.6-4.3 11.2 1.5 21.7-8.5 33.8-1.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "waveLongArm": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m1724 1191.4-235.9 2.6s-64.3-75.3-31.2-274.1c4.8-28.8-15.4-210.2-16-224-1.9-36.3-15-106-32.4-133.5-78-124-65.6-142.6-69.3-170.7a1474 1474 0 0 0-15.3-101c-2.2-9.2-18.2-74.1-.3-76 85.1-9.2 56.5 151.8 89.4 138.7 50.2-20 64-83.6 64-83.6s75.1-171.2 109.4-171.2c14 0-7.3 88.5-7.3 88.5s77.8-91.2 94.5-90.2-12.2 70.5-12.2 70.5 36.5-28.2 49.8-18c17.6 13.6-76 151.2-62.2 152 10.5.5 30.8-34 44-39.8 22-10 29.9-11.8 30.7 8.3 1 21.3-47.7 85.6-70.3 121.8-11.7 18.7-80.9 127.4-96 157.3-19.2 37.7 18.5 101 33.8 131.5s74.1 207.2 94.9 239.3c20.7 32.2 40.8 83.9 47.7 138.7 7.5 60.7-9.7 132.9-9.7 132.9",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m1429.3 663 3 22-3-27.7c-3.5-31.3-7-62.1 8.3 70.8q1.7 15.2 3 30.5c3.3 40.3 4.2 80.7 5 121.1q.5 7 2.2 13.9a47 47 0 0 1 1.7 18.7c-2 10.7-3.1 21.5-4.2 32.3-1.5 15.8-3 31.6-7.8 47a70 70 0 0 0-2.4 21.4c.1 41.7 4 82.8 17.2 122.8a159 159 0 0 0 30.9 58.2h11.7c-3.2-10.7-8.5-20.3-13.7-30q-5.7-9.8-10.3-20.2-12.2-29.3-15.6-61v-.7a387 387 0 0 1-3.6-59c.6-12.4 1.8-24.3 10-35.4q4.3 14 8.3 28c18.1 62.7 36.1 125 79.4 177.5q8.4 1.2 16.9 0a321 321 0 0 1-64.3-119.8l-4.7-15.1c-11-36-22.2-72.3-26.7-110q-2-14.7-4.6-29.2c-2.4-14.2-5-28.4-5.7-42.7l-1.8-32.4c-3.2-58.3-6.4-116.7-13.9-174.8-5.7-45-18.6-88.8-38.2-129.7-8.4-17.4-18.1-34.2-27.8-51q-10.6-18.2-20.6-36.8l-4.5-7.7c-5-7.8-10-15.8-8.9-26 4-41.1-4.1-80.8-12.3-120.5l-3.7-18.1c-3.2-16.2-6-32.7-4.8-49.4.7-10.2 6.4-13.7 14.2-8.3a115 115 0 0 1 42.4 59.8c6.4 19.3 8.4 40.7 8.8 61.7.4 15.7 11.5 22.4 26.5 18 17.9-5.5 28.7-19.2 39.5-32.8l.8-1c10-12.8 16.2-27.7 22.3-42.6q3.5-8.7 7.4-17.3a1384 1384 0 0 1 65.6-126.7c8-13.6 16.3-27.9 34-34.2l-3 17.7c-7.2 42.3-14.1 83.8-30.2 123.4l6.3 3c28.1-56 60.3-108.8 110.5-148.7a26 26 0 0 1 1.5 18.6c-5 22.7-16.3 42.5-27.6 62.3q-6 10.4-11.8 21.2c-5.1 9.7-11 19.1-16.8 28.5l-11.5 19c-2.6 4.6-5.7 9.8-1.5 15.1 4.2-.4 5.7-2.9 7-5.2l.4-.5a469 469 0 0 1 38.5-57.2c12.7-16.8 25.4-33.7 42.6-46.6l2-1.5c4.6-3.6 9.5-7.4 14.6-2.8 6 5.4 4 13.5.3 20q-7.7 14-15.7 27.7-10.6 18-20.6 36.5l-7.8 14.3a2533 2533 0 0 0-33.3 62.9c-2.2 4.2-3.7 8.7 2.9 13.4a186 186 0 0 0 32-30.2c13.4-14.8 26.9-29.8 46.1-38.3 6.1 8.5 7.7 16 .8 26.2a1437 1437 0 0 0-30.4 47q-9.9 16-20.2 31.8c-6.2 9.5-11.6 19.5-17 29.4-7.4 13.5-14.8 27-24 39.3A682 682 0 0 0 1560 530c-15.5 30.3-12.6 60.4-2.5 90 12 35.4 28 69.5 44.5 103.3a599 599 0 0 1 30.2 81.4l3.7 11.7 1.3 4.2c8.2 25.5 16.4 51.2 22.7 77.3l4.6 18.7a557 557 0 0 1 13.9 67c4.1 33.3 3.7 66.8 0 100.4l-1.5 13c-3.6 34-7.1 67.8-27.2 96.9h34.6c46.8-83.9 30.3-168.9 3.2-254a104 104 0 0 1 22.2 45.1 625 625 0 0 1 13.8 67.4 342 342 0 0 1-6.1 136.8q-.9 1.5-1 3.8 6 1.4 11.8 0l.7-1.3a71 71 0 0 0 7.8-21c3.8-25.1 6.5-50.6 6.5-76 0-38.4-9.2-75.7-18.5-112.8l-1.5-6.9c-1.1-5.5-2.2-11-5-16.2q-17-33.1-33.4-66.5l-20.5-41.2a573 573 0 0 1-29.8-76.5 705 705 0 0 0-23.6-63.5 873 873 0 0 1-15.8-38.8 701 701 0 0 0-21.7-51.2c-12.6-25.6-15.6-50.6-6-77 8.3-23.3 22-43.5 35.7-63.7q7-10.1 13.6-20.4a720 720 0 0 1 15.5-23 430 430 0 0 0 24.8-38.6c11.7-21.3 24.8-41.8 37.8-62.2q10.2-15.9 20.2-32l.8-1.4c7-11.4 14.2-23.1 12.7-37.5-1.9-18-12.2-23.2-28.5-15.5-6.9 3.3-12.8 7.8-18.8 12.4q-6.7 5.2-13.8 9.7a46 46 0 0 0 8.9-16q2-5.3 4.6-10.1a1100 1100 0 0 0 38-70.4 27 27 0 0 0-4.7-31c-7.2-7.2-16.9-6.1-25.7-.3a39 39 0 0 1-8 3.6l-3.7 1.5a57 57 0 0 0 8.7-38c-.2-6.8-.4-13.6-7.5-17a21 21 0 0 0-22.7 2.8 318 318 0 0 0-44.7 44.3l-1.7 1.8q-4.5 5.3-8.7 11c-4.9 6.4-9.8 13-16.2 18.3 6.6-19 9.4-38.5 12.3-57.9l.8-5c1-5.7 2.1-11-4.1-15-6.8-4.4-13.2-1.4-19.2 2.2-17.1 10.5-28.3 26.5-38.2 43.3a940 940 0 0 0-41 80.1q-5.3 11.3-11 22.5a486 486 0 0 0-22.5 50.1 108 108 0 0 1-41.1 52.6c-10 6.8-17.8 3.3-19-7.6l-1-9.3c-2.5-23.6-4.9-47-15.7-69.7-8.8-18.7-19-34.5-35.7-46-14.7-10.3-30.5-7.4-35 6.2a56 56 0 0 0-3 20c1 22.1 5.8 43.5 10.5 65q3.9 16.8 7 33.8 1 6.5 2.6 13c2.9 13.8 5.8 27.5 3.3 42.3a100 100 0 0 0 0 35.5c4 20.8 14.4 38.7 24.7 56.5a293 293 0 0 1 17.2 32.8 522 522 0 0 0 22.5 44.5l10.4 19.4c13.5 26 17 53.5 20.5 81.1m269.3 396.3.1 2.4c2.2 30.8-4.6 58.3-12 85.7a322 322 0 0 0 7.3-62q.6-16.2 2.2-32.3c2.5 1.6 2.4 4 2.4 6.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1511.1 397.5c-2.9 24-8.6 45.7-22.8 65.2-6-5.5-5.1-9.9-3.5-13.7 15.6-36.6 14.3-75.6 17-114l.2-6.4c0-4.1.4-8 6-7.9 5.4.1 6 4.6 6 8.2 0 14.5.5 29-1.2 43.3-.9 8-1.4 16-1.7 25.3m19.7 135.3c4.8-2.8 9.2-4.3 11.6.8 1.8 3.5-1.7 5.7-4 8.3a92 92 0 0 1-28.1 23 26 26 0 0 1-24.3-.3q-4.6-2.1-4-7.2c.5-4 3.6-4.1 6.6-4 17.3.5 30-8.5 42.2-20.6m26.3-142c5.7-1.9 10.6-2.9 14.8 1.2-6.3 10.4-29.9 22.1-40.7 20.1 3.3-13.3 16.3-14.6 26-21.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "waveLongArms": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m1724 1191.4-235.9 2.6s-64.3-75.3-31.2-274.1c4.8-28.8-15.4-210.2-16-224-1.9-36.3-15-106-32.4-133.5-78-124-65.6-142.6-69.3-170.7a1474 1474 0 0 0-15.3-101c-2.2-9.2-18.2-74.1-.3-76 85.1-9.2 56.5 151.8 89.4 138.7 50.2-20 64-83.6 64-83.6s75.1-171.2 109.4-171.2c14 0-7.3 88.5-7.3 88.5s77.8-91.2 94.5-90.2-12.2 70.5-12.2 70.5 36.5-28.2 49.8-18c17.6 13.6-76 151.2-62.2 152 10.5.5 30.8-34 44-39.8 22-10 29.9-11.8 30.7 8.3 1 21.3-47.7 85.6-70.3 121.8-11.7 18.7-80.9 127.4-96 157.3-19.2 37.7 18.5 101 33.8 131.5s74.1 207.2 94.9 239.3c20.7 32.2 40.8 83.9 47.7 138.7 7.5 60.7-9.7 132.9-9.7 132.9",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m1429.3 663 3 22-3-27.7c-3.5-31.3-7-62.1 8.3 70.8q1.7 15.2 3 30.5c3.3 40.3 4.2 80.7 5 121.1q.5 7 2.2 13.9a47 47 0 0 1 1.7 18.7c-2 10.7-3.1 21.5-4.2 32.3-1.5 15.8-3 31.6-7.8 47a70 70 0 0 0-2.4 21.4c.1 41.7 4 82.8 17.2 122.8a159 159 0 0 0 30.9 58.2h11.7c-3.2-10.7-8.5-20.3-13.7-30q-5.7-9.8-10.3-20.2-12.2-29.3-15.6-61v-.7a387 387 0 0 1-3.6-59c.6-12.4 1.8-24.3 10-35.4q4.3 14 8.3 28c18.1 62.7 36.1 125 79.4 177.5q8.4 1.2 16.9 0a321 321 0 0 1-64.3-119.8l-4.7-15.1c-11-36-22.2-72.3-26.7-110q-2-14.7-4.6-29.2c-2.4-14.2-5-28.4-5.7-42.7l-1.8-32.4c-3.2-58.3-6.4-116.7-13.9-174.8-5.7-45-18.6-88.8-38.2-129.7-8.4-17.4-18.1-34.2-27.8-51q-10.6-18.2-20.6-36.8l-4.5-7.7c-5-7.8-10-15.8-8.9-26 4-41.1-4.1-80.8-12.3-120.5l-3.7-18.1c-3.2-16.2-6-32.7-4.8-49.4.7-10.2 6.4-13.7 14.2-8.3a115 115 0 0 1 42.4 59.8c6.4 19.3 8.4 40.7 8.8 61.7.4 15.7 11.5 22.4 26.5 18 17.9-5.5 28.7-19.2 39.5-32.8l.8-1c10-12.8 16.2-27.7 22.3-42.6q3.5-8.7 7.4-17.3a1384 1384 0 0 1 65.6-126.7c8-13.6 16.3-27.9 34-34.2l-3 17.7c-7.2 42.3-14.1 83.8-30.2 123.4l6.3 3c28.1-56 60.3-108.8 110.5-148.7a26 26 0 0 1 1.5 18.6c-5 22.7-16.3 42.5-27.6 62.3q-6 10.4-11.8 21.2c-5.1 9.7-11 19.1-16.8 28.5l-11.5 19c-2.6 4.6-5.7 9.8-1.5 15.1 4.2-.4 5.7-2.9 7-5.2l.4-.5a469 469 0 0 1 38.5-57.2c12.7-16.8 25.4-33.7 42.6-46.6l2-1.5c4.6-3.6 9.5-7.4 14.6-2.8 6 5.4 4 13.5.3 20q-7.7 14-15.7 27.7-10.6 18-20.6 36.5l-7.8 14.3a2533 2533 0 0 0-33.3 62.9c-2.2 4.2-3.7 8.7 2.9 13.4a186 186 0 0 0 32-30.2c13.4-14.8 26.9-29.8 46.1-38.3 6.1 8.5 7.7 16 .8 26.2a1437 1437 0 0 0-30.4 47q-9.9 16-20.2 31.8c-6.2 9.5-11.6 19.5-17 29.4-7.4 13.5-14.8 27-24 39.3A682 682 0 0 0 1560 530c-15.5 30.3-12.6 60.4-2.5 90 12 35.4 28 69.5 44.5 103.3a599 599 0 0 1 30.2 81.4l3.7 11.7 1.3 4.2c8.2 25.5 16.4 51.2 22.7 77.3l4.6 18.7a557 557 0 0 1 13.9 67c4.1 33.3 3.7 66.8 0 100.4l-1.5 13c-3.6 34-7.1 67.8-27.2 96.9h34.6c46.8-83.9 30.3-168.9 3.2-254a104 104 0 0 1 22.2 45.1 625 625 0 0 1 13.8 67.4 342 342 0 0 1-6.1 136.8q-.9 1.5-1 3.8 6 1.4 11.8 0l.7-1.3a71 71 0 0 0 7.8-21c3.8-25.1 6.5-50.6 6.5-76 0-38.4-9.2-75.7-18.5-112.8l-1.5-6.9c-1.1-5.5-2.2-11-5-16.2q-17-33.1-33.4-66.5l-20.5-41.2a573 573 0 0 1-29.8-76.5 705 705 0 0 0-23.6-63.5 873 873 0 0 1-15.8-38.8 701 701 0 0 0-21.7-51.2c-12.6-25.6-15.6-50.6-6-77 8.3-23.3 22-43.5 35.7-63.7q7-10.1 13.6-20.4a720 720 0 0 1 15.5-23 430 430 0 0 0 24.8-38.6c11.7-21.3 24.8-41.8 37.8-62.2q10.2-15.9 20.2-32l.8-1.4c7-11.4 14.2-23.1 12.7-37.5-1.9-18-12.2-23.2-28.5-15.5-6.9 3.3-12.8 7.8-18.8 12.4q-6.7 5.2-13.8 9.7a46 46 0 0 0 8.9-16q2-5.3 4.6-10.1a1100 1100 0 0 0 38-70.4 27 27 0 0 0-4.7-31c-7.2-7.2-16.9-6.1-25.7-.3a39 39 0 0 1-8 3.6l-3.7 1.5a57 57 0 0 0 8.7-38c-.2-6.8-.4-13.6-7.5-17a21 21 0 0 0-22.7 2.8 318 318 0 0 0-44.7 44.3l-1.7 1.8q-4.5 5.3-8.7 11c-4.9 6.4-9.8 13-16.2 18.3 6.6-19 9.4-38.5 12.3-57.9l.8-5c1-5.7 2.1-11-4.1-15-6.8-4.4-13.2-1.4-19.2 2.2-17.1 10.5-28.3 26.5-38.2 43.3a940 940 0 0 0-41 80.1q-5.3 11.3-11 22.5a486 486 0 0 0-22.5 50.1 108 108 0 0 1-41.1 52.6c-10 6.8-17.8 3.3-19-7.6l-1-9.3c-2.5-23.6-4.9-47-15.7-69.7-8.8-18.7-19-34.5-35.7-46-14.7-10.3-30.5-7.4-35 6.2a56 56 0 0 0-3 20c1 22.1 5.8 43.5 10.5 65q3.9 16.8 7 33.8 1 6.5 2.6 13c2.9 13.8 5.8 27.5 3.3 42.3a100 100 0 0 0 0 35.5c4 20.8 14.4 38.7 24.7 56.5a293 293 0 0 1 17.2 32.8 522 522 0 0 0 22.5 44.5l10.4 19.4c13.5 26 17 53.5 20.5 81.1m269.3 396.3.1 2.4c2.2 30.8-4.6 58.3-12 85.7a322 322 0 0 0 7.3-62q.6-16.2 2.2-32.3c2.5 1.6 2.4 4 2.4 6.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1511.1 397.5c-2.9 24-8.6 45.7-22.8 65.2-6-5.5-5.1-9.9-3.5-13.7 15.6-36.6 14.3-75.6 17-114l.2-6.4c0-4.1.4-8 6-7.9 5.4.1 6 4.6 6 8.2 0 14.5.5 29-1.2 43.3-.9 8-1.4 16-1.7 25.3m19.7 135.3c4.8-2.8 9.2-4.3 11.6.8 1.8 3.5-1.7 5.7-4 8.3a92 92 0 0 1-28.1 23 26 26 0 0 1-24.3-.3q-4.6-2.1-4-7.2c.5-4 3.6-4.1 6.6-4 17.3.5 30-8.5 42.2-20.6m26.3-142c5.7-1.9 10.6-2.9 14.8 1.2-6.3 10.4-29.9 22.1-40.7 20.1 3.3-13.3 16.3-14.6 26-21.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m14 1186.2 235.4 16.5s68.7-71.2 47.4-271.7c-3-29 27.8-209 29.3-222.7 4-36 21.3-104.9 40.1-131.2 85.3-119.3 74-138.5 79.3-166.4 5.7-29.4 15.4-80.4 21.3-100 2.7-9 22.5-72.8 4.8-75.8-84.4-14.2-65.4 148.2-97.5 133.2-49-23-59-87.3-59-87.3s-64.7-175.3-99-177.3c-14-.9 2.1 88.8 2.1 88.8s-72.3-95.6-89-95.7c-16.7 0 8 71.1 8 71.1s-34.8-30.2-48.7-20.8c-18.4 12.5 67 155.3 53.2 155.3-10.5 0-28.8-35.7-41.5-42.3-21.5-11.2-29.2-13.5-31.3 6.5-2.1 21.2 42.6 88.2 63 125.7 10.6 19.4 73.2 132 86.6 162.7 16.8 38.8-24.5 99.8-41.6 129.3-17 29.6-86.2 202.4-108.8 233.3-22.7 30.9-45.8 81.3-55.9 135.6-11.1 60.1 1.8 133.2 1.8 133.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M339.5 676.1q-2 11-4.3 21.8l4.8-28.2a6434 6434 0 0 0-12.6 71q-2.5 15-4.7 30.2c-5.7 40-9 80.4-12.3 120.7a72 72 0 0 1-3 13.7c-1.7 6.3-3.5 12.6-2.7 18.6 1.4 10.8 1.8 21.6 2.2 32.5.6 15.8 1.2 31.7 5 47.3a70 70 0 0 1 1.2 21.5c-2.6 41.7-9 82.4-24.5 121.6-8.2 20.8-18 40-34.2 56.2l-11.7-.7c3.8-10.4 9.6-19.7 15.5-29q6.1-9.5 11.4-19.6 14-28.6 19.2-60l.1-.8c3.3-19.3 6.7-38.7 7-58.5.2-12.4-.3-24.4-8-36l-9.8 27.5c-21.8 61.5-43.4 122.5-89.7 172.5a60 60 0 0 1-17-1c33-33.6 55.6-73.2 71.4-115.8l5.5-14.8c13.2-35.3 26.5-70.8 33.2-108.3q2.7-14.5 6.3-28.8c3.3-14 6.6-28 8.2-42.3l3.8-32.4c6.6-58 13.2-116 24.1-173.5a423 423 0 0 1 45.9-127.2c9.4-17 20-33.1 30.7-49.3q11.8-17.6 22.7-35.5l5-7.4c5.4-7.6 10.8-15.2 10.4-25.5-1.6-41.2 9-80.4 19.4-119.6l4.8-17.8c4.1-16 8-32.2 7.7-49-.1-10.2-5.5-14-13.7-9.2a115 115 0 0 0-45.8 57.3 209 209 0 0 0-12.5 61c-1.3 15.7-12.7 21.7-27.4 16.3-17.6-6.4-27.6-20.8-37.5-35l-.8-1a171 171 0 0 1-19.7-43.8q-2.9-9-6.4-17.8a1385 1385 0 0 0-58-130.3c-7.2-14-14.7-28.8-31.9-36.2l2 18c4.6 42.6 9 84.4 22.8 124.8l-6.5 2.7c-24.8-57.6-53.8-112.2-101.5-155a26 26 0 0 0-2.6 18.5c3.7 23 13.8 43.4 24 63.8l10.4 21.8c4.5 10 9.8 19.8 15 29.5q5.3 9.6 10.1 19l.3.6c2.4 4.8 5 10.1.7 15.3-4.3-.7-5.6-3.3-6.8-5.7l-.3-.5a467 467 0 0 0-35-59.4c-11.7-17.5-23.4-35.1-39.8-49l-1.9-1.6c-4.4-4-9-8-14.4-3.7-6.3 5-4.8 13.3-1.6 20l14.1 28.5q9.4 18.7 18.4 37.7l7 15q15.1 32 29.5 64.4c1.9 4.4 3.2 9-3.7 13.3a186 186 0 0 1-30-32c-12.6-15.7-25.3-31.4-44-41-6.5 8.1-8.6 15.5-2.3 26a1437 1437 0 0 1 27.6 48.8l18.2 33q8.3 14.8 15.3 30.3c6.6 13.9 13.1 27.8 21.6 40.6a683 683 0 0 1 53.5 100.6c13.8 31.2 9 61-2.7 90a916 916 0 0 1-50.6 100.5 598 598 0 0 0-35 79.5l-4.3 11.4-1.6 4.1a1068 1068 0 0 0-27.2 75.8l-5.7 18.4a558 558 0 0 0-17.9 66 426 426 0 0 0-5.8 100.3l.6 13.2c1.6 34 3.1 68 21.5 98.2l-34.6-2c-41.8-86.5-20.3-170.4 11.8-253.8a104 104 0 0 0-24.8 43.8q-10.7 32.8-17.8 66.4a342 342 0 0 0-2 137q.8 1.5.8 3.8-6 1-11.8-.7l-.6-1.3c-3.1-7.4-6-14-6.6-21.4a526 526 0 0 1-2-76.3c2.4-38.4 13.7-75 25.2-111.5q1.1-3.3 2-6.8c1.4-5.5 2.8-11 5.8-16A4106 4106 0 0 0 71 890q11.3-20 23-39.8c13.7-23.7 24-49.1 34.2-74.6 8.4-21 16.9-42 27.3-62q9.5-18.7 18.1-37.8c7.8-16.9 15.6-33.8 24.7-49.9 14.1-24.8 18.5-49.6 10.6-76.5-7-23.7-19.5-44.7-32-65.7l-12.3-21.1q-6.9-12-14-23.8c-8-13.1-16-26.2-22.6-40.1-10.4-22-22.2-43.2-34-64.4l-19-34.5c-6.4-11.9-12.9-24-10.5-38.2 3-18 13.5-22.4 29.4-13.7 6.6 3.6 12.3 8.5 18 13.4q6.3 5.6 13.2 10.5c-4.1-4.9-6-10.7-8-16.4a72 72 0 0 0-4-10.5q-18-35.6-33.7-72.5a27 27 0 0 1 6.5-30.7c7.6-6.7 17.3-5 25.7 1.3q3.5 2.4 7.8 4l3.6 1.7a57 57 0 0 1-6.4-38.4c.6-6.8 1.1-13.6 8.4-16.6q12-4.8 22.5 4.2c16.2 13.8 29 30.3 42 46.9l1.6 2q4.4 5.5 8 11.4c4.6 6.7 9.1 13.4 15.2 19.3-5.5-19.5-7.2-39-8.9-58.6l-.1-1.7-.4-3.3c-.7-5.8-1.4-11.2 5-14.8 7-4 13.3-.6 19 3.4 16.5 11.5 26.7 28 35.6 45.5a940 940 0 0 1 36.2 82.4q4.6 11.6 9.6 23c7.1 16.9 14.3 33.7 19.6 51.4a108 108 0 0 0 37.9 55c9.5 7.3 17.6 4.2 19.4-6.6l1.5-9.1c3.9-23.5 7.7-46.7 19.8-68.7 10-18.2 21-33.3 38.4-43.9 15.3-9.3 30.8-5.5 34.6 8.3a56 56 0 0 1 1.8 20.2 394 394 0 0 1-14.4 64.2q-4.8 16.5-9 33.3l-3.3 12.9a111 111 0 0 0-5.9 42q2.2 17.9-2 35.5c-5.3 20.5-16.7 37.7-28 55a299 299 0 0 0-19.2 31.6c-7.3 14.8-16.2 29-25 43.1q-5.9 9.4-11.5 18.8c-15.1 25.1-20.2 52.4-25.4 79.7M47.3 1055.8q0 1.3-.3 2.5c-4 30.6 1.2 58.4 7 86.3-4-20.7-3.8-41.5-3.6-62.4q.1-16.2-.3-32.4c-2.6 1.5-2.7 3.8-2.8 6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M273.6 406.3c1.5 24.2 6 46.1 19 66.5 6.3-5.2 5.6-9.6 4.2-13.5-13.4-37.4-9.8-76.3-10.2-114.9l.2-6.4c.2-4 0-7.9-5.5-8.1s-6.3 4.2-6.5 7.8c-1 14.4-2.2 29-1.4 43.3.4 8 .5 16.1.2 25.3M246 540.2c-4.7-3-9-4.8-11.7.1-2 3.4 1.3 5.8 3.5 8.5a92 92 0 0 0 26.7 24.6c8.1 4.7 16 4.5 24.3 1.2q4.7-1.8 4.5-6.9c-.4-4-3.4-4.3-6.5-4.4-17.3-.6-29.4-10.2-40.9-23.1M228 397c-5.5-2.3-10.3-3.6-14.8.2 5.8 10.8 28.6 23.9 39.5 22.5-2.5-13.5-15.4-15.6-24.6-22.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "waveOkLongArms": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m14 1186.2 235.4 16.5s68.7-71.2 47.4-271.7c-3-29 27.8-209 29.3-222.7 4-36 21.3-104.9 40.1-131.2 85.3-119.3 74-138.5 79.3-166.4 5.7-29.4 15.4-80.4 21.3-100 2.7-9 22.5-72.8 4.8-75.8-84.4-14.2-65.4 148.2-97.5 133.2-49-23-59-87.3-59-87.3s-64.7-175.3-99-177.3c-14-.9 2.1 88.8 2.1 88.8s-72.3-95.6-89-95.7c-16.7 0 8 71.1 8 71.1s-34.8-30.2-48.7-20.8c-18.4 12.5 67 155.3 53.2 155.3-10.5 0-28.8-35.7-41.5-42.3-21.5-11.2-29.2-13.5-31.3 6.5-2.1 21.2 42.6 88.2 63 125.7 10.6 19.4 73.2 132 86.6 162.7 16.8 38.8-24.5 99.8-41.6 129.3-17 29.6-86.2 202.4-108.8 233.3-22.7 30.9-45.8 81.3-55.9 135.6-11.1 60.1 1.8 133.2 1.8 133.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M339.5 676.1q-2 11-4.3 21.8l4.8-28.2a6434 6434 0 0 0-12.6 71q-2.5 15-4.7 30.2c-5.7 40-9 80.4-12.3 120.7a72 72 0 0 1-3 13.7c-1.7 6.3-3.5 12.6-2.7 18.6 1.4 10.8 1.8 21.6 2.2 32.5.6 15.8 1.2 31.7 5 47.3a70 70 0 0 1 1.2 21.5c-2.6 41.7-9 82.4-24.5 121.6-8.2 20.8-18 40-34.2 56.2l-11.7-.7c3.8-10.4 9.6-19.7 15.5-29q6.1-9.5 11.4-19.6 14-28.6 19.2-60l.1-.8c3.3-19.3 6.7-38.7 7-58.5.2-12.4-.3-24.4-8-36l-9.8 27.5c-21.8 61.5-43.4 122.5-89.7 172.5a60 60 0 0 1-17-1c33-33.6 55.6-73.2 71.4-115.8l5.5-14.8c13.2-35.3 26.5-70.8 33.2-108.3q2.7-14.5 6.3-28.8c3.3-14 6.6-28 8.2-42.3l3.8-32.4c6.6-58 13.2-116 24.1-173.5a423 423 0 0 1 45.9-127.2c9.4-17 20-33.1 30.7-49.3q11.8-17.6 22.7-35.5l5-7.4c5.4-7.6 10.8-15.2 10.4-25.5-1.6-41.2 9-80.4 19.4-119.6l4.8-17.8c4.1-16 8-32.2 7.7-49-.1-10.2-5.5-14-13.7-9.2a115 115 0 0 0-45.8 57.3 209 209 0 0 0-12.5 61c-1.3 15.7-12.7 21.7-27.4 16.3-17.6-6.4-27.6-20.8-37.5-35l-.8-1a171 171 0 0 1-19.7-43.8q-2.9-9-6.4-17.8a1385 1385 0 0 0-58-130.3c-7.2-14-14.7-28.8-31.9-36.2l2 18c4.6 42.6 9 84.4 22.8 124.8l-6.5 2.7c-24.8-57.6-53.8-112.2-101.5-155a26 26 0 0 0-2.6 18.5c3.7 23 13.8 43.4 24 63.8l10.4 21.8c4.5 10 9.8 19.8 15 29.5q5.3 9.6 10.1 19l.3.6c2.4 4.8 5 10.1.7 15.3-4.3-.7-5.6-3.3-6.8-5.7l-.3-.5a467 467 0 0 0-35-59.4c-11.7-17.5-23.4-35.1-39.8-49l-1.9-1.6c-4.4-4-9-8-14.4-3.7-6.3 5-4.8 13.3-1.6 20l14.1 28.5q9.4 18.7 18.4 37.7l7 15q15.1 32 29.5 64.4c1.9 4.4 3.2 9-3.7 13.3a186 186 0 0 1-30-32c-12.6-15.7-25.3-31.4-44-41-6.5 8.1-8.6 15.5-2.3 26a1437 1437 0 0 1 27.6 48.8l18.2 33q8.3 14.8 15.3 30.3c6.6 13.9 13.1 27.8 21.6 40.6a683 683 0 0 1 53.5 100.6c13.8 31.2 9 61-2.7 90a916 916 0 0 1-50.6 100.5 598 598 0 0 0-35 79.5l-4.3 11.4-1.6 4.1a1068 1068 0 0 0-27.2 75.8l-5.7 18.4a558 558 0 0 0-17.9 66 426 426 0 0 0-5.8 100.3l.6 13.2c1.6 34 3.1 68 21.5 98.2l-34.6-2c-41.8-86.5-20.3-170.4 11.8-253.8a104 104 0 0 0-24.8 43.8q-10.7 32.8-17.8 66.4a342 342 0 0 0-2 137q.8 1.5.8 3.8-6 1-11.8-.7l-.6-1.3c-3.1-7.4-6-14-6.6-21.4a526 526 0 0 1-2-76.3c2.4-38.4 13.7-75 25.2-111.5q1.1-3.3 2-6.8c1.4-5.5 2.8-11 5.8-16A4106 4106 0 0 0 71 890q11.3-20 23-39.8c13.7-23.7 24-49.1 34.2-74.6 8.4-21 16.9-42 27.3-62q9.5-18.7 18.1-37.8c7.8-16.9 15.6-33.8 24.7-49.9 14.1-24.8 18.5-49.6 10.6-76.5-7-23.7-19.5-44.7-32-65.7l-12.3-21.1q-6.9-12-14-23.8c-8-13.1-16-26.2-22.6-40.1-10.4-22-22.2-43.2-34-64.4l-19-34.5c-6.4-11.9-12.9-24-10.5-38.2 3-18 13.5-22.4 29.4-13.7 6.6 3.6 12.3 8.5 18 13.4q6.3 5.6 13.2 10.5c-4.1-4.9-6-10.7-8-16.4a72 72 0 0 0-4-10.5q-18-35.6-33.7-72.5a27 27 0 0 1 6.5-30.7c7.6-6.7 17.3-5 25.7 1.3q3.5 2.4 7.8 4l3.6 1.7a57 57 0 0 1-6.4-38.4c.6-6.8 1.1-13.6 8.4-16.6q12-4.8 22.5 4.2c16.2 13.8 29 30.3 42 46.9l1.6 2q4.4 5.5 8 11.4c4.6 6.7 9.1 13.4 15.2 19.3-5.5-19.5-7.2-39-8.9-58.6l-.1-1.7-.4-3.3c-.7-5.8-1.4-11.2 5-14.8 7-4 13.3-.6 19 3.4 16.5 11.5 26.7 28 35.6 45.5a940 940 0 0 1 36.2 82.4q4.6 11.6 9.6 23c7.1 16.9 14.3 33.7 19.6 51.4a108 108 0 0 0 37.9 55c9.5 7.3 17.6 4.2 19.4-6.6l1.5-9.1c3.9-23.5 7.7-46.7 19.8-68.7 10-18.2 21-33.3 38.4-43.9 15.3-9.3 30.8-5.5 34.6 8.3a56 56 0 0 1 1.8 20.2 394 394 0 0 1-14.4 64.2q-4.8 16.5-9 33.3l-3.3 12.9a111 111 0 0 0-5.9 42q2.2 17.9-2 35.5c-5.3 20.5-16.7 37.7-28 55a299 299 0 0 0-19.2 31.6c-7.3 14.8-16.2 29-25 43.1q-5.9 9.4-11.5 18.8c-15.1 25.1-20.2 52.4-25.4 79.7M47.3 1055.8q0 1.3-.3 2.5c-4 30.6 1.2 58.4 7 86.3-4-20.7-3.8-41.5-3.6-62.4q.1-16.2-.3-32.4c-2.6 1.5-2.7 3.8-2.8 6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M273.6 406.3c1.5 24.2 6 46.1 19 66.5 6.3-5.2 5.6-9.6 4.2-13.5-13.4-37.4-9.8-76.3-10.2-114.9l.2-6.4c.2-4 0-7.9-5.5-8.1s-6.3 4.2-6.5 7.8c-1 14.4-2.2 29-1.4 43.3.4 8 .5 16.1.2 25.3M246 540.2c-4.7-3-9-4.8-11.7.1-2 3.4 1.3 5.8 3.5 8.5a92 92 0 0 0 26.7 24.6c8.1 4.7 16 4.5 24.3 1.2q4.7-1.8 4.5-6.9c-.4-4-3.4-4.3-6.5-4.4-17.3-.6-29.4-10.2-40.9-23.1M228 397c-5.5-2.3-10.3-3.6-14.8.2 5.8 10.8 28.6 23.9 39.5 22.5-2.5-13.5-15.4-15.6-24.6-22.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1721.2 1194h-235s-39.6-69.7-42-145.2c-.9-24.9 11.2-81.4 6.6-222-3.2-99.7-19.3-218.5-32.2-248.4-9.8-22.6-44-67-79.1-87.4-43.4-25.3-59-78.3-58.2-99.2s10.3-47.6 26.3-47.6 19.7 29.3 26 58.9c23.5 109.3 84.3 42.8 76.4-15-4.6-32.6-24-66.3-45.4-70.9-22.2-4.8-40.7-2.6-45.7-10.5s1.5-31.8 18.7-37c17.1-5.3 37.2-16.3 67.7 7.6s28.1 25.8 29 6.6c1.7-33-40.7-105.3-48.3-128.2-7.7-22.9-.4-32 11-38.2s40.3 35.3 49.2 49.9c17.4 28.8 32.3 119.9 45.2 114.2s7.1-68 3.7-99.5c-3.7-33.7-12.2-76.2 4.5-75.2s31.4 60.8 42.8 90.8c17 44.7 1 152.4 17.7 150.5s24.3-66.4 23.9-76.9-1.1-55.9 12-61.8c22.1-9.8 32 53.4 33 73.5.8 21.3-10.1 62.8-18.2 83.3s-37.5 126.6-52.6 156.4c-19.2 37.8-1.2 75.3 14 105.8 15.3 30.5 93.1 259.2 113.9 291.3 20.7 32.2 40.8 83.9 47.7 138.7 7.5 60.7-12.6 135.5-12.6 135.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1410.9 583.9a257 257 0 0 1 19.2 77.4l13 135.4q.5 15.3.5 30.7c.2 19.7.4 39.3 3 58.6 2.7 21.7 1.6 43 .5 64.2l-.8 15.6c-.4 9.7-3 19-5.5 28.3a111 111 0 0 0-5.5 33c1.3 36.9 5 73.3 17 108.8 7 21 15.6 40.8 30.9 58h11.7a153 153 0 0 0-13.6-29.5q-5.7-10-10.4-20.7a217 217 0 0 1-15.8-62.3c-2.9-28.7-5.6-57.4-.8-86.4q1.4-6.7 3.4-12.4 1.5-4 2.3-7.6l1.8 7.1c18.4 73.4 37 148 87.6 211a59 59 0 0 0 16.8 0c-18.3-23.3-36-46.6-46.7-73.4a606 606 0 0 1-28.1-84l-7.6-30a627 627 0 0 1-12.1-51.3 1055 1055 0 0 1-15.3-149.5l-.4-17.2c-.3-15-.5-30.2-2.7-45.2q-7.7-55.5-14.8-110.8l-1.8-13c-3.4-26-10.9-51-28.3-70.6-23.1-26-47-51.5-73-74.6a138 138 0 0 1-42.6-69.2c-4.6-16.7 1.3-31 8-45.4 1.4-3.2 4-6 7.9-5.4s8 2.8 8.1 7c.3 7.3 2.3 14.3 4.3 21.2q2.4 8 3.8 16.2c2.8 21.2 12 39.8 24.5 56.5 11 14.5 42 15.5 50.4 2.5 12.8-20 21.3-40.7 19.5-65.6-2.7-35.3-33.5-92-83.8-86.7l-.6.1c-3.5.4-7.7.8-9.7-3.1-2.3-4.4 0-9.4 2.6-11.8q2.8-2.6 5.2-5.4c3.4-3.7 6.7-7.4 11.6-9.7 18.6-8.8 44.7-2.5 62.7 15.4a121 121 0 0 1 33.4 60.3c.9 4 2.1 10.1 9 8 6.4-1.9 5.5-8.3 4.5-13.1q-1.6-7.8-3.7-15.4-1.9-6.4-3.3-13l-6.7-32.3-7.3-35c-3.8-17.4-11-33.5-18.4-49.6q-5.7-12.2-10.7-24.8-2.2-5.5-5-11c-4.3-9-8.8-18-8.3-28.5.6-11 4.3-12.9 13.4-7.2a69 69 0 0 1 23.2 26.7 433 433 0 0 1 40.4 94.3c1.8 7 4.4 13.7 7 20.5 6.1 16.1 12.3 32.4 8.6 50.7-.9 4.7-.8 11.3 6.5 11.7s8-5.4 8.6-10.6l.1-1c1.5-11.7 2-23.3 2.6-35a381 381 0 0 1 3.4-41.3c1.8-11.7 1.3-23.7-.6-35.7-1.5-9.3-2.2-18.8-3-28.2-1-13-1.9-26-5-38.9a44 44 0 0 1 1-23.7 243 243 0 0 1 29.4 60.1c10.3 30.3 13 62.3 14.7 94.3 1.3 23.8 3.7 47.5 6 71.3l1 11.3c.6 5.7 1.2 12 7.4 15 4.7-.5 6.7-3.7 8.4-7.2 18.6-38.8 32.3-78.7 29.2-122.6a33 33 0 0 1 8-23.3c4 2.3 5.1 5.7 6 8.9q1.2 5.5 2.7 11a587 587 0 0 1 9.2 41q2.2 13.6-.5 26.8a1343 1343 0 0 1-64.7 203.6c-6.7 17-9 34.2-11.3 51.7l-.4 2.7a60 60 0 0 0 4.5 30l12.6 31.5c13.4 33.9 26.8 67.7 43.2 100.3 12.3 24.6 20.6 51 28.8 77l4.6 15q.8 2 1.3 4a1113 1113 0 0 1 22.8 77.5l4.4 17.7c5.6 22.5 11.2 45 14 68 4.2 32.9 3.8 66 0 99.2l-1.4 13.8c-3.5 34.1-7 68-27.2 97.4h34.6l6-13a205 205 0 0 0 14.7-37.3c11-43.8 11-87.2 1.6-131q-3.8-16.5-8.9-32.5a279 279 0 0 1-11.6-48.7c18.1 25.7 24.7 55 31.3 84.3l1.5 6.6c8.5 37.5 9.3 75.8 8 114a236 236 0 0 1-8.8 50l-1.7 6.7q6 1.4 11.8 0l.7-1.4a71 71 0 0 0 7.8-20.8 512 512 0 0 0 6.5-76.1c0-38.4-9.2-75.7-18.6-112.8l-1.5-6.9a59 59 0 0 0-4.8-16.2q-16.9-32.7-33-65.7l-21-42c-12.3-24.5-21-50.5-29.8-76.6a703 703 0 0 0-23.6-63.4c-9-20-17-40.4-25.2-60.9l-11.9-29.3-4.2-9.8c-6.1-14.2-12.3-28.4-12.4-44.5-.2-27.5 9.8-52.2 19.7-76.8q6-14.3 11-28.8 4.1-12 8.7-23.9a376 376 0 0 0 14.1-42 365 365 0 0 1 5.7-19.4 278 278 0 0 0 7-25.8q2-9 4.3-17.9c5.6-22.3 11.1-44.5 3.9-68.3-2-6.4-3-13-4.2-19.7-1.5-8.9-3-17.7-6.4-26-4.2-10-10-20.9-22.1-20-11.9 1-15 12.7-17.2 22.7q-1.6 8-2.3 16l-.8 8-1.8 16.7c-2.1 21.2-4.2 42.7-15.2 63.3l-1.6-11.3c-1.2-7.6-2.3-14.7-2.4-21.8-.3-31.6-2-62.7-9.9-93.7-8.3-32.4-22-62.1-38.2-91-4.2-7.3-11.6-8.1-19.2-6.4-7.8 1.8-8.9 8-9.1 14.9-.7 23 .5 46 6.3 68.5 6.7 26 4.7 52-.1 79.5-4-4.6-4.6-9.6-5-14.3-.4-3-.7-5.9-1.8-8.6q-8.2-19.4-15.6-39l-11.2-28a157 157 0 0 0-36.2-54.6c-7.7-7.4-17.6-12.4-28-7.2-11 5.6-14.7 16.5-12.6 28.4 1.7 9.6 3.8 19.1 8 28.1l7.4 15.9c7.5 15.8 15 31.7 21.4 48a215 215 0 0 1 13.4 52c-3.8 1-5.5-.3-6.9-2-15.4-18.3-34.6-26-59-27-19.6-.8-44.7 19.3-50.5 36.6-4.1 12.4 7.3 28 20.2 27.9h1.2c11.9-.1 23.6-.2 34.4 6.8 26.5 17.2 35.3 43.3 37 72.9 1 17.6-1.9 34-17.9 44.9-7.5 5-17 8.1-23 .3a107 107 0 0 1-24.2-57 121 121 0 0 0-11.6-38.4c-4-7.1-9.2-10.7-17.2-11.1a29.4 29.4 0 0 0-30 24c-8.4 44.2 2.5 82.5 35 114.1q37.5 36.5 74.6 73.5a103 103 0 0 1 21.6 34.2m278 547q.1-1.5.5-3a548 548 0 0 0 6.1-88c8 37.6 1 72.7-9.4 107.5l.4-3 1-6.5z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "wavePointLongArms": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m14 1186.2 235.4 16.5s68.7-71.2 47.4-271.7c-3-29 27.8-209 29.3-222.7 4-36 21.3-104.9 40.1-131.2 85.3-119.3 74-138.5 79.3-166.4 5.7-29.4 15.4-80.4 21.3-100 2.7-9 22.5-72.8 4.8-75.8-84.4-14.2-65.4 148.2-97.5 133.2-49-23-59-87.3-59-87.3s-64.7-175.3-99-177.3c-14-.9 2.1 88.8 2.1 88.8s-72.3-95.6-89-95.7c-16.7 0 8 71.1 8 71.1s-34.8-30.2-48.7-20.8c-18.4 12.5 67 155.3 53.2 155.3-10.5 0-28.8-35.7-41.5-42.3-21.5-11.2-29.2-13.5-31.3 6.5-2.1 21.2 42.6 88.2 63 125.7 10.6 19.4 73.2 132 86.6 162.7 16.8 38.8-24.5 99.8-41.6 129.3-17 29.6-86.2 202.4-108.8 233.3-22.7 30.9-45.8 81.3-55.9 135.6-11.1 60.1 1.8 133.2 1.8 133.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M339.5 676.1q-2 11-4.3 21.8l4.8-28.2a6434 6434 0 0 0-12.6 71q-2.5 15-4.7 30.2c-5.7 40-9 80.4-12.3 120.7a72 72 0 0 1-3 13.7c-1.7 6.3-3.5 12.6-2.7 18.6 1.4 10.8 1.8 21.6 2.2 32.5.6 15.8 1.2 31.7 5 47.3a70 70 0 0 1 1.2 21.5c-2.6 41.7-9 82.4-24.5 121.6-8.2 20.8-18 40-34.2 56.2l-11.7-.7c3.8-10.4 9.6-19.7 15.5-29q6.1-9.5 11.4-19.6 14-28.6 19.2-60l.1-.8c3.3-19.3 6.7-38.7 7-58.5.2-12.4-.3-24.4-8-36l-9.8 27.5c-21.8 61.5-43.4 122.5-89.7 172.5a60 60 0 0 1-17-1c33-33.6 55.6-73.2 71.4-115.8l5.5-14.8c13.2-35.3 26.5-70.8 33.2-108.3q2.7-14.5 6.3-28.8c3.3-14 6.6-28 8.2-42.3l3.8-32.4c6.6-58 13.2-116 24.1-173.5a423 423 0 0 1 45.9-127.2c9.4-17 20-33.1 30.7-49.3q11.8-17.6 22.7-35.5l5-7.4c5.4-7.6 10.8-15.2 10.4-25.5-1.6-41.2 9-80.4 19.4-119.6l4.8-17.8c4.1-16 8-32.2 7.7-49-.1-10.2-5.5-14-13.7-9.2a115 115 0 0 0-45.8 57.3 209 209 0 0 0-12.5 61c-1.3 15.7-12.7 21.7-27.4 16.3-17.6-6.4-27.6-20.8-37.5-35l-.8-1a171 171 0 0 1-19.7-43.8q-2.9-9-6.4-17.8a1385 1385 0 0 0-58-130.3c-7.2-14-14.7-28.8-31.9-36.2l2 18c4.6 42.6 9 84.4 22.8 124.8l-6.5 2.7c-24.8-57.6-53.8-112.2-101.5-155a26 26 0 0 0-2.6 18.5c3.7 23 13.8 43.4 24 63.8l10.4 21.8c4.5 10 9.8 19.8 15 29.5q5.3 9.6 10.1 19l.3.6c2.4 4.8 5 10.1.7 15.3-4.3-.7-5.6-3.3-6.8-5.7l-.3-.5a467 467 0 0 0-35-59.4c-11.7-17.5-23.4-35.1-39.8-49l-1.9-1.6c-4.4-4-9-8-14.4-3.7-6.3 5-4.8 13.3-1.6 20l14.1 28.5q9.4 18.7 18.4 37.7l7 15q15.1 32 29.5 64.4c1.9 4.4 3.2 9-3.7 13.3a186 186 0 0 1-30-32c-12.6-15.7-25.3-31.4-44-41-6.5 8.1-8.6 15.5-2.3 26a1437 1437 0 0 1 27.6 48.8l18.2 33q8.3 14.8 15.3 30.3c6.6 13.9 13.1 27.8 21.6 40.6a683 683 0 0 1 53.5 100.6c13.8 31.2 9 61-2.7 90a916 916 0 0 1-50.6 100.5 598 598 0 0 0-35 79.5l-4.3 11.4-1.6 4.1a1068 1068 0 0 0-27.2 75.8l-5.7 18.4a558 558 0 0 0-17.9 66 426 426 0 0 0-5.8 100.3l.6 13.2c1.6 34 3.1 68 21.5 98.2l-34.6-2c-41.8-86.5-20.3-170.4 11.8-253.8a104 104 0 0 0-24.8 43.8q-10.7 32.8-17.8 66.4a342 342 0 0 0-2 137q.8 1.5.8 3.8-6 1-11.8-.7l-.6-1.3c-3.1-7.4-6-14-6.6-21.4a526 526 0 0 1-2-76.3c2.4-38.4 13.7-75 25.2-111.5q1.1-3.3 2-6.8c1.4-5.5 2.8-11 5.8-16A4106 4106 0 0 0 71 890q11.3-20 23-39.8c13.7-23.7 24-49.1 34.2-74.6 8.4-21 16.9-42 27.3-62q9.5-18.7 18.1-37.8c7.8-16.9 15.6-33.8 24.7-49.9 14.1-24.8 18.5-49.6 10.6-76.5-7-23.7-19.5-44.7-32-65.7l-12.3-21.1q-6.9-12-14-23.8c-8-13.1-16-26.2-22.6-40.1-10.4-22-22.2-43.2-34-64.4l-19-34.5c-6.4-11.9-12.9-24-10.5-38.2 3-18 13.5-22.4 29.4-13.7 6.6 3.6 12.3 8.5 18 13.4q6.3 5.6 13.2 10.5c-4.1-4.9-6-10.7-8-16.4a72 72 0 0 0-4-10.5q-18-35.6-33.7-72.5a27 27 0 0 1 6.5-30.7c7.6-6.7 17.3-5 25.7 1.3q3.5 2.4 7.8 4l3.6 1.7a57 57 0 0 1-6.4-38.4c.6-6.8 1.1-13.6 8.4-16.6q12-4.8 22.5 4.2c16.2 13.8 29 30.3 42 46.9l1.6 2q4.4 5.5 8 11.4c4.6 6.7 9.1 13.4 15.2 19.3-5.5-19.5-7.2-39-8.9-58.6l-.1-1.7-.4-3.3c-.7-5.8-1.4-11.2 5-14.8 7-4 13.3-.6 19 3.4 16.5 11.5 26.7 28 35.6 45.5a940 940 0 0 1 36.2 82.4q4.6 11.6 9.6 23c7.1 16.9 14.3 33.7 19.6 51.4a108 108 0 0 0 37.9 55c9.5 7.3 17.6 4.2 19.4-6.6l1.5-9.1c3.9-23.5 7.7-46.7 19.8-68.7 10-18.2 21-33.3 38.4-43.9 15.3-9.3 30.8-5.5 34.6 8.3a56 56 0 0 1 1.8 20.2 394 394 0 0 1-14.4 64.2q-4.8 16.5-9 33.3l-3.3 12.9a111 111 0 0 0-5.9 42q2.2 17.9-2 35.5c-5.3 20.5-16.7 37.7-28 55a299 299 0 0 0-19.2 31.6c-7.3 14.8-16.2 29-25 43.1q-5.9 9.4-11.5 18.8c-15.1 25.1-20.2 52.4-25.4 79.7M47.3 1055.8q0 1.3-.3 2.5c-4 30.6 1.2 58.4 7 86.3-4-20.7-3.8-41.5-3.6-62.4q.1-16.2-.3-32.4c-2.6 1.5-2.7 3.8-2.8 6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M273.6 406.3c1.5 24.2 6 46.1 19 66.5 6.3-5.2 5.6-9.6 4.2-13.5-13.4-37.4-9.8-76.3-10.2-114.9l.2-6.4c.2-4 0-7.9-5.5-8.1s-6.3 4.2-6.5 7.8c-1 14.4-2.2 29-1.4 43.3.4 8 .5 16 .2 25.3M246 540.2c-4.7-3-9-4.8-11.7.1-2 3.4 1.3 5.8 3.5 8.5a92 92 0 0 0 26.7 24.6c8.1 4.7 16 4.5 24.3 1.2q4.7-1.8 4.5-6.9c-.4-4-3.4-4.3-6.5-4.4-17.3-.6-29.4-10.2-40.9-23.1M228 397c-5.5-2.3-10.3-3.6-14.8.2 5.8 10.8 28.6 23.9 39.5 22.5-2.5-13.5-15.4-15.6-24.6-22.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m1722 1194-240.1 4.3s-20.1-26.7-36.5-144.5c-4-28.4 12.9-82.2 10-162.5-4.2-124-27.7-283.6-31.8-294.3a1232 1232 0 0 0-75-150.5C1320 401 1310 322 1323.2 257c1.3-6.6 6-25.5 21.5-29.9 16-4.5 31.5 11.7 39.4 9 8-2.6 23.3-18.4 34.6-22.9s23.1-6 19.2-35.7c-1.8-13.7-34-163.7 1.5-168.4 31.5-4.2 40.8 78.1 48.5 108.6 10.8 43.5 13.5 95.5 18 103s35 26.3 48.1 50.8 13.2 54.2 9 81.9c-6.7 43.7-41.9 134.8-19.4 205.1 13.8 43.4 120.8 304.8 142 357.7 20.5 51.7 51.8 143.4 51.8 173.3 0 58.4-15.4 104.5-15.4 104.5",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M1649.7 1194c20.2-29.5 23.7-63.5 27.3-97.7l1.4-13.5q5.4-47.7.4-95.4a493 493 0 0 0-13.6-67.5l-5.4-22c-4-17.3-9.3-34.2-14.5-51q-4.9-15.3-9.3-30.6a693 693 0 0 0-33.2-90.6q-6.7-15-13.9-30a509 509 0 0 1-30.6-74.8q-4.6-15.3-10-30.5c-9-26.4-18-52.8-18.5-81-.4-30.1 6.5-59.4 13.4-88.6l.8-3.2c8-33.8 16-67.6 14.3-102.9-1.5-33.8-21-56.1-46.3-74.5-16.7-12.2-36.6-18-56.5-22a70 70 0 0 0-55.4 13.6c-9.1 6.5-9.4 18.2-1.7 30 17.7-23.3 41.1-19.2 63.9-15.2l7.7 1.3a129 129 0 0 1 16 4c5.7 1.7 11.4 3.4 17.2 4.2 7.8 1.2 11.8 5.4 15.8 13.6-14.5 3.5-27.4.1-40-3.1l-5.2-1.4-4.3-1c-13-3.4-25.6-6.6-39.5-4-17.3 3.3-27.5 12.2-28.7 29.9-.8 13.6-.4 27.3 0 40.9.2 6 2 12.9 9.7 12.5 6-.2 6-4.8 6.2-9.2v-2.7c2.4-28.6 34.4-55 62.6-50.6q4.8.7 9.8 1.2c11 1.2 22.1 2.3 31.8 9.1l2 1.3c2.7 1.6 5.4 3.2 3.8 7-2 4.9-6 3.7-10.3 2.4l-.6-.1-2.4-.7c-16.2-4.8-32.4-9.6-49.8-3.8a45 45 0 0 0-31 38.5 38 38 0 0 0 14.9 34.9c13.3 10.3 20.7 7.7 26.2-8 .8-2.3.6-5 .5-7.7-.3-5.1-.5-10.2 6-12.8 4.8-1.9 8.5.5 12.2 3a21 21 0 0 0 7.7 3.5 28 28 0 0 1 16.9 11.2c-5.7 6.7-11.2 4.7-16.7 2.8a27 27 0 0 0-7.3-1.8c-3 1.8-4 4.9-5 8q-.4 1.8-1.3 3.7c-13 28.2-32 23.8-50.7 8.1h-.1c-2-1.7-4-3.4-5-5.6-5.4-13.2-13.5-20.1-29.4-18.6-7 .6-12-8.2-13-16.7a308 308 0 0 1-3-45.4c-5-.7-10-.7-15-.8-9.6 0-19.2 0-27.9-5-2.1-1.2-4-3.1-4.4-7.6 7.4-4.9 15.9-4.5 24.5-4s17.6.8 25.7-4q-1.6-3-3.4-5.7c-4.2-6.8-8.4-13.5-6.7-22.2.7-3.5-2.7-4.6-5.9-5.4q-6-1.8-12-4.5c-14.7-6.3-26-.9-28.6 15-7.2 44-9 88.1-.2 132q5.4 26.4 20 49a465 465 0 0 1 29.6 55.4l9.7 20c7.2 14.5 13.2 29.5 19.2 44.4l10 24.6c16.2 37.5 21.7 77.4 26.7 117.5a1415 1415 0 0 1 10.2 131.4l1 26.3c1.2 23.8 4.7 47.2 8.1 70.6l4 28c5 37.4 16 73.3 26.9 109.1l4.5 14.8a321 321 0 0 0 64.3 119.8q-8.4 1.2-16.9 0c-49.5-61.6-68-134.2-86.4-205.5l-3-11.9-.3 1-.2.5a90 90 0 0 0-5.1 17.7c-5 29-2.2 57.7.7 86.4a217 217 0 0 0 15.8 62.3q4.7 10.7 10.4 20.7c5.2 9.5 10.4 19 13.6 29.6h-11.7a161 161 0 0 1-31-58.1c-11.8-35.5-15.6-72-16.9-108.8-.4-11.2 2.5-22 5.4-32.6a130 130 0 0 0 6-39.9c1.4-22.8 2.7-45.4-.2-68.5a499 499 0 0 1-2.8-58.8q-.1-15.3-.7-30.6v-1.1c-1-23.9-2-51.4-5-76l-2.2-21.5c-3.1-32.4-5.6-58-25.5-114.1-6.3-17.7-15-34.4-23.5-51-7.3-14.1-14.6-28.2-20.5-43a252 252 0 0 0-28.5-51c-15.9-22.6-19.7-48.4-23.7-74.3q-.8-6.4-2-12.7c-4.2-26.2-.8-51.9 2.6-77.5q2-14.6 3.4-29.1c2-21.4 22.8-30.8 49.1-24q6.2 1.8 12.4 4l6 2.2a56 56 0 0 1 29.5-21.3c14.3-3.8 14-12.7 13.7-24v-1c-.7-21.5-3.3-42.8-6-64.1-3.4-28.5-7-57-5.7-85.9 1-20.4 13.6-33.3 31.6-31 13.1 1.5 18.4 12.1 23.1 21.7 9.5 19.2 12.9 40.1 16.3 61q2 12.8 4.5 25.2 3.7 18.4 6.2 37.2c2.6 18.2 5.3 36.4 10.5 54.1q0 .6.3 1c.7 2.6 1.5 5.2 1.4 7.7-.5 9.7 4.4 15.3 12 20.7 26.4 18.5 44.4 44 50.4 75.3 4 20.7-.5 41.7-4.9 62.5l-1.9 9q-4.3 21-9.3 41.8A661 661 0 0 0 1541 503c-1.9 18.9 3.1 36.6 9 53.5l1.4 4.2c8.2 23.4 16.3 46.8 26 69.7q31.5 73.5 59.7 148.3 4.8 12.6 8.6 25.8c5 16 10.1 32.2 18.3 46.8 11.8 21 22.3 42.7 32.8 64.4q10.4 21.7 21.3 43.1c2.7 5.2 3.8 10.8 5 16.3l1.4 7c9.4 37 18.5 74.2 18.6 112.7 0 25.4-2.7 50.8-6.5 76-1 7.4-4.2 13.8-7.8 21l-.7 1.3q-5.9 1.4-11.8 0l1.6-6.5c4.3-16.8 8.4-33.1 9-50.1 1.2-38.3.4-76.6-8.1-114.1l-1.6-6.9c-6.5-29.1-13.1-58.4-31.2-84a280 280 0 0 0 11.6 48.6q5.1 16.1 8.9 32.5a283 283 0 0 1-1.6 131c-3.3 13.3-9 25.4-14.7 37.5l-6 12.9zM1440.9 142c2.7 19.6 5.5 39.4 3.5 60a85 85 0 0 1 36 6.3q8.5 3 17.2 5c2.5-4.3.7-7.5-1.2-10.7-1-2-2.2-4-2.3-6.2-2.5-37.3-10.6-73.6-18.7-109.9l-5.3-24q-5-22-17-41.1c-2.3-3.8-5-6.8-10-6.6-5.4.3-6.9 4.7-8.2 8.6a76 76 0 0 0-2.1 35.4l1.3 8.8a160 160 0 0 1 2.8 34.2c.3 13.5 2.1 26.8 4 40.2m244.6 1005.7 4.5-22c4.1-29 4.9-56 5.7-83.5v-1.5c7.7 37 1 72.2-10.2 107",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1523.3 552c-6.5 13.4-23.7 19.2-35.7 13.2-3.3-1.6-6-3.4-5.7-7.4.5-4.9 4.3-4.8 7.6-4.3 11.2 1.5 21.7-8.5 33.8-1.4",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "glasses": {
+      "width": 509.3,
+      "height": 163.7,
+      "probability": 20,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m264 13.2 78.4-.5 125.6-.8 6.2-.2c7.2-.4 14.6-.7 21 2.4 10.1 5 10.7 15 11.3 24.4q0 2.3.3 4.4c2.2 25.6-.2 51-9.1 75.1a51 51 0 0 1-32 30.6c-23.5 7.8-48 13.5-72 4.8a66 66 0 0 1-42.1-39q-1.9-4.8-4.1-9.5c-3.4-7.4-6.8-14.8-7-23.5-.2-4.7-5.7-8.1-11.7-8.1-7 0-10.7 4.5-13.6 9.9a54 54 0 0 0-4.6 14.3q-1.1 5.5-3 10.8c-14.2 37-38.8 55.3-78.1 54.5a101 101 0 0 1-66.7-27.4 62 62 0 0 1-20.9-49.6V73.7a395 395 0 0 1-59.6-20.3 417 417 0 0 0-56-19.4c-3.3-.8-5.5-2-6.8-4.9-4-8.3-9.6-15.5-16.6-24.5L0 1l18.8 3.3c12.9 2.3 24.8 4.4 36.8 6.3q14.8 2.5 29.5 5.2c20 3.7 40.2 7.4 60.7 8.9 6.6.4 12.5.3 18.2-5.9 6.2-6.8 16.3-6.3 25-6l2.8.2c23.7.8 47.3 1 72.2.2M95.8 50.6c2.8 1.5 5.2 1.1 5.2-2.4 0-18.9-14.5-29-34.1-23.5 4 14 14.6 20.5 28.9 26m16 3.6c-2-1.5-3-4.2-5.6-11.3-3.5-6-5-10.6-3.7-18 7.2 6.2 9.3 13.6 11.4 21q1.3 5.3 3.6 10.2c-2.7-.6-4.4-1-5.7-2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M286.6 43.7c-.7-6 3.1-7.4 7-7.4q28.6-.1 57.2.5c4.4 0 8.5 2 11.1 5.5-6.9 8.1-53.6 9.4-75.3 1.4",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M192.6 62.4c-.8-.3 1 0 0 .4-6.7 2 50.6 52.8 55.7 48.5 3-2.5-49.5-46.3-55.7-49M213 38.6c-.9-.3 1 0-.1.4-6.7 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49m175 23.9c-1-.3 1 0-.2.4-6.6 2 50.7 52.8 55.8 48.5 3-2.5-49.5-46.3-55.7-49m20.4-23.7c-.9-.3 1 0-.1.4-6.6 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m264 13.2 78.4-.5 125.6-.8 6.2-.2c7.2-.4 14.6-.7 21 2.4 10.1 5 10.7 15 11.3 24.4q0 2.3.3 4.4c2.2 25.6-.2 51-9.1 75.1a51 51 0 0 1-32 30.6c-23.5 7.8-48 13.5-72 4.8a66 66 0 0 1-42.1-39q-1.9-4.8-4.1-9.5c-3.4-7.4-6.8-14.8-7-23.5-.2-4.7-5.7-8.1-11.7-8.1-7 0-10.7 4.5-13.6 9.9a54 54 0 0 0-4.6 14.3q-1.1 5.5-3 10.8c-14.2 37-38.8 55.3-78.1 54.5a101 101 0 0 1-66.7-27.4 62 62 0 0 1-20.9-49.6V73.7a395 395 0 0 1-59.6-20.3 417 417 0 0 0-56-19.4c-3.3-.8-5.5-2-6.8-4.9-4-8.3-9.6-15.5-16.6-24.5L0 1l18.8 3.3c12.9 2.3 24.8 4.4 36.8 6.3q14.8 2.5 29.5 5.2c20 3.7 40.2 7.4 60.7 8.9 6.6.4 12.5.3 18.2-5.9 6.2-6.8 16.3-6.3 25-6l2.8.2c23.7.8 47.3 1 72.2.2M95.8 50.6c2.8 1.5 5.2 1.1 5.2-2.4 0-18.9-14.5-29-34.1-23.5 4 14 14.6 20.5 28.9 26m16 3.6c-2-1.5-3-4.2-5.6-11.3-3.5-6-5-10.6-3.7-18 7.2 6.2 9.3 13.6 11.4 21q1.3 5.3 3.6 10.2c-2.7-.6-4.4-1-5.7-2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M286.6 43.7c-.7-6 3.1-7.4 7-7.4q28.6-.1 57.2.5c4.4 0 8.5 2 11.1 5.5-6.9 8.1-53.6 9.4-75.3 1.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m325.8 13.2 154.4 1q7 .3 14 1.3c7.1.9 10.4 4.2 12 12a181 181 0 0 1-6.3 90.4c-5.4 17.7-20 28.1-37.5 33.6-23 7.1-46.5 12.4-69.8 3.9-20.8-7.6-37.2-20-42.9-44q-1.1-4.5-2.5-8.8c-2.5-8.3-5-16.5-3.2-25.7.7-4-3.1-5.9-6-7.4h-.1c-15-7.6-29.7-.2-32.4 16.5-3 18.3-9 35.8-19.4 50.8-16.5 23.9-41.6 29.4-69 26.1a97 97 0 0 1-56.2-26.6 58 58 0 0 1-20-48.8c.8-11.2-5.5-16.3-13.8-17.7a196 196 0 0 1-40.8-13.2q-7.1-3-14.2-5.6-10.8-4-21.8-7.3-12-3.6-24-8.1l-1-.4c-3.8-1.4-7-2.6-6.4-8.5 5.7-2.6 11-1 16.4.8 3.5 1.2 7.2 2.4 11.2 2.4-2.7-9-8.3-12.4-17.3-12.8A35 35 0 0 1 1.7 4C6.4-.7 10.7-.4 14.8.7c21.4 5.8 43.2 9.1 65 12.4 18 2.7 36 5.4 53.8 9.6 10.3 2.3 21.4 2.4 31-6.5 6.3-5.6 15.5-5.5 24-5.3h3.1l76.2 1.4 32.3.7zM150 78.9c3.3 41.7 26.7 63 62.7 71 23.6 5.2 52.3.1 66.8-26.8a204 204 0 0 0 17-47.6c4-15.2 14.3-20 35.7-18.3 14.3 1.2 20.9 7.9 22.8 22.5q2 16.6 5 32.8c2.5 13.7 19.5 30.3 33.3 33a117 117 0 0 0 64-4.6c12-4.3 22.9-10.4 28.7-23 10-22 13-45.3 12.7-69.2-.3-22-1.6-23.4-24.3-23.5h-42.2q-29.4 0-58.6-.2l-75-.8q-43.5-.7-87.1-1-5.3 0-10.7-.7c-10.8-1-21.7-2-30.3 5.1-9 7.4-17.8 7.4-27.4 7.4h-3.4q-3.8-.1-7.5-1c-4.2-.9-8.5-1.8-13.1-.1 1.3 14.8 4.6 27.7 21.9 31.2 6.3 1.2 9.7 4.8 9 13.8M74.2 25.5c8.9-1.2 17-2.2 20 10.5l4 11.4C85.2 44.8 75 39.8 70.1 26z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M286.6 43.7c-.7-6 3.1-7.4 7-7.4q28.6-.1 57.2.5c4.4 0 8.5 2 11.1 5.5-6.9 8.1-53.6 9.4-75.3 1.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M473.8 15.8c25.6 14.4 29.4 51.2 20.9 67.9a134 134 0 0 1-32.9 39.9 105 105 0 0 1-38.8 22.8c-7 2-13 .1-18.1-3.3a246 246 0 0 1-47.5-43.7q-4.6-5.4-6.6-12.3c-4.3-14.2-14.9-19.2-28.3-13a51 51 0 0 0-22.3 18.4 151 151 0 0 1-53.6 49.7c-14.2 8.1-23.5 6.4-37-3.6q-19.6-14.6-35.4-33c-8.4-9.8-16.8-19.4-15.7-33.5.3-4.6-2.5-7-6.5-8.3a14 14 0 0 0-3.7-.7c-21.3-1-41.3-9-62.6-10.3-16-1-30.9-8.7-46.5-12.6-4.5-1.2-8.7-3.8-13.2-4.6-6.5-1.2-7.8-5.5-9-11.6a66 66 0 0 1 34.8 4c18.3 7.3 38 8.5 57 12.8 15.5 3.6 31.5 5 47.7 10.1C161 33.4 168 18.2 186 11c19.9-8 33.2 3.2 48 15 15.2-8.1 31.4-17.3 49.7-9.8s22.8 24.7 26.2 42.7c11.6.4 22.8-3.5 34-.7 3.9-7 4.4-14.3 6.3-21.2A37.2 37.2 0 0 1 408 15.1c9.8 9 19 9.6 31.5 2.9a39 39 0 0 1 34.3-2.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M192.6 62.4c-.8-.3 1 0 0 .4-6.7 2 50.6 52.8 55.7 48.5 3-2.5-49.5-46.3-55.7-49M213 38.6c-.9-.3 1 0-.1.4-6.7 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49m175 23.9c-1-.3 1 0-.2.4-6.6 2 50.7 52.8 55.8 48.5 3-2.5-49.5-46.3-55.7-49m20.4-23.7c-.9-.3 1 0-.1.4-6.6 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M473.8 15.8c25.6 14.4 29.4 51.2 20.9 67.9a134 134 0 0 1-32.9 39.9 105 105 0 0 1-38.8 22.8c-7 2-13 .1-18.1-3.3a246 246 0 0 1-47.5-43.7q-4.6-5.4-6.6-12.3c-4.3-14.2-14.9-19.2-28.3-13a51 51 0 0 0-22.3 18.4 151 151 0 0 1-53.6 49.7c-14.2 8.1-23.5 6.4-37-3.6q-19.6-14.6-35.4-33c-8.4-9.8-16.8-19.4-15.7-33.5.3-4.6-2.5-7-6.5-8.3a14 14 0 0 0-3.7-.7c-21.3-1-41.3-9-62.6-10.3-16-1-30.9-8.7-46.5-12.6-4.5-1.2-8.7-3.8-13.2-4.6-6.5-1.2-7.8-5.5-9-11.6a66 66 0 0 1 34.8 4c18.3 7.3 38 8.5 57 12.8 15.5 3.6 31.5 5 47.7 10.1C161 33.4 168 18.2 186 11c19.9-8 33.2 3.2 48 15 15.2-8.1 31.4-17.3 49.7-9.8s22.8 24.7 26.2 42.7c11.6.4 22.8-3.5 34-.7 3.9-7 4.4-14.3 6.3-21.2A37.2 37.2 0 0 1 408 15.1c9.8 9 19 9.6 31.5 2.9a39 39 0 0 1 34.3-2.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M401 28.8c17.5.2 34-.1 50.5.6 9.6.4 19.2 2.3 28.7 3.8 3.4.6 6.2 2.3 7.5 6.1 8.7 25.6 12.5 51.2 1.5 77.2-5.7 13.7-14.6 21-30.8 21.2-26.3.3-52.7 2.5-79.1 2.2-17.3-.1-24.9-5.4-29.4-21.8-3.3-12.2-10.6-23.1-10.2-36.6.3-7.3-6.8-8-12.2-8.6Q314 71.3 308 83.7c-2 4.4-1.8 9.2-1.8 13.9a56 56 0 0 1-15.8 36.6c-10.8 12.7-25.9 8.5-39.6 7.5-22.8-1.6-45.6-4.5-68.4-6.4-12.7-1-23-7.7-23-20.4-.3-27.4-15.2-38.4-39.6-45.7-26.6-8-51.9-20.6-77.8-31-9.7-4-21-5.1-27.4-17.2 12.3-2.3 23.3 2 33.4 7a702 702 0 0 0 97 37.1c5.3 1.7 8.3-.4 10.4-4.5 2-4.2 3.2-8.8 5.3-12.9 9.5-18 24.6-24.3 47.4-21.2 22.2 3 44.4 6.4 67 7.4 25 1.2 30 7 32.3 28.6 10.5-.8 21-5 32-1.6 3.4 1 5.3-4 6.4-7 8-22.1 26.6-25 46.4-25.3 2.6 0 5.1 0 8.8.2",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M192.6 62.4c-.8-.3 1 0 0 .4-6.7 2 50.6 52.8 55.7 48.5 3-2.5-49.5-46.3-55.7-49M213 38.6c-.9-.3 1 0-.1.4-6.7 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49m175 23.9c-1-.3 1 0-.2.4-6.6 2 50.7 52.8 55.8 48.5 3-2.5-49.5-46.3-55.7-49m20.4-23.7c-.9-.3 1 0-.1.4-6.6 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M401 28.8c17.5.2 34-.1 50.5.6 9.6.4 19.2 2.3 28.7 3.8 3.4.6 6.2 2.3 7.5 6.1 8.7 25.6 12.5 51.2 1.5 77.2-5.7 13.7-14.6 21-30.8 21.2-26.3.3-52.7 2.5-79.1 2.2-17.3-.1-24.9-5.4-29.4-21.8-3.3-12.2-10.6-23.1-10.2-36.6.3-7.3-6.8-8-12.2-8.6Q314 71.3 308 83.7c-2 4.4-1.8 9.2-1.8 13.9a56 56 0 0 1-15.8 36.6c-10.8 12.7-25.9 8.5-39.6 7.5-22.8-1.6-45.6-4.5-68.4-6.4-12.7-1-23-7.7-23-20.4-.3-27.4-15.2-38.4-39.6-45.7-26.6-8-51.9-20.6-77.8-31-9.7-4-21-5.1-27.4-17.2 12.3-2.3 23.3 2 33.4 7a702 702 0 0 0 97 37.1c5.3 1.7 8.3-.4 10.4-4.5 2-4.2 3.2-8.8 5.3-12.9 9.5-18 24.6-24.3 47.4-21.2 22.2 3 44.4 6.4 67 7.4 25 1.2 30 7 32.3 28.6 10.5-.8 21-5 32-1.6 3.4 1 5.3-4 6.4-7 8-22.1 26.6-25 46.4-25.3 2.6 0 5.1 0 8.8.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M450 33.7c4.6 1 9.1 1 13.5 1 4.8 0 9.4 0 14 1.2 13 3.5 17.8 12.3 20.8 24.2 5 20.2 6.2 40 .1 60.3-3.4 11.5-7 18.4-22 18.3q-41.3 0-82.7 1.3C359 141 351 126.6 346 93.9c-2.3-15.6-7.1-21.7-21.3-21.3-11.5.4-18.6 8.3-18.4 22.8a59 59 0 0 1-15.2 38.3c-9 11.3-21.6 10-33.7 8.7l-7-.7q-19.2-1.4-38.5-3.5l-29.9-2.9c-12.5-1-21.8-8-23-20.6-.4-4.6-1.6-9-2.7-13.3q-1.6-5.7-2.6-11.6c-.7-5.4-3.3-8.5-8-10.3l-115-44.6a49 49 0 0 1-16.2-12.3l-1.3-1.3A53 53 0 0 1 47.9 28c31.3 15.2 64 26.6 97 37.1 7 2.2 9.4-2 11.7-6.7l2.3-5.7q1.3-3.8 3-7.2c10.4-17.4 24-22 47.3-18.8l14.4 2c15.7 2.5 31.5 4.9 47.6 5 24.3 0 30.2 4.6 37.5 28.3l2.7-.4c10.4-1.9 21-3.8 31.7 1.3 4.7 2.2 6.2-2.5 7.3-6.4 5.1-18.5 11-23 29.3-23zm-260.5 2.5c-5.7 0-10.8.7-14 6.5a86 86 0 0 0-7 72.5c1.5 4.2 3.5 7.5 8.8 7.9q45.7 3.6 91.4 7.7c6.5.6 10.8-2 15.3-6.9 11-11.7 11.6-26.2 12-40.3l.4-6.7c1.5-26.3-.8-28.1-29.1-32.6-17.9-2.9-36-4.4-54.7-6zm171.7 78c-3.9-9.3-7.8-18.8-6-29.4q1.7-6.5 2.8-12.6a66 66 0 0 1 6.5-20.8c3.3-5.8 7.5-8.3 14.3-8.5 31.5-.9 62.8 1.6 94.2 4.3q9.9.8 12.2 9.3c5.5 20.6 9.7 41.3 2.1 62.6-2.1 6-4.6 9.2-11.4 9.2l-8.8-.1c-30.2-.3-60.3-.6-90.5 1.2-7.7.5-11.9-6.5-14.4-12.7z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M265.7 17a80 80 0 0 1 35.1 44.7c15.8-3 30.7-5.8 46.4 2.2A98 98 0 0 1 367 29.2C382.5 13 417.7.8 443.2 9.4c26.2 8.8 44.9 26.2 52.7 51.2a76 76 0 0 1-11.3 67.8c-35.8 51-110.3 37.5-132.4-14q-5.4-12.4-6.3-25.8c-.6-10.5-5.3-15.8-15-17.3-11.9-1.8-21.2 1.8-25.4 13.9-3.3 9.1-3.2 19-7.4 28.2-13.3 29-37.9 47.4-71.8 47.1-28.5-.2-61.4-18-69-48.8-8.4-34-35.5-41.3-62.4-50.6l-68.2-24c-4.7-1.7-7.3-5.4-5.5-10 2.2-5.7 6.8-3.4 10.8-2 34 12.6 68.4 24.8 102.4 37.6 11.8 4.4 18.4-3.2 22.6-10.7 23.3-42.4 58.4-55.5 103-37.2 1.7.6 3.3 1.2 5.7 2.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M192.6 62.4c-.8-.3 1 0 0 .4-6.7 2 50.6 52.8 55.7 48.5 3-2.5-49.5-46.3-55.7-49M213 38.6c-.9-.3 1 0-.1.4-6.7 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49m175 23.9c-1-.3 1 0-.2.4-6.6 2 50.7 52.8 55.8 48.5 3-2.5-49.5-46.3-55.7-49m20.4-23.7c-.9-.3 1 0-.1.4-6.6 2 50.7 52.8 55.7 48.5 3-2.5-49.5-46.3-55.6-49",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M265.7 17a80 80 0 0 1 35.1 44.7c15.8-3 30.7-5.8 46.4 2.2A98 98 0 0 1 367 29.2C382.5 13 417.7.8 443.2 9.4c26.2 8.8 44.9 26.2 52.7 51.2a76 76 0 0 1-11.3 67.8c-35.8 51-110.3 37.5-132.4-14q-5.4-12.4-6.3-25.8c-.6-10.5-5.3-15.8-15-17.3-11.9-1.8-21.2 1.8-25.4 13.9-3.3 9.1-3.2 19-7.4 28.2-13.3 29-37.9 47.4-71.8 47.1-28.5-.2-61.4-18-69-48.8-8.4-34-35.5-41.3-62.4-50.6l-68.2-24c-4.7-1.7-7.3-5.4-5.5-10 2.2-5.7 6.8-3.4 10.8-2 34 12.6 68.4 24.8 102.4 37.6 11.8 4.4 18.4-3.2 22.6-10.7 23.3-42.4 58.4-55.5 103-37.2 1.7.6 3.3 1.2 5.7 2.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M371.8 24c48-35 106.4-15.6 124.2 37 11.5 33.6-3 78.2-44 93-41.7 15.1-78 1.6-98.3-36.3a73 73 0 0 1-7.6-28c-1-11.5-5.7-17.1-16.7-18.6q-18.6-2.3-24.5 15.4-1.8 5.8-2.8 11.7a70 70 0 0 1-3.5 14c-21.2 53.8-89.3 64.8-129 22.7a82 82 0 0 1-16.8-32.6 44 44 0 0 0-30.5-30.9c-19.7-6.6-39.3-13.9-59-21Q46.9 44 30.2 38.1c-5.7-2-11.7-4.4-8.7-11.3 2.2-5 6-3.4 9.7-1.8q1.7.8 3.4 1.3c17.2 5 33.7 11.5 50.3 18s33 13.1 50.2 18a18 18 0 0 0 22.5-11.1 69 69 0 0 1 63-44.6c34.6-2 62.7 12.9 77 47.2l3.2 6 1.6 3a57 57 0 0 1 45.6.6 82 82 0 0 1 24-39.5M248.5 143.3c24.3-10 40-27.5 43-53.8 5.6-49.4-42-83.2-89.2-65.2a63.4 63.4 0 0 0-27.7 95.1c18.4 25.1 42.8 31.3 74 24M433.3 19c19.5 1.6 33.6 15.1 44.7 31 14.2 23.7 11.3 55.3-11 79-14.8 15.7-48 23.3-70.3 13a62 62 0 0 1-37.6-65.7c6-45.2 40-60.2 74.2-57.3",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "hair": {
+      "width": 1059,
+      "height": 977.3,
+      "variants": {
+        "hat": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M319.4 433c-5.2-33.5 7.2-101.6 19.9-129C352 276.8 387 214.6 411 198.6s77.8-40 96-50.3 60.4-19.7 89-18.5a312 312 0 0 1 95.3 19.8c30.3 12 73.4 32.5 95.2 57.3 21.9 24.7 25.4 22.7 43.8 52.8s21.2 48.8 28.4 59.8c7.3 11 31.8 25.5 51.4 50.6 19.7 25 28.5 28.9 34.7 51.8 6.3 23 7.3 29 2.5 37.3s-14.9 21.3-27.1 21.3-28 2-46-11.7c-18-13.8-34.5-17.2-47.7-33.9s-26.7-14.6-42.2-30c-15.5-15.6-27.7-12-56.4-21.4-28.8-9.4-36 9.6-63.2-3.4-27.1-13-32.6-1.6-51.8 10.5s-38 24.7-58.5 31.8c-20.5 7-67.3 20.9-87 18.4-19.6-2.5-44.3-13-65.6 1.2-21.4 14.2-28.9 18.8-37.2 21.8-8.4 2.9-7.6 2.2-15.5-5-7.9-7-6.1-7.5-13.7-10-7.5-2.6-16-15.7-16-15.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m353.3 491.4-2.7-7.4a64 64 0 0 0-5.7-13.4c-6.9-11-2.4-17 7.1-22.5q8.6-5.2 16.8-11.2l3.3-2.3c19.6-13.8 39.7-17 62.2-6 21.3 10.6 43.7 7.2 66.2 2.4 47.7-10.2 90.2-31.4 131.2-57.1a297 297 0 0 1 86.3-37c32.8-8 66.5-6.5 99.5 4 23.3 7.5 46.2 15.5 65.1 31 23.2 19.2 45.4 39.7 54.9 69.8l.5 1.6c1.5 4.4 3.4 9.8-2.8 11.5-4.5 1.2-5.7-2.7-6.9-6.4q-.5-1.8-1.1-3.2a166 166 0 0 0-77-79 196 196 0 0 0-123.9-18.7c-12.5 2-24 7-36.1 12.3q-11 5-23.3 9.2c6.3 3.4 11.5 3.9 16.5 4.4l2 .2c47.8 5 93.8 15.8 133.5 45a215 215 0 0 1 17.8 15.1q7.6 7.2 15.8 13.7l1.5 1.2c15 11.5 30 23 49.4 26.7 28.4 5.3 47.2-13.9 39.8-41.6-8.3-30.9-29.7-53.1-52-74a259 259 0 0 0-89.5-54.4c-41.9-15.3-85-17.5-128.3-13.6-43.2 4-86 12.4-126.6 28.2a794 794 0 0 0-60.2 27.4l-8 4c-39.8 19.3-74.3 46.5-108.8 73.6l-16.3 12.8q-3 2.7-5.3 6.4c-2.9 4.3-5.8 8.8-12.6 9.4-1.7-11 5.8-17.7 12-23.2l1.5-1.3a561 561 0 0 1 72.8-57.5c7-4.4 9-10 9.6-18a371 371 0 0 1 37.9-140.2l7-14.5a256 256 0 0 1 23.4-42.9c-58.2 21.7-101.9 60-134 113.2-32.3 53.4-40.2 111.8-37.5 174.8-8.8-5-9.2-10.7-9.6-16.6a285 285 0 0 1 19.6-130 270 270 0 0 1 77-106c26.4-21.7 55-39.5 88-49.4 6.3-1.9 8.4-6.7 10.6-12l.5-1c6-14 9.5-14.8 20.5-4.9 5.5 5 10.7 6.4 18.5 5 32.1-6.1 64.1-4.7 96.3 1.6 71 14.1 127.8 51.1 172 107.4a223 223 0 0 1 39.2 75.2c2.7 9 8.4 17 16.2 22.3 29.9 21.3 54 47.6 70.1 80.9 7.3 15 10 31.5 1.9 45.2a42.4 42.4 0 0 1-47.2 22c-18-3.2-32.8-10.7-46.6-21.6l-14.7-12c-20.3-16.6-40.6-33.3-65.5-43.6a300 300 0 0 0-125.6-23c-13.6.5-25.1 7.9-36.4 15.1l-8.2 5.2c-40.5 24.2-85.4 34.8-131.1 42.8a64 64 0 0 1-29.1-2.6c-7.5-2.3-11.1.7-14 7-10.2 22-18 44.7-18.3 69.6 0 7.5-.8 15-1.5 22.6l-1 11.7q-.7 9.3-9.7 9.7l-4.5.2c-6.1.2-12.4.5-19-1.5-3.2-15-8.5-29.4-13.9-44q-5-13.7-9.5-27.8M676 160a274 274 0 0 0-107.7-22.3c-34.8-1-58.8 17.8-72.8 48.1l-7.9 16.8a523 523 0 0 0-32.1 79.2c-6.5 23-10 46-13.7 71.8l-.6 4.6c110.7-63.6 226-93.4 351.7-69.7-11.2-31.4-32.2-54-52.8-76.3l-1.7-1.9A226 226 0 0 0 676 160m30.9 3.7a144 144 0 0 1 45.8 24.7c46 32.5 76.4 74.6 96.3 125a184 184 0 0 1-29.3-12.8l-8.7-4.4c-4.6-2.2-7.4-8.6-10-14.5l-2-4.3a318 318 0 0 0-89.7-109.1 6 6 0 0 1-2.4-4.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M231.7 269.7c33.2-22.3 65-45 88.9-76.5C335 174 347 152.5 363.4 135c32.6-35.8 69.4-67 113.8-88.3 40-19.2 82-25.4 125.4-29.8q49-4.8 97.7 3.7c32.9 5.6 56.5 19 58.8 60.4.5 9.9 4.2 14 14 13.2 29-2.5 55.5 7.2 81 19.2 27 12.7 45.7 40.7 24.8 78.7a273 273 0 0 1 53.3 30.6c25.8 18.7 38.6 57 25.4 84.7-9.6 20-29.7 26.8-50 31.9-18 4.5-36.2 2.5-54.9-1-5.6 13.1-9 26.9-23.3 33.7a97 97 0 0 1-58 9.3c-26.4-4-50.6-15.2-69.3-32.6-22-20.7-45.6-20.9-72-16.5-15.6 2.6-31.5.7-46.6-3-24.3-5.8-48-13.8-72-21.1-17-5.3-30 .3-37.5 16.3-11.7 24.8-11.6 52.2-15.8 78.3a149 149 0 0 1-33.7 76.6c-16.3 18.8-20.6 41.2-23.6 64.5-.9 6.6.5 14.4-7.5 17.4-8.3 3.1-12.1-4.1-16.8-8.8-11.5-11.7-14.7-27.4-20-42.1a140 140 0 0 0-24-43.1c-12.7-15.3-25.5-14-39.4-.4a52 52 0 0 0-15.7 35.8c0 4-2.3 7.6-5.8 9.5-11.5-17.7-24.5-34.5-34-53.2-10.3-20.4-23.5-39-33.1-60-20.5-44.2-13.5-97.5 27-129.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m765.1 221-.5-.7c-32.5-40.3-71.6-67.2-123.5-75a296 296 0 0 0-183.2 28 247 247 0 0 0-92.3 78.2l-.4.5c-10.1 14.4-20 28.4-40.2 30.4-10.5 1-19 8-27.4 14.6l-1.3 1a182 182 0 0 0-56.2 79q-11.4 29.8-19.6 60.4-4.8 18.3-8.7 36.8a601 601 0 0 1-13.1 52c-11 34.6-23.7 68.6-36.5 102.6l-7.9 21c-5.6 15-11.2 30.2-19.7 43.5-14.3 22.7-28 45.3-35.8 71.3-6.4 21.2-2 38.8 16.4 51.8a530 530 0 0 0 80.2 46.5 558 558 0 0 0 114 39.2c29 6.6 59.4 9.8 86.3-4.2 14.4-7.5 28.7-9.6 43.4-11.8l3.5-.5a19 19 0 0 0 16.4-13.8 283 283 0 0 0 16-105.1 261 261 0 0 0-3.6-29q-2.1-12.6-3.3-25.4c-3.7-46.5-21.4-88.7-40.8-130-13.6-29.4-25.4-58.2-21.2-91.6 3.2-26.3 24.9-53.9 44-58q13.5-3 27.1-5.7 27.6-5.6 55-12c43.3-10.2 82.2-29 117.7-55.4q4.3-3.4 8.2-7.3c4.2-4.2 8.4-8.3 13.8-10.7l1.4 1q.9.7 1.2 1.3c20.3 42 51.2 74.4 90.2 99.4q19.3 12.2 38.2 25c13.7 9.2 23 20.2 21.9 38.8a502 502 0 0 0-.3 36.4c.3 13.4.5 26.9-.5 40.3-.7 10.6.6 21 2 31.3 1.8 14.9 3.7 29.8-.4 45.5q-2.2 8.4-4.1 16.8c-3.5 14.7-7 29.4-13 43.8a164 164 0 0 1-54.4 69.7l-4.8 3.5c-13.8 10.4-28 21-45 27l-.5.2C699 823 693.3 825 695 833c8.8 2.4 16.6-.4 24-4.7q5-2.9 10.1-5l16-6.7c17.4-7.2 35-14.4 51.2-23.7a394 394 0 0 0 58.5-39.8c33.6-28.2 63.4-58.3 73.3-103.5 6.7-30 .7-55.4-21.3-77l-2-1.6c-1.9-1.6-3.8-3.2-4-5.8 25.3-44.4 41-90.9 33.2-142.5-6.8-46.2-25.6-86.9-59.9-119.4a210 210 0 0 0-82.7-46.4c-5-1.6-8-4-9.8-8.8a98 98 0 0 0-16.5-27.2M379.3 572.5q.1 1.3.5 2.5c2.7 15.4 4.8 28.8 7.2 44.2v.2c-11.4-7.4-15 .4-18.9 8.4l-.1.3a66 66 0 0 1-14.6 20.4c-16.9 15.7-45.2 3.5-57-22.4a221 221 0 0 1-22.4-89.5l-.1-4.8c-.3-18.8-.6-38.5 13-54.9q10-12 24.5-17.9c10.5-4.2 20.5-3.5 28 7.7 21.5 32.2 37.2 66.5 39.9 105.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M487.2 263.2c27.1-13.4 48.2-33.3 69-53.2 20.2-19.1 37.6-41.3 61.5-56.2 28.8-18 61.3-29.3 95.1-33 16.6-2 33-1.2 49.6-.6 46.6 1.5 93.1 48.7 88.6 96.8-1 11.3-.4 22.8-5 35.3 10.5-1.8 20-2.3 28.6-5.2 26.2-8.8 53.4-7.5 79.9-5.3a88 88 0 0 1 62.2 36.4c20 26.4 32.3 55.1 18.4 89a97 97 0 0 1-41.6 49.6c-12.5 7-20.5 14-22.4 29.6-5.2 41.5-50.2 69.6-90.6 57.2a87 87 0 0 0-35-4.5 104 104 0 0 1-73.3-20.6c-22.7-16.7-47-22.7-73.2-24.8-29.9-2.4-58-13-87.5-16.8-27.4-3.6-54.2-10.4-81.5-14-16.2-2.3-29 7.6-40.6 17.9a225 225 0 0 0-66.2 108q-9.2 30.6-37.2 46.7c-6.9 4-10.6.8-10.1-5.3 1.7-23.2-5.8-44.7-10.8-66.6a123 123 0 0 0-26.3-55.8c-12.9-14.5-31.5-18.2-42.9 6.3-15.8 34-16.2 69.6-11.9 106 2.4 20.3 7.5 39.1 19 56a70 70 0 0 0 21.5 19.5c11 6.8 30.4-2.4 38.8-17.8 2.5-4.7 3.3-11 11-11.5a4788 4788 0 0 0 35.2 206.6c.5 2.6-1.3 5-5.3 5.8-6.4-4.4-7.2-12.8-9.3-19.4a44 44 0 0 0-12.4-18.8c-26.7-26.1-58.4-46.4-85-72.7-32-31.7-47.2-69.7-43-115 3.6-37.7 6.7-75.4 6.8-113.3.3-49 11-95.3 40.4-135.6 27-37 61.4-62.5 108.1-69.6 19.8-3 37.8-12.5 56-20.6 7-3 13.8-6.6 21.4-10.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M312.3 262.6a421 421 0 0 1 63.7-72.3 299 299 0 0 1 129-69c32.9-7.8 67-9.5 101.3-3.3 47 8.5 89.1 26 125.2 57.6 6.7 5.8 14.1 8 23.2 8.5 22.8 1.4 43.7 10.6 64.1 19.7a302 302 0 0 1 72.6 43.8c14.6 12.3 28 25.2 34 44.5 7.6 24-1 38.8-26.3 42.2-3.4.4-6.8.4-9.9 4.2 6.5 18.6 17.3 36.2 19.8 56.7 6.8 56.1-9 100.5-63.8 124-5.5 2.4-11 5.5-16.7.6s-1-9 .6-13.7c.7-2.2 1-5.4 0-7.3-6.5-12.2-6.6-25.4-7.3-38.6-.4-9.2-4-14.8-13-20.7-44.8-29.1-81.6-66.3-103.6-116-2.2-5-3.2-10.3-5.2-16.7-10.3 11-14.5 24.2-22.1 35.2-17.5 25.4-36.7 49-64 64.8-18.3 10.6-35.4 11.3-50.8-6.6-10.2 10-19.6 19.6-29.4 28.8a123 123 0 0 1-44 27.4c-8.1 2.9-16.7 5.3-24.7.6-6.5-4-10.5-.6-14.5 3-20.2 18.4-43 28.6-71.8 23.4-8.3 23 5 45.7 2.1 67.8-6.7 1.4-7.8-1.9-8.5-5.4q-4.2-20-8-40a73 73 0 0 0-30.7-45c-16.1-11.9-39-1-48.8 19.9-15.7 33.7-14.2 68.5-5.7 103.5 4.5 18.6 12 36 21.2 52.9 5.6 10.2 15 15 23.4 21 6.2 4.5 22.6-3.6 30.5-13.8 2-2.7 3.5-6 6-8.3 9.4-9.5 16.3-7.9 19.4 5.2 5.9 25.2 9 51 11.9 76.7 2.7 24 2.9 48.3 11.4 71.5s.7 41.2-22 50.5c-18.5 7.5-60.3 7.3-75-13.2-8.3-11.5-19-14-30.8-17a70 70 0 0 1-52.2-47.4c-2.4-6.8-3.7-13.6.7-19.6 31.9-43.4 22.3-87.5 1.6-131.2-7-14.6-11-30.4-11.7-46.5A365 365 0 0 1 234 427.3c17.7-51.7 42.2-99.9 67.4-148 3-5.5 6.8-10.6 10.9-16.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M268.8 260.9c22.7-44 55.7-78 93.1-107.8 36.3-29 78.8-49.4 124.2-59.5a359 359 0 0 1 144.3-3.9A342 342 0 0 1 783.6 157c30 23.7 57.2 51.4 75.3 86.1 3.7 7 6.8 15.2 7.3 23 1.6 25.3 16.6 46.4 20.2 71.2 4.7 31.7-25 56-51.3 49.6-9.7-2.3-13.8.5-17.6 9a31.7 31.7 0 0 1-42.3 14.5c-12.3-6.4-23.6-13.5-38.8-13.3-9.7.2-18.2-7-25.2-15-5.5-6.3-12.3-11.4-19.6-18-15.2 13-29.6 4.7-39.7-6.8-28.2-32-62.6-32.8-101.2-28.2-36.4 4.3-60.2 23.9-82 50.3-16.8 20.4-56.9 24-66 21-19-6-16.4-2.8-10.5-.5 16.9 6.8 23.9 36 23.5 51.1a99 99 0 0 1-9 42c-4 8-2.8 16.7-2.6 25.2a91 91 0 0 1-16.6 53.8c-3.4 5.1-7 9-13.3 7.3-6.8-1.8-7.3-8.5-7.1-13.5.7-16-3.8-30.5-10.8-44.2-7-13.9-14.5-27.5-29.4-35.3-17-8.9-28.5 1.1-40.3 10s-15.3 8-21.9-5.4c-20-40.4-20-83.7-18.6-127.3.2-6 4.3-8.8 7.4-11.4-11.6-33.4 4-61.6 15.3-91.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M289.9 336.3c15.7-46 43.6-81.7 80.1-112A354 354 0 0 1 479 163a468 468 0 0 1 120.3-25.4 491 491 0 0 1 114.4 4c29.4 4.8 61.2 23 67 61.4 1 6 112.3-13.1 144.9 39.4a78 78 0 0 1 9 45.6c-3.9 37.2-42.5 57.8-68 69.3-55 24.7-97.5 4.7-127 13.8a423 423 0 0 1-123.7 20.7 264 264 0 0 1-133.3-35.6q-5.6-3-11-5.5c-5 2.8-5.4 7.6-5.3 11.5.2 34.7-14.2 63.7-34.8 90.5a119 119 0 0 0-20.1 48.9c-3 14-5.3 28.5-11.5 41.6-2.7 5.8-6.3 13.3-15 11-8-2.1-8.2-10.1-7.8-15.9 1.2-19.7-8.4-35.2-17.8-50.9-17-28.4-46.1-33.4-67.6-4.2-3.9 5.4-6.8 12.5-18 9.7-3.9-52.3-3.8-104.8 16.2-156.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M487.3 359c4 2.3 10 3.7 6.7 9-3 4.8-10.5.4-13.3-1.5C475 363 465 358 450.2 349c-4.5-2.7-16.8 5 27.1 27.1 4.1 2.1 19.1 18.1-11.7 7-31-11-39-15.9-41.3-12.7-5.8 8.2 2.2 13.4 28.8 34 4 3 8.5 5.6 12.7 8.4 3.4 2.3 6.5 5.4 3.6 9.4-3.1 4.5-6.8 1.1-10-.8-33-19.3-43-23.2-49.2-24.2-4.4-.6-45.5-7.4 30.4 37 5.6 3.2 14.6 5 10.8 16.1-16.8-2.7-30.8-11.5-45.1-19.3-9.3-5-17.8-11.5-26.7-17.2-3.3-2.1 6 3.6 1.2 8.3-3.5 3.5 6.4 13.6 15.6 19.3 11.5 7 23.7 13.2 35.6 19.8 3.8 2 8.7 4.3 6.7 9.3-2.4 6-7.3 2.4-10.8.6q-21.1-10.6-41.3-22.3c-7.7-4.5-1.6 34.9 37.3 41.2a6 6 0 0 1 4.6 6.8c-.9 4.3-4.7 4.5-8.2 3.5-5.7-1.6-11.5-2.9-16.6-6.3-8.6-5.8-14.3-2.3-18 6.5-4.4 10.8-2.7 21.7-.7 32.6 1 5.4 2.8 10.7-.9 15.6-3.9 1-5-1.8-5.7-4-10.3-33.1-32.2-58-55.8-82-17.4-18-18.4-40.8-18.4-64.3 0-22.3 8.3-42.5 13.4-63.4 6.8-27.9 15.5-55 16.3-84.4a76 76 0 0 1 22.6-51.5c33.7-34.4 70.1-65.8 115.3-83.8 33-13.2 67.5-22.3 103.7-23.8 44-1.9 86.4 4.4 126.2 22.4 25.4 11.5 48.7 27.1 65 51 10.6 15.4 28.4 21 43.6 29.7C851.8 218 889 246.4 915 287c17.3 27.2 21.4 56.2 6.8 85.6-11.6 23.2-34.2 27.1-57.4 28.4-50.3 3-96.6-10-139-36.6-14.9-9.2-29.3-3.2-44.1-2.6-34.4 1.3-69.2 7.3-103.1.4-93.3-19.2-100.8-9-91-3.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M853.5 450c-23.5-8.4-18.4-30.2-55.7-80.8-37.2-50.5-99.5-83.5-144.9-95.4s-71.6-16-104.6.5S448.3 334 426.7 375s-38.6 57.4-44.3 87.6c-5.7 30-.7 48.2-18.8 30-18-18-33.5-17-26.1-56.2s91.5-225 270.5-225c105.6 0 207.5 86.3 228 131.2 20.4 45 17.5 107.4 17.5 107.4",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M887.2 948.4h8q7.8 0 15.1.8c8.2.8 16 1.5 24-.6q2.1-.4 4.6-.3c3.7 0 7.4 0 8.3-4.8 1.2-6-3.5-9.5-8.1-13h-.2c-39.6-29.8-34.5-74-5.6-103.3 15.6-15.7 32.2-32.7 36.8-54.3 10-46.7 3.8-92.1-23.3-133a449 449 0 0 1-39.1-77.2c-10.5-25.3-11.3-52.1-12.1-79-.4-13.1-.8-26.3-2.3-39.4-3.2-26.2-6.4-52.6-16.4-76.9a314 314 0 0 0-44.5-75.7c-28.8-36.3-60.8-68.6-103.4-88.1l-5.1-2.3c-21-9.7-42.1-19.4-66-20.4l-2.4-.1q-14.1-.5-28.2-1.7a262 262 0 0 0-109 13.7 325 325 0 0 0-103.4 56 282 282 0 0 0-80 100.7q-6.5 14.1-12.4 28.6a321 321 0 0 1-28.4 57.5 330 330 0 0 1-15 20c-8.3 10.5-16.5 21-22.5 32.6l-4.4 8.6c-16.7 32.7-33.3 65.2-37 103.7-5.4 54.5 8.2 101.1 46 139.8 23.7 24 35.2 77.6 22 103-8.4 16.1-16.7 31.8-32.2 43.2q-3.7 2.7-7.5 5.2c-8.4 5.9-17 11.8-23.1 20.3 3.3 4 6.6 5.4 10.7 5.6l35 2 59.2 3q17.7.6 35.5.4c16.7 0 33.4-.1 50 1.4a134 134 0 0 0 43.3-.9q10.7-2.3 11.8-11.6c2.3-21.8 3-43.4-15.1-60.4a114 114 0 0 1-14.8-17.6c-9.5-13.3-14-27.3-7.9-44.2l4.4-11.2c4.3-10.7 8.6-21.4 9.8-33.5 3.3-33.2-3.5-61.4-31.6-82.3l-7.8-5.5c-12.6-8.7-25-17.3-29.4-33.7-5.5 2.7-6.6 6.6-7.5 10.2a38 38 0 0 1-32.3 30.4c-15.8 2.4-28.9-10.5-36.9-21-14.6-19-21.3-43-22-67.7-.6-25 4.7-49 11.6-72.7a59 59 0 0 1 23.2-34.3c5.9-3.8 11.6-5.4 17.9-1.7 27.4 16 44.6 38.8 48 71v2.5c0 2.9-.2 5.8 3.8 7l.3-.5c4.2-6 4.3-6.3 4.5-14.5q1.5-61.4 42-108a459 459 0 0 1 43.9-42.5q9.5-8.3 19-17 9-8.3 17.3-15.3c18.2-15.6 33.8-29 45.8-53.7 1.6-3.2 7.4-15 13.4-15.1 2.5 2 1.6 6.2.7 9.8q-.5 2.1-.7 3.8c-2 25 19.6 51.5 42 63 27 13.8 55.3 18.2 85 17.8 25.5-.3 41 11.2 49.7 34.5a59 59 0 0 0 38 38.2l1.7.6c11.8 4 25.7 8.6 29.8 21.2l1.4 4.2c3.8 11.3 7.6 23 7.9 35.3l1.4 69.2 1 46.7q2.4 106.9-77.2 178.3a29 29 0 0 1-5.6 3.5c-5 2.7-10 5.4-8.5 12.3 1.4 6.3 6.1 6.3 11 6.3 3.1 0 6.3 0 8.7 1.6.5 4-1.2 7.3-3 10.6l-1.6 3.6c-21 50.3 8.6 87.4 53.3 99.5 28.3 7.7 57.1 7.7 86.7 7.8M701.7 267.7c-78.4-30.5-151.5-14.2-220 31.1a298 298 0 0 0-64 62.1 258 258 0 0 0-41.7 82.4l-4 12.3a94 94 0 0 0-7.2 30c-13.4-8.5-16.9-18.7-13.5-34.2C367 380 399.8 319.2 459.5 276a252 252 0 0 1 101.2-42c182-35.5 297 108.4 279.5 203.6-16.6-81-61-139.9-138.5-170",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M696.2 310.6c-52.9-46.6-113 23.7-161.2 49.6a260 260 0 0 1-92.5 27.2c-10.3 1.2-21.4-2.5-33.4-4 5.7 12.2-.6 22.3-4.3 32.3a384 384 0 0 0-21.2 102.7c-.8 10-.8 29.5-10.2 31.3-8.5-11.5-10.5-23.4-14-34.7a88 88 0 0 0-33.9-45c-7.8-5.7-16.9-9.5-26.2-2a14 14 0 0 1-9-9.5c-7.7-25.9-14.2-51.6-7.5-78.8 6.6-26.7 12-53.7 22.8-79.4 5.3-12.6 15-22.4 24.6-32.4 2.7-2.9 6.4-5.3 5.8-9.5a110 110 0 0 1 5.9-43.5 108 108 0 0 1 35-51.5 211 211 0 0 1 55.7-33.1c6.8-3 10.3-7 11.5-13.6 10.6-55.4 80.7-79.5 128.6-62l1.2.4c11.8 3.3 45.6 5.8 58 3 25.8-6 49 2.7 72 9.7a150 150 0 0 1 58.1 33.7q5.4 4.9 12.6 4.2a70 70 0 0 1 55 18.1 16 16 0 0 0 11.2 4.5c36.3 0 58.6 16.6 69.3 46.4 1.5 4.5 4.9 7 9.4 8.6 28.6 9.8 41 30.4 46.4 55.1 1.2 5.6 4 8.8 8.8 11.4 13 7.2 21 17.2 22.2 30.9.4 4.3.8 8 6 10.2 16.8 7.2 20.2 20.8 19.3 35.1-.6 8.8-.6 18.2-7.4 25.8-4.3 4.8-.5 7.6 4 9.7a71 71 0 0 1 17.5 13c13.4 12.5 18 27.4 11.3 43.6-2.8 6.7-1.1 11.5 2.7 16.6 9.4 12.2 12.4 25.7 3 38.1-10.5 13.8-10.2 29.8-14.5 44.7-4.6 15.8-32.2 29.7-48.6 21.1-8-4.1-12.4-3-18.4 4.2-11.2 13.4-38 14.6-56 5a91 91 0 0 1-32-29.7c-2.2-3-3.3-5.6-8.6-5a55 55 0 0 1-56-28.1c-5.4-9-9.2-13.4-22.5-12-23.4 2.6-51.7-23.9-52.6-46.8q-.6-15.2-.1-30.5c.2-8.8-4.3-15.8-12.2-20a50 50 0 0 1-27.4-34.8c-2.2-9.9-6-19.5-8.2-30.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M285.9 346.6a627 627 0 0 1 50.8-83c14.5-19.4 28.8-39 47.6-54.5 24-19.9 50-35.2 80.2-44.6 25.8-8 51.2-6.9 77-5 7.7.6 11.5-2 11.8-9.5s-.3-15.4.3-23c1.6-22.8 20-31.6 39-19.2a125 125 0 0 1 36.9 36.2c1.8 2.9 4 5.6 8.7 6.2 5.4-5.7 8.5-14 15.7-18.7 6-3.9 12.2-9.2 19.9-5 6.9 3.7 10 10.2 9.4 18.2v5.1c.1 13.4 0 23.1 18.4 29 26.3 8.4 49.2 26 70.6 44.5 40 34.8 62.7 80 73.3 130a488 488 0 0 1 12 107.6c-1 68 4.6 136 16.7 203 6.4 34.9 15 68.8 27.3 101.7q5.8 15.5 14.1 29.8c13 22.2 2.6 32.2-17.2 38.8-5 1.8-10.8 1.6-17.4 2.5 5.1 11.6-.8 15.3-11.5 17.2-43 7.7-30 7.8-71.5-4 6 11.6 0 15.8-10.1 17.3-26.6 4-52.5 4.8-75.3-13.2a50 50 0 0 1-12.8-17.2c-4.3-8.2-2.4-14 6.2-18.6 34.4-18.4 57-48 74.3-81.7 15-28.8 25.6-59 30.1-91.4 1.7-11.7-.3-22.8-.4-34.2-.5-40-3-80.1 1.2-120 2-19.4 6.8-38.5 6-58.3-.6-18-6.5-27.4-23.5-31.4-27.7-6.6-54.7-14.5-79.1-29.8-6.6-4.1-15.6-3.2-22.6-.5-35.4 13.7-67.6 1-99.4-12.3-16.1-6.7-20.1-7.4-28.5 6.8-19.1 32.8-50.5 51.8-79.6 73.7-24.4 18.4-54.2 27.5-77.8 47.8-21.7 18.7-29.8 40.5-24.7 67.7a108 108 0 0 0 25.7 50.5c14.8 17.2 32.3 32.3 42 53.8 16 35 24.5 71 12.6 108.3a169 169 0 0 1-41 66.7c-8.8 9-21.3 8-32.6 9.1-18.1 1.8-36.5 2.1-54.8 2.9-4.2.1-9.6.2-11.1-4.4-1.5-4.5.7-9 4.4-12.6 17.3-16.4 20.7-38.3 23.5-60.5a558 558 0 0 1-33.5 43.3c-10.7 12.4-21.4 25-36.5 32.7-28.1 14.4-56.6 12.3-85.3 2.5a108 108 0 0 1-26.3-12.7c-13-9-13.9-12.3-4.8-26-17.1-2-34-4.2-47.8-15.2-7.9-6.3-7-11.4 2.6-14.2 34.2-10.1 56.9-33.7 76.2-62.2 23-34 28-72.2 27.7-111.7 0-25.7 4.6-50.6 8.6-75.8 4.2-26.4 8.3-52.8 15-78.7 7.1-28.3 15.4-56.2 29.9-81.8 3.7-6.7 6-14 9.4-22",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M257.6 332.9c14.4-9.4 30.2-13.4 45-19.4a70 70 0 0 0 34-31.2c25.7-42 55.2-81.3 87.4-118.4a210 210 0 0 1 105.7-66.4c48-13.3 94.6-13.8 142.6.1 22.4 6.5 42.8 15 62.1 27.7 16.7 11 29.3 26 40.9 41.4 8.2 11 18.8 17 30.2 21.6a360 360 0 0 1 97 57.2c31 26 60.2 54.5 75.6 93 15.8 39.3 28 79.6 12 122.3-10 27-19.8 54-44.4 72.3-20.5 15.2-24 38.5-27.6 61.8-1.5 10-1.2 20.2-5.3 29.9-9.7 23.2-29 34.9-51.9 38.3-31.8 4.6-29.5 12.6-34.5-24.1a477 477 0 0 1-2.8-77.4c1.7-59.1 5.1-118.2-9.8-176.3-7.7-30-22-56.9-37.4-83.4q-3.3-5.5-7-11c-16.2 10.9-23.6 25.2-35.2 35.6-14.1 12.6-26.6 27.1-40.6 40-14.8 13.4-33.8 19.5-52.4 24.7C607 400.8 573.8 414 537 414c-20 0-42.9 21.6-49 45.7-9 34.7-21.7 68-50.1 92.3a92 92 0 0 1-47.7 19.5q-17.2 2.6-16-15c1.5-24-1.9-47.2-16-67-9.8-13.4-21.2-27.4-41.8-23.2-18.3 3.7-25.2 16.5-31.2 33-9.5 25.8-11 52-9.6 78.9.1 2.4-.7 4.9-1.3 8.4-18.5-1-32.8-10.7-45.6-21.1-27-22-41.6-50.3-44.8-86.3-5.9-64.6 23.9-109.6 73.7-146.3m78.7 322.9a119 119 0 0 0 37.1-33.7c7 4.4 9.2 9.7 9.8 16.4 2.6 28 2.3 56 7.5 83.8 1.3 6.6 2.3 13.4 4.3 19.8 3.6 11.6-1.1 17.8-12 20.8-18.4 5-42.6-11.2-42.6-29.3a72 72 0 0 1-38.7-2.5c-20.4-7-23-22.3-8.4-38.2-14.2-5-29.2-7.9-38.6-22-5-7.6-3-13.8 0-20.3 2.9-6.2 9.6-9.5 16.2-8 16.6 3.9 35.2-.5 49.7 12.4 4 3.5 9.7 2 15.7.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M308.3 226c21.5-29.1 49-49.1 78.1-67.7 12.4-8 24.8-15.4 39-19 10.8-2.7 13.2-9.2 9.6-18.7-5.5-14.3-3-28.2-.2-42.5 5.8-29.4 29.2-32 51-16l4.1 2.7c8.4-7.2 7.3-18.8 13.5-27 8-10.5 15.8-19.3 30.5-17.4 13 1.6 17.5 11.9 22.1 21.7a92 92 0 0 1 6.6 41.2c0 8.3-1.3 16.8 1.2 26.5 18.5-7.8 37.4-12.1 55.9-17.8 33-10 66.2-9.9 100-9 24 .6 46.9 6.5 69.8 12.1a106 106 0 0 1 45 23.7c15.2 13.6 15.3 25.7 2.7 48 2.2 5.2 7.7 6.2 12 8.4a77 77 0 0 1 37.4 45.6 40 40 0 0 1-24.7 52l-10 4c3.8 8.6 9.7 16 11 25.3 3.2 22.9-13.4 44.6-38.3 50-34.1 7.5-67.4 3.6-100.6-6.7-30.4-9.5-59.2-22-86.1-39.2-10.5-6.6-20-14.7-30.2-22.3-11.2 9-12.8 22.6-17.7 33.8-13.8 31.3-38 51.8-64.5 70.5a141 141 0 0 1-70.9 25.3c-8.4.7-11.3 7.3-14 13a96 96 0 0 1-41 45.8c-14.2 7.9-19.1 22.8-24 37.8-8.7-3.2-10.6-10.3-13-17-10-29-47.5-41-69.8-23a60 60 0 0 0-20.6 29c-16.1-.8-27.9-11.8-34.7-30.5-10.7-29.2-5.2-56 11.6-80.5 4.7-7 4.8-13.7 6.1-21.2 8.9-50 18-100.2 53.1-141",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant13": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M829.6 260a191 191 0 0 1 18.7 70.7c.7 8.5 8.4 11 11.2 17.9 10.6 25.8 1.5 49.3-6.6 73-3.5 10.5-9.9 19.9-12.2 30.9-1.2 5.6-5.2 5.7-10.6 3.5 6-19 9.6-38 4.4-57.7a178 178 0 0 0-15.9-38.7c-3.4-6.4-10.6-6.7-15.2-10.7-9.3-8-21.1-12.8-28.8-23-3.7-4.8-9-4.3-13.5-.2a182 182 0 0 1-74.6 41.5c-35.3 10-71 19.6-108.4 21-32 1.2-63.7 2.2-95.3-2.5q-7.6-1.1-10.2 5.7c-12.5 33.8-36.3 59-63 81.8a66 66 0 0 0-21.5 40.5c-2.3 12.5-5.6 24.8-6 37.7-8.7.6-8.3-4.9-8.6-10-1.8-30-29.8-63-59.4-70-9.7-2.2-24 7-30.6 20.2-2.9 5.6-4.9 11.8-12.2 14.6-10.4-13.8-9.5-30.6-12.6-45.9-6.7-33.5-1-66.8 5.4-100a308 308 0 0 1 37.2-92.8 277 277 0 0 1 82.3-92.4c23.4-16.2 47.2-31.2 74.8-39.5 18.1-5.5 33.1-17.3 49.6-26.2C525.2 100 541.8 92 561.8 94c13.3 1.4 23.3-1.7 30.8-14.9 5.5-9.5 16.2-13.5 28.8-11.7 19.7 2.8 38.8 8.5 59 9.8 30.8 2 55.8 17.9 78 38.5q36.4 33.6 47.5 82 4.6 19.3 7.4 38.7c1.4 9.7 11.2 14.6 16.3 23.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant14": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M613 309.2c-59.5-29.2-155.6-70.3-189.9-89.7-34.2-19.4-9.5-18-11.6-69-2.1-50.1-25.2-85.3-9.2-98.8C430 28.7 502.4 12 589 24.6c96.3 14 156.3 39.4 185.3 97.6 27 54.3 24.5 91.5 11.2 119.5-17 35.5-48.8 79.3-80.4 82.3s-92-14.8-92-14.8",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M405.9 170.6c-1.6 16.4-3.2 33.5-24 41.8-41 32.5-61.3 78-79.2 123.6-9.2 23.5-14.6 48.8-20 74l-2 9.1c-3.5 16.5-5.4 33-7.4 49.7q-1.8 16.8-4.4 33.5c-.6 3.2-.2 6 4.5 7 4.2-2.7 5.8-7.2 7.5-11.6q1.1-3.3 2.7-6.4c8.2-14.8 31.4-29.8 42.2-24.8 16.9 7.6 31.8 18.4 37.3 37.4q4.8 16.8 8.8 33.8l2.5 10.6.3 1.4c.5 2.5 1 4.8 4.8 5.1 3.8-2 3.9-5.4 4-9v-3.1q.5-4 .4-7.7c0-5.8.1-11.5 3.5-17.2a166 166 0 0 1 98-78 98 98 0 0 0 46.9-29.1c23.5-27 48.2-52.8 80-70.4 17.4-9.7 35.1-15.9 56-11.7h.2c16 3.3 33.5 6.9 48.4-2 19.2-11.5 34.6-6.3 50 6.1q2.2 1.7 4.4 3l4 2.7c39.3 30 66.7 65.5 55.4 119v.3c-.7 3-1.4 6.7 4 9.5a112 112 0 0 0 32-89.6c-3.7-55.2-25.3-101.4-79.2-126l.7-2.4c13.5-45.8 13.6-46.4 8-79.4-10.7-63.7-48-105-108.2-125.9a556 556 0 0 0-81.4-19.5c-33-6.2-65.6-8.1-98.8-9a172 172 0 0 0-96.6 27.2c-23.3 14.4-23 18.6-15.1 42.6 7.8 23.8 15.5 48.3 11.2 73.7q-.9 5.6-1.4 11.7M600 113.7l10 5c41.4 15.2 56.4 48.4 66.8 85.2 9.3 32.6 4 63.8-8.7 94.4-4.3 10.2-12.3 13.4-21.7 8.8-10-4.9-20.4-8.2-31-11.5-11.1-3.6-22.3-7.2-32.9-12.6q-21-10.5-42.5-19.6a1161 1161 0 0 1-57.4-26.6 1005 1005 0 0 0-57.7-26.7c-13.4-5.5-15-13.7-12.3-24.6a143 143 0 0 0 4.6-46.5c-1.8-20-4.4-39.7-12.7-58-3.9-8.5-3.4-11.5 7-11 56.8 3 113 14.2 166.5 33.5 7.6 2.8 14.8 6.5 22 10.2m169.8 8.4-2.4-4.6c-4.7-9-9.4-17.8-16.6-25.2-5.1-5.4-10-5.8-17-3.7q-8.5 2.8-16.7 6c-9 3.4-18 6.9-27.9 8.7-16.1 3-32.2 9.3-46.1 19.8 52.6 58.2 60 122.5 28.6 192.8 22.4 8 42.5 3.6 59.9-10.5 26.8-21.7 46-48 56.4-82.4 11.4-37.5-2.5-67.9-18.2-101m-99.6-75.8c17.8 4.6 35 12.6 51.3 22l13 8.8c-14.5 7-29.3 11.8-43.8 16.6q-9.4 3-18.7 6.3l-7.9 2.6a78 78 0 0 0-25.5 11.8c-5.7 4.4-11.2 1.8-16.5-.7l-1.4-.7-13.3-6.2A255 255 0 0 0 558.5 87l-17.1-4.6c-41-11-82-22-125.2-20.7q-2.8.1-6.1-.3l-4-.4a38 38 0 0 1 16-14.8c43.7-23.5 90.4-23.5 138-19.8 37.5 3 74 10.6 110.2 19.9",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant15": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M312.8 305.3c21.6-47.5 56-81 101-104.8 24.8-13 49.8-26.4 77.3-32 39.6-8.1 79-7.8 117.7 7.6 38.3 15 77.3 10 116.6 1.4 50.3-11 95.4-1.3 134 35.8 34 32.7 51.1 70.8 49.8 117.8-.7 24.8-8.4 30.5-32.2 21.1-2.1 14.7-1.6 29.6-7.4 43.5a224 224 0 0 1-22.4 44c-6.2 8.7-5.2 20.1-9.9 29.4-8-.8-6.7-6.4-6.6-10.7a333 333 0 0 0-5.5-80c-5.8-25.8-16.3-49.6-41-63a45 45 0 0 0-38.5-.9c-20 9-36.9 4.5-54.8-4.3-29.6-14.5-59.8-13.5-89.9-1.4-32 12.8-50.5 39.2-65.3 68.3-4.3 8.4-4.1 19-6.2 28.5-1.1 5-2.2 10.7-8.5 11.3-5.7.5-10.4-2.3-14.4-6.7-11-12-12-27.7-16.2-43.3-7 15-6.8 29.8-6.6 44.5 0 6 .4 12 0 18-.6 9.2-2.1 19-13.6 20-10.3.8-17.1-6.2-21.2-15.1-2.7-6.2-4.6-12.7-7.4-20.6-6.7 7.6-6.5 15.8-8.4 23.2-4.4 16.7-7.8 33.8-16 49.4-2.6 5.3-4 10.7-12 11-8.3.3-9.5-5.3-11.8-10.7-.8-1.9-2.2-3.5-4.8-7.3-4.8 24 2.2 47-5.4 68.8-5.8-2-5.3-5.9-5.5-9-.7-19.8-8.4-37.6-18.4-53.6s-22.5-30.5-45.6-27.6c-7.2.9-11.7 6.8-19.3 7-13.9-55.3-6-108 18.4-159.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant16": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M714 310.3c2.8-5.5 5.3-10.2 12.3-3.2a353 353 0 0 0 45.9 31.4l8 4.3c14.4 7.5 28.8 15 36.2 32 2.6 6 3.8 12.1 5 18.2q1.2 5.6 2.7 11.2a132 132 0 0 1 3.4 59.3q-1.8 11.6-2.5 23.1l-.8 10c4.3 2.3 7.2 1.2 10.1 0l.9-.3c43.6-16.3 59.8-61.8 58.3-99.6-1-25.8-10.2-50.5-21.5-74l-9.2-19c-10.6-21.8-21.2-43.6-30.9-65.8a147 147 0 0 0-60.6-66.4 239 239 0 0 0-114.7-33.3c-52-2.5-104-4.3-156-3.2q-13.3.4-26.4 3.9c-33.8 8.1-62.7 26-89 47.5a542 542 0 0 0-104.9 113.9 187 187 0 0 0-26.4 56.2c-7.7 28-10.6 57-8.4 85.9 1.3 16.8-1 32.1-13.4 44.8-6.3 6.4-3.6 11.2 3.7 14.7 12.5 6 12.9 7.3 2.8 17-3.8 3.7-4 7.4-3.1 11.6.9 4.7 4.4 7 9 8 14.8 3.5 26-2.6 29-18.2a80 80 0 0 1 18-37.3c19-22.3 40.8-17.9 53.3-3.4q7.6 8.7 14.6 17.6c3.5 4.4 8.3 7.7 13.3 5.2q7.4-3.5 15.1-6.6c14.5-6 29.1-12 38-24.9 18.6-26.8 45-39 73.9-49s45-30.7 49.6-60.5a28 28 0 0 1 27.4-25c15.6-1.2 29.4 4 43.1 9.3l12 4.4c13 4.4 25.3 6 38.5 1a81 81 0 0 0 43.6-40.7m-68-7.2 2.9-3.1c2-2.4 3.1-3.6 4.2-4.7-.8 8.4-3.4 15.4-13.3 19.3.4-5.7 3.4-8.7 6.2-11.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant17": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M879.9 417.5c-70.1 14-182-53.7-265.8-105.6-4.9-3-11.3-3.2-13.7 4-12 36.1-42.4 55.2-70.3 76.6-11.3 8.7-23 17.3-35 25-29.7 19.1-39.7 50.9-53 80.6-10.5 23.8-26.3 42.2-51.3 51.4-11.7 4.4-14.3 2.7-14.2-10.1.1-22-6-43-18.8-60-20.4-27-38.8-31.2-67.5-11.4-6.5 4.5-9.1 14.7-14 22.9-9.7-3.4-13.6-12.8-18.2-19.9-24.7-37.9-35.1-80.4-37.6-125.1-1.1-21.2 6.1-41.3 11.8-61a192 192 0 0 1 51.5-89c23.8-22.6 52.3-34.5 84.1-41.2a281 281 0 0 1 79.7-4.4c8 .7 13.1-3.4 17.5-8.5a246 246 0 0 1 109.3-76.3C693.7 25 783.6 187.7 790.6 196.3c3 3.8 5.6 6.2 10.6 4.1 38.1-16.3 78.4-18.7 118.8-15 32.7 2.8 71.1 9.2 83.3 41.8 29.4 78.6-60 177.6-123.4 190.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant18": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M324.7 299.2c15.4-17.6 31.1-32.5 53.6-39.6 24-7.6 45.4-3 66.4 8.4 5.2 2.8 10 6 15.7 9.3 30.5-37.7 62.8-73 100-103.5a387 387 0 0 1 93.2-56.9 165 165 0 0 1 96-11 97 97 0 0 1 57.8 35.6A166 166 0 0 1 843.7 243c0 7.8 3 11 10 13.5 14.3 4.8 28.4 9.6 36.8 24.6 13.5 24.5 13.2 49 3.4 74.2-11.6 29.9-32.4 54.3-47.8 81.8-11.2 20-20.4 41.8-20 66 0 7 1.5 14.4-4 20.9a22 22 0 0 1-5.1-15.8c.4-29.2-3.2-58.4-.2-87.7 1.1-11.1 6.8-21 3.8-33.6-4.4-18.8-18.1-31.2-26.7-47-2.2-4-7.5-4.8-12.2-6q-27.4-6.3-54.6-14c-41.3-12-81.8-27.3-125-31.1A18 18 0 0 0 588 293c-17.7 15.7-39.6 25-58.1 39.3-44.4 34.4-91 66.6-124.3 113.1-14 19.7-26 41.6-28.5 67-.2 2-.3 4.3-2.6 5.6-5.8 1.2-7-3.8-8.4-7.5a118 118 0 0 0-28-41.6 27 27 0 0 0-37.1-1.3 89 89 0 0 0-21.4 34c-1.8 4.5-2 10.3-10.6 12.5-.7-77.2 10.1-150.1 55.7-215",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant19": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M873.7 272c-3 3.5-7.7 4.1-8.3 9.7 12.2 7.6 24 16.3 29.7 30.8 7.3 18.3 1.5 35.4-4.7 52-10.2 27.1-25.4 51.8-39.4 77-4.5 8-6.2 17.5-13.6 26-3.8-9-1.8-16.6-1.3-24.4 3-49-2-96-37.3-134.2a61 61 0 0 0-27.4-19.3c-7.3 12.3-11.1 26.4-21 37.3-27 30-60.6 48.1-98.6 60.5-14.3 4.6-28.8 6.7-43.4 9.2-6.2 1-11.7 3.8-15.3 8.5a68 68 0 0 1-24.7 17.6 151 151 0 0 1-87.7 15.4c-5.8-.6-8.9.6-11.7 6.6-12.6 26.4-29 49.3-57.9 61.1a38 38 0 0 0-23.8 32.5c-.4 3.6.9 7.8-3.5 10.8-8.8-1.4-5-8.8-6-13.9-5.6-27.8-15.9-52.8-39.5-70.8-20.9-15.7-50.5 1.7-55.5 18.2-7.4 24.4-13.8 48.9-7.9 75.8 5 22.9 11.4 45.2 18.2 67.5.7 1.8.2 4-1.3 5.2-11.7-5.1-16.9-16.8-22.2-26.5-15-27.5-30.2-55.4-35-86.8-4.6-31.3.3-61.3 19-88.3q19.3-28.2 47.9-46.6c15-9.6 21.5-25 27.2-40.3 18.7-50.4 52.7-88.5 93.8-121.6a453 453 0 0 1 95.2-61c44.5-20.4 90.3-37.6 140.3-39.5 9.3-.4 18.4-2.7 27.9-.3 24.4 6.2 36.2 19.1 35 44-.3 6.8-1.2 13.5-1.9 21.6a97 97 0 0 0 33.5-6 589 589 0 0 1 87-19.9c18.6-3.2 37 .9 52.9 10.7 25.2 15.5 25 54.2 5.7 78-7 8.7-17 14-24.4 23.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant20": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M1015.2 411.8c-1.3 43.6-21.8 77-52.8 103a275 275 0 0 0-52.9 58.7c-16 24-39.5 40.5-66.4 51.8-8.3 3.5-14 .8-17.4-7.2-.7-1.6-1.7-3.2-1.8-4.8-4.2-39-19.2-76-4.8-117.7a178 178 0 0 0 4.1-92c-14.2-71.4-55.7-119.7-56-120.2a8.3 8.3 0 0 0-14.3 0c-17.2 29.5-36.4 40-66.8 55.3-33.3 16.7-68.4 25.2-106.6 18.9-28.4-4.7-57.3-9-85.3 3.8-64.4 29.2-96.4 80.2-101 149.6-.8 10.3-1 20.5-5.3 30-2 4.3-4 9.2-9.5 9-5.3 0-5.7-5.6-7-9.5q-9-28.5-24.6-54.2a66 66 0 0 0-22.2-20.8c-11.2-7.2-22.3-5-32 5.4-13.5 14.5-18.1 33.3-19.2 51.7-1.7 26.6-3.2 53.6 8.6 79.2 3.3 7.3 1.3 13.1-8.6 17.3-22.6 9.5-44 12.6-65.9-.5-2.2-1.3-5.6-2.1-6.3-4-6-14.8-19-14.1-31.3-14.7-37.8-1.6-49.7-36.4-38.8-64 3-7.4 4.4-15.4 10.4-21.7 4.7-5 2.3-9.6-4-13-36-19-38.7-69-5.6-94.4 9-6.8 12.1-2.6 22.6-7.4a8 8 0 0 0 4.8-8.4 398 398 0 0 1-1-47.3C160 305 174.8 275.3 212 259c9.8-4.3 19-9 29.9-10 8.1-.7 13.2-5 14.8-14.5 2.5-15 5-30 12-44 14.2-29.4 37.7-45.4 69.7-51 21-3.6 41.8-7.2 63-8.8 13.4-1 17.9-12.3 24-21A212 212 0 0 1 529 31.2c38.2-14 77-14.8 115.6-8.3a228 228 0 0 1 74.1 29.3c22.8 13 41.5 30.4 58.5 50 5.7 6.7 13.2 6.8 21 6.4 26.2-1.5 52.3.4 75.4 13.5 34.8 19.8 58.4 44.3 54.1 81.2-2 17-11.5 44.7-22 59.9a8.3 8.3 0 0 0 3 12.2c59.5 30.8 109.2 61 106.4 136.4",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M325.2 681.7c-15.7-1.5-24.3-10.8-23.3-23.7.6-7.6 3.7-9.7 10.8-6.1 27.9 14 43.6 7.5 52.8-22 1.1-3.7 1.6-7.4 6.2-8.7 7.3 2.6 7.4 10 7.2 14.9-1 22.6 4 44.5 6.5 66.6 1.3 11-2.4 15-13.5 14.4-19.8-1-31.2-9.5-36.7-28.8-1.5-5.4-4.2-6.7-10-6.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant21": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M338.9 304a353 353 0 0 1 104.2-102.4c25.8-17.2 79-44.7 95.7-54.5 21.2-12.5 33.7-28.9 32-54.9-.7-10.4 8.4-13.1 17-12.6 23 1.4 45.9 2 68.5 6.4q4.4 1 8.9.9c50-1.3 99 7.2 147.4 18.3 12.5 3 17.9 13.7 20.1 25.5 6.8 35.1 12.1 70.4 10.5 106.4-.2 4.5 1.8 8.2 4.2 11.8 19.1 28.8 19.7 51.7 23.2 85.6 4 39.9-11 69.6-20.4 102.2-1.4 4.9-6.7 19.3-9.6 23-2-5-9.4-3.1-7-10.2 3.8-11.3 2.7-27.7 2.6-33.4-.2-28.6-12.7-39-23-66-5-13.6-8.4-28.6-21.4-39-29.8 19.3-62.8 25.4-97.4 23-16.5-1-32.7-4.6-49.3-5.6a213 213 0 0 0-82.5 11.6 245 245 0 0 0-88.8 50.6 225 225 0 0 0-50.2 68.2 256 256 0 0 0-23.5 80.3 28 28 0 0 1-5.5 12.7c-3.1 4.4-7.8 4.2-12.7 3-4.5-1-5.5-4-6.5-8.2-6-26.3-11.6-52.8-28.6-75.1a27 27 0 0 0-30.3-10.2c-5.2 1.5-10 5-19.2 4 2.5-56.6 11.2-111 41.6-161.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant22": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M313.9 259.6c5.3-4 4.1-9 4.2-13.6.4-22.7 11.9-37.6 33.8-43.1 7-1.8 11.9-5 12.1-12.6.8-25.2 39.8-49.6 64-42.7q8 1.9 16 3.5c8.9-41.5 37.2-54.7 62.2-52.7q13.5 1.2 26.2 5.6c6.5 2.2 10.2.5 14-4.7C583 48 658.8 33 715.2 58.3a86 86 0 0 1 26 17.5 22 22 0 0 0 21 7.1c32.7-4.3 54.4 22.2 61.3 46.6 4.8 17.1 10.1 31.3 24.7 43.2 68.2 56 39.4 119 39.2 119.6-14.3 33.1-3.3 34 3.5 50.9 9.5 24 7.7 47.3-10.8 66-7.1 7.4-10.8 12.4-11.2 23.4-.8 20.4-11.4 34.1-36.8 36-8.5-51.8 1.7-95.7-2.5-149.4a54 54 0 0 1-43 1.2c-2.9-1-5.3 2-7.3 4.4a72 72 0 0 1-87 23.7c-10-4-15.7-1.3-22.4 5.2a63 63 0 0 1-56.5 18.5q-12-1.9-24-2.3c-7 0-11.6 4.4-14.7 10.7-14.4 28.7-38 42.1-69.9 40.7-19.9-.9-32.2 7-40.2 25.7a45 45 0 0 1-35.8 26c-27.6 3.6-37.3 30-40.2 52-1.5 11.6-1.1 23.7-6 34.4-8.4.3-7.5-5.3-8.4-9.7-3.9-20-7.5-40.3-18-58.1-7.7-13-16.4-25.6-34.8-23-11.3 1.5-18.4 9.8-26.5 16.4-3.2 2.7-5.8 6.2-8.6 9.4-14.3 16.3-17.5 16.5-30.4-2.6-13.7-20.3-23.5-44-12-69.7 4.6-10.5 0-19.7-2-29.7-6.8-35.6 3.8-67 25.1-95.3 12.2-16.3 28-28 46.9-37.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant23": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M389 219.9a329 329 0 0 1 106-64.5c35-13.4 69.8-16.6 106.1-16.5 40.6.2 74.5 18.6 112.4 32 57.4 20 176.1 126 141.5 262.2-4.6 18-7.6 35.8-12.8 52.8-7 22.5-3.2 43.3-1.6 65.2 3.8 49.7 46.1 114 51.6 163.2 3.9 34.6 6.2 68.6.7 102.8-4.4 27.9-21.6 71-29.9 97.4-5.5 17.9-39.4 4.1-54.3 17.4-5.3-2-6.5-4.6-7.2-9-2.6-17.8 3.2-33.3 10.4-49 6-13 7.5-27.4 11.8-41.1l-31.2 56.5c-10 15-14 16.4-30.1 9.1-15-6.8-29-15.8-44.4-21.7-4.4-1.6-8.3-3.5-13.1-4-13.3-1.3-18.6-12.3-24.8-21.8-2.1-3.3 1.4-5.7 4.2-8a278 278 0 0 1 56-34.8c30-15.5 44.8-41.6 57.8-69.8 13.2-28.3 19.2-58.7 24-89.2 5-32 .7-64.1-1-96.1-1.3-21.6-5-43.1 3.3-64.2 1-2.6.8-6 .1-8.9a653 653 0 0 1-16-92.6c-2.8-30.5-44-150.6-116.4-102.7-21.5 14.2-30 31.3-46.6 62.2-18 33.7-44 58.8-76.7 77.8-17.5 10.2-35.6 20.4-55.2 24.8-23.5 5.2-46.8 12.2-71.1 13.8a74 74 0 0 0-43.2 20.1c-24.5 21.4-20 44.7.5 72.5 24 32.5 45 67.1 51.2 106.6 5.2 33.4 6.4 68.2-5.7 102.2-7 19.7-16.9 37.5-25.3 56.3-11 24.6-8.2 49.5 2.2 74.8-31.7 19.8-65 14.4-99.2 9.4 1.7 9.5-5.6 9.4-12.7 9-28-1.4-56.2-1.3-82.5-12.9-1.9-.8-4.8-1.8-6-1-5.4 3.8-27.7 17.4-63-36.6-14-21.7-17.5-46-16.6-70.7a482 482 0 0 1 8.4-70.7c10.7-58.4 38.5-108.8 76.1-154 25.6-30.7 43.6-65.2 49-104.6 3.3-23.5 5.2-47 11.3-70.2A339 339 0 0 1 348 266c12.6-16 25-32 41-46.1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant24": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M841.5 263.9c15 39.8 28.8 69.8 26.2 111.7-1 15.4-12.2 39.7-16 54.5-5.3 20.4-16.4 39.1-17.7 60.7q-.1 4-6.8 5.4c-7.8-10.2-8.8-23.2-9.2-35.2-1.2-37.5-3-74.8-11.4-111.4-2.4-10.3-6.3-20.1-10.4-32.7-3.7 34-3.7 33.8-34.6 34.3-55.6 1-111 4.3-166 12.3-15.7 2.3-17 1.3-27.8-18.8-11 7.4-10.7 20.6-16.2 30.6-16.7 30.9-38.2 57.1-70 73.9-11 5.8-33.4 5-58.8-1.7-9.5 30.3-32.5 56.6-24.4 92.2a41 41 0 0 1-7 34c-3.8 5.4-8 6.3-13.2 4.7-5.3-1.6-2.8-5.9-2.7-9.6.5-32.6-7.4-63.5-25.9-90.3-17-24.8-57.1-18.6-69.9 9.4-2.3 5.2-3.4 11.4-11.5 16.4-1.5-18.3-1.8-35 .1-51.5a486 486 0 0 1 25-112.7 308 308 0 0 1 95.3-135.4 301 301 0 0 1 162-65.4c12-1.3 23.9-3.6 35.9-4.8a284 284 0 0 1 124.4 15.8c53.8 19 100.2 48.2 124.5 102.7 1.5 3.5 3.7 6.7 6.1 10.9M365.7 617.2c4-1.1 6.8-.9 8 2.9 8.6 24.2 9 49.4 7.8 74.5-.5 9.6-16.4 21.2-29.7 23-12.7 1.6-24.5-.1-32-12-4-6.3-1-13 1.3-20.5-14.3.4-26.7 6-39.5 0-17-7.9-18.7-15.4-5.2-28l3.5-4.3c-6-7.6-15.8-8.7-22-15.5q-10.5-10.7-2.3-21.5c7.4-9.5 19.2-11.3 27.2-5q4.7 3.4 7.5 8.6A45 45 0 0 0 331 644c18.2.5 28.3-10.3 34.7-26.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant25": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M800.8 336.9c-1.3-5.4-2-10.1-5.6-13.7-8.6 33 .4 28.8-36.4 29.5-54 1.2-108 3.8-161.3 12.5-16.2 2.6-25.3-2.3-26-21.8-12.3 11.1-12.8 24.7-18.8 35.3-16.7 30.1-37.2 57.5-69.2 72a63 63 0 0 1-58.5-4.8 213 213 0 0 1-47 88.7c-7.4-10.8-8.6-23.7-12.1-35.5-5.7-18.7-21-33.8-39-35.3-13.4-1.2-36 13.6-42.4 27.5q-5.7 12-11.7 23.6c-1.6-.2-3-.1-3-.4-8.2-26.8-26.5-50-31.6-77.3a154 154 0 0 1 13.7-101.7 341 341 0 0 1 103.5-121.7c40.5-29.2 85.6-48 133-61a579 579 0 0 1 171.8-19.1c29.2 1 57.7 7.5 86.1 15.3a294 294 0 0 1 70.8 27.7c37.9 21.9 66 52.4 82 93.7 11.6 29.8 9.5 59 1.8 89.7-9 35.5-27.6 64.2-52.2 90.2-9.6 10.2-12.6 23.7-15.8 36.8-1 4.1-.2 8.7-7 10.8-8.1-10.3-9-23.3-9.4-35.3-1.2-37.5-3.1-74.7-11.2-111.4-1-4.6-2.9-9-4.5-14.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant26": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M395.3 569.6c-15.6 22-15.7-16.2-23.7-50.6-8.4-36-18.1-44.8-38.3-44.8-20 0-43 8.6-49.8 23.4s-24.1-12.1-16.7-44c7.5-31.7 36.6-95.8 52.8-112.1s21.2-31 36.6-1.3 39.5 30.6 63.6 44.4 33.7 11.3 29 34.3c-4.5 23-21 52.5-31 72.6s-16.8 70-22.5 78.1",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M649.2 104a352 352 0 0 0 47.5-45 34 34 0 0 1 27-13.8c48.4-.7 85.8 28.2 94.7 82.2q.4 2.5 1 4.9c.7 3 1.5 6 1.4 8.9-.2 8.4 3 13.7 10.1 18.6 22.7 15.7 23.5 39.2 20.8 63.6l-.3 2.6c-.3 3.6-.6 7.5-2.5 9.6-11.1 12.2-4.9 20 3.8 30.6a77 77 0 0 1 16.8 46c1.1 30.6.9 61-6.2 91.5q-3 12.6-6.5 25.3-4.5 16-8 32.4c-2 9.7-9.4 16.5-16.8 22.6-5.3-3.6-4.7-8.2-3.8-12.2 5.8-27-.3-52.3-10-77-3.3-8.5-6-17.1-5.8-26a44 44 0 0 0-18.2-36.8 24 24 0 0 1-6.5-7c-8.4-16.9-20.4-15.3-35.5-10.1-20 6.9-40.2 3.3-60.3-.4l-13.6-2.3q-43.3-6.4-84.8 8.5c-24.7 8.7-48 21-69 36.7a296 296 0 0 0-81.2 92.6c-15.9 27.7-25 57.8-34 87.9l-4.7 15.2c-1 3-1 6.3-1 9.6v4.4c-.4 6-2.4 10.8-9.2 11.8q-10 1.8-14.7-7.3a36 36 0 0 1-2.8-10l-.6-3.5-2-10.7c-3.6-20-7.2-40.2-23.4-54.5-24.4-21.6-47.6-15.7-64.3 10.5-9.7 15.2-16 32.8-11.7 52.1.9 4-.2 8.4-5.5 11.4a93 93 0 0 1-6.7-35.7c-1.4-37.8-2-76 10-112.3a273 273 0 0 1 75-114.6c33.1-31 69.9-57.3 109.1-79.8 28-16 56.9-30.7 85.7-45.4l2.5-1.3a370 370 0 0 0 52-34.2q12-9 24.5-17.8 10.7-7.4 21-16.2zM423 441.5l3.2 17.4c10.3-9.5 16.2-20.2 13.7-33.9a37 37 0 0 0-21.2-28.4c13.4 9.5 14.3 23 13.1 37.4-.5 6-2.2 9-8.5 4.3 3.2-23-5.5-32.8-27.9-36-19.8-2.8-40.2-5.8-54.2-23.6-7.8-9.8-10.4-21.4-13.1-33.8l-1-4.1c-4.4 4.1-5.5 8-5.2 12.4 1.3 16.4 17 47.1 42 50.2 25.3 3.2 49 9.2 59.1 38.1m-108.8-35.6 2.5 4.2a62 62 0 0 0 40.3 20.4c26 4 35.5 13 39.1 43.4a62 62 0 0 0-36.7-32.2q-6.7-2.2-13.6-3.9-7.1-1.7-14.2-4.2c-19.5-6.9-28.7-22.8-33.5-40.3-2.3-8.5 3.1-16 8.6-23.6q2.6-3.5 4.9-7.1a53 53 0 0 1 8.3 15.2c1.9 4.6 3.7 9 6.8 12.9 11 13.8 24.7 19.6 41.8 22.9 24.4 4.6 39.5 8 44.8 41 3.2 19.9 3.6 37-7.6 56.7a99 99 0 0 0-10.4-31.8c11.2 2 11-3.3 10.6-11a48 48 0 0 0-31.3-45.3 29 29 0 0 0-11.7-1.9c-3.2 0-6.4 0-9.6-1-16.5-4.8-30.1-13.1-37.8-29.2-1.6-3.3-3.7-6.9-7.5-4.8-4.5 2.4-2.4 5.7-.4 8.7l.6 1zm74.7 155 .6 1 2.1 3.2c10.9-24 11.3-31.3 3.9-53.3q-.6-2.2-.8-4.5-.1-1.5-.5-3c-5.8-27.6-16.3-50-48.3-56.2-24.5-4.8-47.4-14.7-53.2-43.7-7.2 2.2-7 7.2-6.3 11.7 2.7 15 22 31.2 38 33.7 12.7 2 26.2 4.2 36.6 11.8 15.9 11.6 21.8 29 27.6 46.5a242 242 0 0 0 7 18.7c.9 2.1-.6 5-4 5.3-2 .2-3-1.4-3.8-3s-1.7-3.4-4-3.6l.5 3.6zm-76.5-98.1q-2.8-1.5-5.6-2.6c-20.1-4.5-31-19.1-26.3-35.4 8.4 23 25.6 30.9 47.2 35 20 3.9 39.5 11.4 46.6 34.3l1.9 6q0 1.2-.3 2.5l-.3 1.3c-4-.3-5.4-2.8-6.8-5.5l-1.1-1.8c-10.2-16-20.7-31-43.2-30-4 .2-8-1.8-12-3.8M300 477.3l14.2-3.8-6.6-1.9c-11.6-3.2-22.8-6.3-30-18-4.7 6.8-3.2 11.1 2.7 14.3 6 3.1 12 6 19.7 9.4m-7.8 5.6c-9.2 6-14 4.6-17.5-5.3 7-1.3 11.7 1.7 16.4 4.6z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant27": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M312 297.4c15-22 35.7-36 57-49.4 28.5-18 59-31.6 90.8-42.7 22.3-7.8 45.7-12.8 67.7-21.4 26.8-10.3 54.2-20.3 73.6-43.3 18-21.2 17-33-3.6-48.8-.3-5.2 3-8 7.3-9.2 45-12.8 90.6-23.5 137.8-21.2 45.5 2.2 80.2 23.4 100.6 64.4 11.3 22.7 19.4 47.1 18 73.3a26 26 0 0 0 10.8 24C904.7 249 915 307 884.5 335c-15.5 14.3 8.6 20.5-20.7 64.8-8.6 13-9.3 29-18.2 42.6-1.3-45.3 6-91.7-16.7-136a159 159 0 0 1-78.5 56.2 248 248 0 0 1-130.4 9.2c-30-5.6-60.7-7.9-91.2-9.7a122 122 0 0 0-95.2 33.7 82 82 0 0 0-25.2 56.7c-2 31-4.4 62-2 93 .5 7.9-.8 16.5-10.5 17.9-7.8 1-14-3-19-9.8-8.6-12-7.2-27.4-15.1-40a84 84 0 0 0-57.2-40.4c-3.6-.7-6.5 1-9.7 2.3-10.8 4.6-14.8 1.2-16.7-10.7-4.3-28.3-3.7-56.7.5-84.8 4.5-29.6 15-57.2 33.4-82.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant28": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M927 326a122 122 0 0 1 .7 98.4 2181 2181 0 0 0-36.7 89.5c-13.4 35.6-7.7 69.6 10 103 21 39.5 44.8 77.8 58.2 121.1 13 42.5 18.3 85.5.5 127.2-15.2 35.9-33.6 70.5-71 89.8a131 131 0 0 1-94 10.5c-36-8.5-62.3-31.3-88.6-55a723 723 0 0 0-47.4-40.2c-12.6-9.6-20.4-22.8-30.4-34.3q-2.5-2.8-.5-5.8c1.3-2 3.3-1.8 5.6-1.3 52.1 13 86.3-14 116.2-51.6 30.7-38.6 49.2-83 62-129.9A520 520 0 0 0 830.5 477c-2-29.8-6.4-59.7-14.4-89-8.6-31-19.8-60.2-38.2-86.7-6.4-9-14.7-16.1-21.9-25.6a347 347 0 0 1-57.6 49.4 607 607 0 0 1-135.2 71.4c-42.6 16.7-88 21.7-131.2 35.4a62 62 0 0 0-35.1 28 109 109 0 0 0-13.9 76c1 5.2 2.9 11.5-4.2 12.4-6.5.8-5.2-6.2-6.4-10.5-4.8-17.5-8.2-35.3-15-52.4-7.6-19-31.8-33.4-49-28a36 36 0 0 0-22.3 23.1 185 185 0 0 0-11.6 89.8c2.7 20.7 14.1 36.7 25.7 52.8 15.8 22.2 26 25 51.8 17.5 8.5-2.5 12.4-8.3 16.3-15 1.6-2.9 3.6-6.4 7.6-5.6 3.9.6 7 3.6 8 7.5 8 36.4 20.3 71.8 21.5 109.7 1.7 55.6-47 106.3-99.5 107.2-33 .6-65-4-97.3-9a182 182 0 0 0-67.2 2.4c-23.9 5.3-47 11.6-66.6 27.1-5.3 4.2-9.6 2.1-13.2-4-19.8-33.4-38.4-67.2-48.6-105C0 707.3-6 659 7.9 609c5.5-20 10.2-40 19.4-58.6 16.8-34 39-63.4 70.6-85l105.2-71.5c29-19.7 51-46 70-75 34.5-52.6 73.8-101 123.7-139.5 34.7-27 72.5-49.4 115.6-59.8 30.6-7.6 62.4-9 93.6-4.1 23.6 3.6 46.5 8.4 67.3 20.3 12.4 7.2 25.2 14.1 36 23.3a121 121 0 0 0 41 21.1c40 13.3 76.7 32.1 109.4 58.6 29 23.5 54 50.4 67.3 87.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant29": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m316.3 290 31.4-34.3c-12.2-11-21.7-26-17-45.4s18-30 37.4-33c1.4-29.5 9.3-37.5 38.8-37.5 9.3 0 10.7-4.8 11-11.8.8-32.3 22.3-48.4 48.7-58.7 31.1-12.2 73.7 5.1 91 34.7a85 85 0 0 1 12 37.2c.7 9.3 3.4 13.7 14.3 12 47-7.7 90.4 5.3 133.3 22.9 47.9 19.5 86 52.3 119.8 89.7 20.8 23 37.5 50 41.2 82.7 2.2 19-2 35.1-18.9 46.6-22 15.2-47.3 19.8-73 22.6-13.4 1.5-27.2-.3-40.8.4-34 1.8-65.1-9.5-97-18.4a326 326 0 0 1-87-37.4c-2.3-1.5-5.6-1.4-7.8-2-6.9 5.5-4.2 13.3-6.9 19.5-13.2 31-38.5 48.7-66.5 63.7-14.2 7.6-29.1 13.9-43.3 21.3-19.2 10.1-28.8 29.5-35.7 49.2-3.8 11-8.5 22-9.5 34.2-.4 4.9-3.5 11.6-10.8 10.3-6-1.1-7-7-7-12.2.2-29.1-14.2-53-29.1-76-12.2-18.7-37.8-19.9-53 2.4-4.8 7.1-7 15.6-11 22.9-3.8 7-7.3 14-11 22-9.4-4.2-11.9-12-14-20.1-4.8-18.7-1.4-37.3 1-55.7A338 338 0 0 1 291 329c7-13.6 16.4-25.5 25.4-39",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant30": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M876.9 255c12 25 13.2 51.3 14 76.8 1.3 35.6-5.7 70.3-27 100a80 80 0 0 1-33.3 27.6c4.8-23.1-11.3-31.2-25-39.3a786 786 0 0 0-70.6-37c-29.4-13.5-46-37.7-59.4-65.3L674 313c-6.7-16.3-10.3-17.2-22.7-4.9-16.8 16.8-38.5 25.7-58.3 37.8-32.6 20-69 21.5-105.3 24.4-48.4 3.8-51.5 26.7-55.8 60.1-2.9 22-4.7 43.8-10.7 65.2-1.7 6.1-5.9 10.3-9 15.3-12 18.6-29.5 34-31.5 58.3-12.6-2-17.8-8-17.5-19.2q.5-18.6 0-37.1c-.4-23-23-47.3-45.5-49.4-19.8-1.8-26.5 3.2-34.4 26-5 14.3-7.3 15.2-22.3 11a119 119 0 0 1-86.7-88.2c-12.8-48-6-107.5 42.9-143.3 23.2-17 50-20.8 77.8-15.8 8.2 1.4 11.4-1.7 13.2-7.8 14.8-48 47-82.3 86.2-111.8a299 299 0 0 1 121-54.1c42.5-8.6 86.7-9.6 127.9 9.2C665.7 99 686 113 697 136.5c2.6 5.7 6 6.3 11 5 42.5-9.9 80.3.4 112 29.2 25.3 23 45.7 50.3 56.9 84.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant31": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M907.4 320.1c2 23.5-6.8 42.5-19 61.6 8.8 5.7 4 12 .8 19.1-10.2 23-28.7 37.5-48.9 50.4-2.3-.7-3.9-2.5-3.5-4.7 2-10 4-19-10.4-22-4.1-.9-4.7-7 1-9.7 3.6-1.6 7.5-2.7 13.5-4.8-40.4 2.5-91.6-21.2-102-46.8-13.2 5-26.6.5-39.8-1-8.6-1-16 .6-23.5 3.1a472 472 0 0 1-136 25.5c-12.1.4-23.6-2.5-35.2-5-26.4-6-53.9-7.2-79-18.5-7.8-3.4-10.8 1.2-9.5 8a115 115 0 0 1-2.4 57.8c-3 9.6-6.8 19.1-12.6 26.2-16.1 19.8-17.3 41.4-12.8 64.8q1.5 9.5 1.6 19c.2 5 .7 10.6-7 11.4-7.2.7-10.2-3.8-11.2-9.6-1.6-8.7-2.7-17.4-5.4-26-8-26-17.9-34.4-45-36.4q-14-1.2-27-6.7c-19.4-7.6-17.9-25-6.6-33.9 12.7-10.1 18.6-23 25.4-36.7 6.1-12.4 19.6-18.6 32.7-23 5.8-2 9.4-4.9 12-10.2a49 49 0 0 1 32-27c7-2 9.8-6.7 11.6-13.7 6.3-25 19.8-46.6 44.8-54.5 27.9-8.8 36.1-31.5 46.4-53.6a118 118 0 0 1 31.5-42.4c19.4-16 40.1-16.7 57.4-2 26 22.2 42.7 17.3 67.5-5.2 17.6-16 35-31.7 60-35.6 47-7.3 86.6 13 105.6 56.7 1.7 3.8 2 8.3 5.8 11 20.9-12.5 37-6.9 42.7 17 2.6 10.6 11.7 11.5 17.4 16.9 17.4 16.3 22.9 37.2 26.6 59 1.1 6.7.4 13.6.5 21.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant32": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M392.5 308.5c31.7 28.4 50.7 55.3 49.6 78.8-1 23.5-14.3 64.5-20.4 75.7-6.2 11.3-6.7 29.7-12.8 50.6s-8.6 38.7-25.5 36.6c-16.9-2-6.2-19.7-22-47.8-16-28.1-24.1-41.4-44.6-43-20.4-1.5-21.1-28.2-14.3-48 7-20.2 16.9-86 34.3-99.3s55.7-3.6 55.7-3.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M493.2 354.6c-2.5 8.5-8.2 13.4-13.9 18.2l-3.2 2.8C461 389 453 406.9 445 424.8l-4.6 10c-11 23.5-18.9 48-26.5 72.6q-1.8 6.5-3 13a57 57 0 0 1-8.4 24.6l-.6 1.2q-.2.6-.6 1l-1.5 2.5c-4.5 6.8-9.2 14-17.6 14.2-8 0-9.4-6.2-10.8-12.3q-.7-3.4-1.7-6.1a91 91 0 0 1-5-19.2 83 83 0 0 0-5.8-21.3c-11.9-24.9-27.2-44-58.6-42.6-10 .5-9.2-9.3-7.8-15.4q2.7-11.7 4.7-23.7c2-10.8 4-21.7 7-32.3q3.8-13 7.2-26c4.6-17.5 9.2-35 15.9-52a211 211 0 0 1 58.2-82.2A524 524 0 0 1 491 160.2c45.5-23.8 94-38.2 143.9-49.5 41.7-9.5 83.6-9.1 125.2-.4 28.3 6 56 15.5 75.4 38.7 29.1 35.2 43.1 74.4 28.2 120.6a169 169 0 0 1-18.3 40.2c-20.5 32-52.6 39.1-87.3 40.2a309 309 0 0 1-93.3-12 189 189 0 0 0-114 2.7 125 125 0 0 1-44.3 4c-6.9-.2-11.6 1.6-13.2 10M373.9 491.8c-5.3 10.9-2.3 20.7.8 30.5a63 63 0 0 1 3.8 17.9c5-8 11.8-10.5 19.4-10.3l1.5-6.2 3-12 2.2-6.6c2.8-8.2 5.6-16.3.8-26-3.1-6.3 1.8-14.5 8-18.7 8.5-5.7 11.7-13.5 13.7-24.7-8 11-8 11-16 12.3-4.1-19 0-24.5 19.6-25.6 9.2-20.8 3.3-46.5-15.3-65l-2.5 3.8q-3 4.6-6.2 8.7c-2.6 3.2-6.7 5-10.2 2.8-3.7-2.2-2.3-5.6-1-9l.5-1.2a33 33 0 0 1 13.7-14.8q-9.7-18.2-26-28.2c-18.6-11.2-41-2.5-46.5 17.6-1.2 4.4-2.6 8-6.4 10.4-8.8 5.7-10.7 14.7-12.3 27l.8-1.3c3.4-5.3 5.8-9 10.7-7.8 2.6.6 4.6 3.6 3.6 6q-1.1 3.4-2 7c-1.3 5.8-2.7 11.6-8.6 15.1q-1 .5-2.3.2l-.6-.1c-2.3-1-2.5-2.9-2.8-4.8-.2-1.6-.5-3.3-2-4.6a52 52 0 0 0-1 14.8c.2 9.7.4 19.1-9.5 26.3l2.3-.7c5-1.6 9.7-3 11 3.1 2.1 10.4-3.8 17.1-15 20.3a47 47 0 0 0 26.5 8.3q1.5-2.4 2.6-4.8l.8-2.4c1.2-4.2 2.5-8.6 8.7-6 5.7 2.4 3.2 7.2 1.3 10.9l-.5 1c-2.5 5-2 8.5 2 12.3q5.5 5.3 10.5 10.7l4.3 4.6q2.4-1.2 4.3-3.2c2.5-2.3 4.7-4.4 8.4-2.3 4 2.3 3.4 6.2 2.5 10.9q-.4 1.8-.6 3.8m458-194.8c16.6-25.3 19.3-54.1 21.7-83l-2.6-14.9-.2-1.3A96 96 0 0 1 832 297",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M830.1 469.4c-1.1-21 5.3-40.3 7.6-60.1 2.6-22.2 1.6-44.2 1-66.3q-.2-6.9.5-13.7c.7-6.7 3.2-12.5 10-13 6.2-.3 8.6 5.6 10.3 11.2 6.5 21 8.5 41.8 3.4 64a474 474 0 0 1-22.3 67.4c-1.7 4.5-2.9 11-10.5 10.5M352.8 327c13 3.3 4.6 11.3 4 17-.7 6.7-5.4 12-12.4 12.4-5.4.3-7.2-4.4-5-9 3.4-7.1 5.3-15.2 13.4-20.4m57.2 86c-6.1-7.6-3.8-22.2 3.2-26.6 2.3-1.5 4.7-2 7.2-.4 2.3 1.5 3.7 4 3 6.5-2 8.1-2.8 17-13.4 20.5m-14.1 31.8c7.5 11.8-1.8 18.6-7 26.2-1.8 2.8-6.2 2-7.8-2.5-3-8.4 4.4-21.3 14.8-23.7m-31.5-75.1c-2.3 6-4.8 10.9-6.7 16q-2.8 6.7-9 4.2c-4-1.7-3.4-5.5-2.7-8.8 1.2-6 4.6-10.9 8.6-15.2q7-7.2 9.8 3.8m25.4-30.7c-4.1 9-4.5 20-17 23.6-3-11.6.7-19.9 8-27 4-4 6.7-1.4 9 3.4m-17.5 106.7c-1.4 3.6-2.2 6.7-4.1 8.7-2.6 2.9-3.6 9-9.2 6.9-5.2-2-3.7-7.4-3-11.2 1-6.6 4.9-12.3 11.2-13.7 5-1.1 5.1 4.3 5 9.3m-22.5-30.9c1.3-2.8 1.8-5 3.2-6.5 2.9-3 3-10.9 9.3-7.7s3.5 10 1.7 14.7c-1.8 4.8-5 10.8-11.3 10.3-6-.5-4.6-5.7-2.9-10.8m43.2-9.1c.4 7.4.6 13.8-3.8 19.2-2 2.4-4.5 3.8-7.8 2.5-3.7-1.5-3.6-4.4-2.7-7.4 1.2-4.1 1.9-8.4 3.7-12.2 2-4.3 5-8.5 10.6-2.1m-7.2 92.5c4.2-4 4.7-13.9 11.7-9.9 7.6 4.4 1.5 11-1.4 16.5-1.8 3.6-4 7.5-8.4 6-6.4-2.3-4-7.4-1.9-12.6m-61.9-72.6q-2.9-4.4-.5-7.7c2.5-4 2.4-11.1 9.3-10 5.9.9 4.4 6.7 3.7 10.3-1.1 6-3.7 11.6-12.5 7.4m60.9-47.1c.8 1.6 1.3 2.4 1.2 3.2-.6 4.6-.7 9.8-6.7 10.7-3.7.6-5.7-2-5.4-5.4.5-6 2.6-11 11-8.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant33": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M340.4 248q6-2.2 12.5-3.5-1.7-6.7-3.5-13c-11.7-38.3 7.6-68.9 47.4-74.8 5-.7 8.3-1.1 10-7.2 12.8-43.7 50-58.8 90.1-37l4.4 2.2C515.3 95 534.9 87 559 88.2c24.6 1.3 40.6 17.2 56.8 32.6 7-5.7 6.6-13.8 10.5-19.7a51 51 0 0 1 41.8-25.3c6.7-.3 11.5-2.4 14.7-9.4 4-9 11.5-15.7 20.6-20.1 16-7.6 27.7-9.8 46 7.1l5.9 4.5c54.6-43.3 195 37 181.3 116 14.8.6 28.9 3.9 42.2 11 27.9 14.8 33 66.4 5.3 88.2-9.2 7.1-11.6 14-9.5 25.8 5 27.7-11.8 45-39 48.8a47 47 0 0 1-28-3.4c-8.1 9.3-14 20.2-26.4 25.1-23 9-125.9-34.5-142.6-58.9-2.7-4-6.4-7.2-11.6-6.4-16.7 2.4-29.5-5.7-41.8-15.4-16.4 8-30.8 18.6-47.3 25.7-33 14.3-66.2 26.6-103.2 15.7-11.6-3.5-19.5.4-26.2 12.2-17.3 30.4-36 60-64.4 82-14.4 11.2-29 29-36.4 47.1-5.3 13.1-14.7 22.8-23.4 33-7 8.2-11.4 7-16-2.6a79 79 0 0 0-35.4-39.8c-12.6-6.5-23.7-6.2-35.3 2.7-7.8 6-16.3 3.9-20.4-6a90 90 0 0 1-9.2-40.4c1.4-23.3-1.4-46.8 5.6-69.8 12.3-39.8 31.5-75 66.8-100.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant34": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M798.9 335c-49.4 15.5-99.5 21.5-149.5 28.4-31.9 4.4-63.9 1.6-95.8 2.6-22.5.7-43.7-6.4-64.9-12.4-7.7-2.2-11.3-.7-15.1 6.3q-22.8 42.1-35.3 88.3c-5.6 20-14.4 39-21.9 58.4-5.1 13.4-10.7 26.7-15.5 40.3-2.7 7.5-7.2 11.5-15.1 10.7-8.2-.9-12.2-7-12-14.2.9-18.8-5.6-36-10.8-53.4-5.7-19.3-32.5-37.3-52.3-34.5-14.2 2-19 15.8-27.8 24.5-3.8 3.8-4.5 10-10.2 13.3-9.5-8.1-9.5-19.8-10.6-30.3-3.8-35.5.6-69.2 29.8-94.3a64 64 0 0 1 25.4-14c9.2-2.2 9.8-6.7 10.2-14.2 2.8-54.8 21-103.7 64-139 36.9-30.2 81.3-36.3 127.5-24.3 8.5 2.2 17.6 2.1 25.8 6.6 5.2 3 8.4-2.7 11.7-5.6 26-22.8 54.5-41.8 86-56 19.8-9 40.4-10.4 61.3-8.5a166 166 0 0 1 80.4 29c15.9 11 28.5 25.4 38.8 41.6 4 6.2 8.2 10.2 15.6 11.6a82 82 0 0 1 60.6 45.3c9.2 18.2 9.3 37.7 7.4 57.3a78 78 0 0 1-4.2 21.2c-5.3 13.2-9.7 24.4-3.5 40.4 7.3 19-2.3 38.9-13.6 55-14.4 20.8-35.2 35.7-53.5 53-1.1 1-2.9 1.4-5.7 2.8-8.5-18.3-14-36.8-14.7-56.3-.8-24.2-5.8-48.2-2.8-72.5.8-6.7-1.7-9.8-9.7-7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant35": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M311 293.4c49.8-98.3 306.2-189.8 285.5-205.6-.3-5.2 3-8 7.3-9.2 45-12.8 90.6-23.5 137.8-21.2 45.5 2.2 80.2 23.4 100.6 64.4 11.3 22.7 19.4 47.1 18 73.3a26 26 0 0 0 10.8 24c32.7 25.8 36 88.8 5.5 116.8-4.7 4.3-.7 9.5 1 16 4 16-6 30.7-14.7 43.8s-9.3 29-18.2 42.6c-1.3-45.3 6-91.7-16.7-136a159 159 0 0 1-78.5 56.2 248 248 0 0 1-130.4 9.2c-30-5.6-60.7-7.9-91.2-9.7a122 122 0 0 0-95.2 33.7 82 82 0 0 0-25.2 56.7c-2 31-4.4 62-2 93 .5 7.9-.8 16.5-10.5 17.9-7.8 1-14-3-19-9.8-8.6-12-7.2-27.4-15.1-40a84 84 0 0 0-57.2-40.4c-3.6-.7-6.5 1-9.7 2.3-10.8 4.6-14.8 1.2-16.7-10.7-4.3-28.3-15.9-69 33.9-167.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant36": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M426.5 254.8c41.9-29.9 86-54 136-62.5a253 253 0 0 1 94 4.5 189 189 0 0 1 58.3 21c16 9.5 34.5 11 51.4 18 39.6 16.2 63.8 47 85.4 82 20.5 33.1 35.1 69.5 57.6 101.4 14 20 31 37 46.7 55.4a183 183 0 0 1 44.8 94 93 93 0 0 1-14.7 64.6c-25.5 38.1-24.4 79.2-19 121.5 4.8 37.8-3.6 72-28.5 101a76 76 0 0 1-44.8 24.8 145 145 0 0 0-58.8 21.9c-27 18.2-58.6 15.9-87.9 10.3-30.5-6-59.7-19-87.6-33.4a94 94 0 0 1-41.4-39.8c-4.2-8.4-11.5-9-18.4-11.8-8.2-3.3-18.5-2.5-24-12.4 13.7 4 27.6 5.8 41.5 7.1 45.7 4.5 90.6 4.6 128.8-27 15.7-13 24.5-31 34.7-48 18.8-31.4 36.3-63.7 41-100.5 3.9-29 7-58.3 3-87.7q-.5-2.6-.6-5.1c1.6-34.7-6.4-68.4-10-102.5a233 233 0 0 0-39-106.4c-3.5-5.3-7.4-10.2-11.7-16C749 362 724 380.6 692 393.5c-30.3 12.1-62 8.7-92.7 14.4-19.4 3.6-40.2 1-58 12-23.8 14.6-41.9 55.5-34.3 82 5.7 19.5 14.7 37.7 18 58.1 6 39.3-.5 74-30.2 102.7-5 4.8-10.4 9.7-16.5 11.6-16 4.8-18.6 16.5-19.1 30.5-1.4 42.7-22.2 75-58.1 95.2-38.5 21.6-79.7 26-121.9 7.2-27.7-12.3-58.4-13.2-87.6-20.4-28-6.9-57.5-11.7-77.8-34.3a87 87 0 0 1-22.5-51.7c-2.3-26.8-2-52.8 6.3-79.3 14.7-46.4 47.4-76.7 86.2-102 31-20.1 60-42.1 84-70.7a466 466 0 0 0 50-71.7c22.8-40.8 54-74.5 88.6-105.4 6.4-5.6 12.2-11.7 20-17",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant37": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m689.4 224.5-11.1-16c4.8 8.9 5.6 19.1 11 27.8 11 17.8 5.6 33.5-13.5 42.6a123 123 0 0 1-23.7 9.2 29 29 0 0 0-19.7 19c-10.6 31.9-36.8 38.4-65 41.9-13.5 1.6-27.1 1.9-40.7 2.8a39 39 0 0 0-36.6 31.5q-3.6 20.2-5 40.5c-1.8 24.6-16.7 41.1-33.6 56.4a266 266 0 0 0-41.4 46c-13.3 19.3-9.5 40.8-10.7 61.8-1.2 19.4 8.3 34.8 16.3 51.3 16 32.9 34.9 65.3 23.3 105-4.3 14.8 2.6 29.3 8.2 43.1 1.6 4 4.5 7.6.3 11.5-3.5 3.3-7.4 3.5-11.9 2.5-19.7-4.3-36.9-15-55-23.1-31.2-14.1-59.9-33.2-92.5-45-21.2-7.7-41.3-19-62.7-26.7-31-11.4-63.4-18.5-95.2-27.3-30-8.4-61-15.4-82.4-41.8a48.5 48.5 0 0 1-.3-58.8C61.2 561 82.3 551.7 95 533a55 55 0 0 0 11-29.4c.7-37 18.9-62 50.4-79.5 23-12.7 41.2-29.5 51.6-55.7 8.5-21.6 16.8-44.3 35.3-61a119 119 0 0 1 35.5-21.5c18.6-7.7 39.4-10.5 55.2-24.8a63 63 0 0 0 19.6-35.2c7.7-43.4 35-66.6 74.8-78.8 23.1-7 45.7-15.7 69-22a201 201 0 0 1 98.6-2.8c19.4 4.5 33.7 17.3 45.3 31 47.7-21.6 93.8-26.7 137.9 4.8a186 186 0 0 1 50.2 55 240 240 0 0 1 19 35.8 187 187 0 0 1 12 88.9c-3.3 32.9.7 65.5.2 98.3-.4 24.7-5.6 48-20.5 68.3a32 32 0 0 1-16 13c-4.8-4.7-3.5-9.6-3.4-14 .5-34.2-4-68-7.9-101.8-1.6-14.6-12.1-22.2-21.6-30.2-16.1-13.6-30.4-29.3-46.8-42.6a165 165 0 0 1-36.8-41.5c-6.7-10.8-7.4-22.4-9.5-34a110 110 0 0 0-8.6-28.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant38": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M255 284.8c11-28 26-52.4 44-75.1a51 51 0 0 1 9-8.7c3-2.5 7.3-5.4 4.2-10.6-5.5-9.3-1.9-17.1 4.6-24.5-3.5-6-7.2-11.7-10-17.7-5.9-12.2.1-24.3 13.4-27.3 17.5-4 34.5-3.6 50 7 2.8 2 6.1 2.9 10 4.6 3.3-9.8 6-19 9.7-28 6.2-15.3 20-18 30.9-6.1 2.5 2.8 4.7 4.1 8.3 4.5 15.6 1.6 15.5 1.7 19.9 16.6 16.1-4.2 32.3-9 48.6-12.6 37-7.9 74.2-13.2 112.3-8.2a397 397 0 0 1 93.7 22.6c55.7 21.9 105.4 52.6 144.9 98.3q48.6 56 96.2 113c8.7 10.4 15.4 23 7.8 37.6-5 9.7-14 14.5-23.4 18.3-41.9 17.4-82.8 10.5-124.1-3.7-27-9.4-51-24.8-77.7-34.3-3.9-1.4-7.5-4-12.2-3-4 7.9-.9 16.9-6.5 25.3-12.2 18.1-30.6 17.3-47.8 17.7q-41.6.9-82.1-8.9c-30.5-7.4-60.9-14.7-90.1-25-4 4.5-.4 7 1 9.7 7.6 15.5-.8 29.8-17.8 30.3-8.2.2-16-.3-23.3-4.9a17 17 0 0 0-13.6-2.7c-3 7.3 1 14.2 1.4 21.2 1 25.9-5.3 50.4-11.7 75.2-6.4 24.3-20.2 44.8-32 66.3-2.9 5.2-6.5 11.1-13.4 10.1-7.6-1-5.2-8.6-6.5-13.6-4.3-16.3-2.2-34-9.6-49.7-7.3-15.4-15.8-30.2-31.5-39-12.6-7-29.5-3.4-36.2 9.2-2.8 5.2-8.3 5.5-11.3 10.7-5.6 9.8-13.7 17.8-12.2 30.5.3 2.4-2.7 4-6.5 3.6a230 230 0 0 1-23-123c1.7-17.8 1-35.7 2.3-53.6 1.3-17.7 6.2-34.2 10.3-52",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant39": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M461.8 518c2.5-18.4-.2-36 .9-53.4 1-16 4.6-31.2 15-43.9 2-2 2.6-5 1.8-7.6-6.3-3.4-10 1.8-14 5-20.6 15.8-25 39.2-26.3 62.5-1.7 28.2-14.6 51.8-25.3 76.6-12.4 28.7-18.1 58.4-11.2 89.5a164 164 0 0 0 31.4 70.1c4.6 5.6 12.6 7.8 14.9 17.2-11.3 4.3-20.3-1.3-29-6.9a128 128 0 0 1-45-52.4c-14-28.4-25-57.8-22.2-90.6a135 135 0 0 1 6.6-28.4c8.2-26.3 1.5-50.7-10-74-7.2-14.6-32.4-14-41 .6-12.4 21.3-11 44.4-5.7 66.9 4.6 19.4 17 35.7 26 53.3 25 48.5 54 96.3 52.9 153.3a125 125 0 0 1-29 77.4 48 48 0 0 1-27.6 17.4c-9.4 2-18.6 3.3-24.3-6.8-31.2 15.7-55.7 20.3-61 4.2-15.5 5.5-31.7 6.2-47.7 7.4-5 .4-10.8.4-13-5.7-2.1-5.7 1.2-9.3 5.2-13.1 24.6-23.4 39.4-51 41-75.8a90 90 0 0 1-34.4 9 26 26 0 0 1-18.6-7c-3.8-3.4-4.7-7.2-1.6-12.4A341 341 0 0 0 191 714c6.7-14.6 7.2-29.8 7.2-44.8 0-18.8-4-37.3-11.7-54.4-12.3-27.5-11.2-56-4.8-84 5-22 10.2-44.5 24.3-63.7 29.5-40.1 64.3-70 118.2-65.5.8 0 1.5-.7 3.3-1.5-2.6-26 1.8-51.9 6.6-77.8a258 258 0 0 1 22.7-64.5c20-41.6 50.7-74.1 87.7-100.8a242 242 0 0 1 90.3-39.2 290 290 0 0 1 65.7-7.8c85.8.7 157 33.3 215.7 95.4 32 33.8 51 73.9 62 118.1 6.5 26 13.4 51.8 13.7 79 1.6 119.4-3.5 176-6.7 221.6-3.3 48.5-9.8 90.6-47.8 123-3.9 3.2-8.5 5.5-13 8-5.3 3.3-6.1-1-7-4.8-26.2 21.5-56.9 26.2-69.4 9.6 24.8-3.5 36.6-23 52.4-38.8 29-29 36.7-58.6 38.6-85.6 3.9-56.6-20-61.2-24-96.7-2-16.8 7.9-47.9 8.9-64.7 3.2-53.3-32.5-76.7-74-105.8-19.1-13.4-68.7-64-77.7-100-3.1-12.5-24 94.5-81.4 106.7-29 6.2-49.4 32.2-66.3 57.7a52 52 0 0 0-8.4 28.8c-.3 15.4-1.3 30.7-6 45.4a75 75 0 0 1-20.8 30c-30.3 29.2-39.6 65.2-35 105.7a55 55 0 0 0 12.6 26.2c3.4 4.5 7.5 9.9 3 14.8s-10.4 1-15.4-1c-29.8-12-36.1-50-32.2-78.7 3.8-28 18.3-50.8 32.7-73.8a139 139 0 0 0 6.8-12",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant40": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M344.5 216.6c-11.9 1.6-20.1 8.2-25.8 19.7l-2.7 3q-2.9 2.7-4.2 5.7c-7 18.3-8.2 38-8.7 56.9-.2 6.1 2.8 12 5.8 18 3.7 7.2 7.6 14.7 6.2 23.5-.2 1.5 2 3.7 3.5 5.1q4.3 4 1.9 9.2c-8 17.1-8.6 35.6-9.2 53.8l-.2 5-.1 3.5c-.6 13.1-1.3 28.6 14.4 35.2 22.4 9.5 35.3 26.6 44.8 47.8 7.5 16.8 9.7 34.7 10.7 52.8 16.2-.6 23.1-6.3 24.4-22.9 1.2-15.2 6.8-29 12.3-42.7l1.9-4.6c21-52.7 58-94.1 95-135.5L529 334c3.1-3.6 6.4-6.4 12.1-3.8q27.1 12 54.6 23.3l7.6 3.2c9.2 4 18.4 8 28 9.6l8.8 1.6q22.7 3.8 44.9 8.4c24.4 5.3 49 9.4 73.7 13.4l20 3.4c13.8 2.3 28 6.2 38.7 17.2A56 56 0 0 1 830 466c-1.7 5.7 2 9.2 6.1 13l3.3 3.2c3.8-17.4 10-22.4 21.6-25.7 8.6-2.5 16.8-6.2 25-9.8a167 167 0 0 1 26.5-10.3c5.8-1.8 10.7-6 13.2-11.6a67 67 0 0 1 11-16c5.3-6 10.5-12.3 13-20.9l2.3-7c5.3-16.6 10.3-32.1-1.8-48.7q-2.4-3-3-7c-1.6-21-15.8-32.2-33-39.5q-4.3-2-8.6-4.5c-8.9-5.2-18-10.5-28.8-2.4-7.6-13.4-8.7-24.6 6-33 3.9-2.2 6-7 6.8-12q1-6.7 1.5-13.4c1.2-11.5 2.3-23 7.6-33.7 1.9-3.8 1-8.3.2-12.7l-.6-3.5c-.8-5.6-4.7-9.5-8.2-13.2-3.1-3.2-6-6.1-6.3-9.7-2.3-25.1-16.2-36.7-39-41l-.6-.4-.5-.3c-19.3-10.7-38.2-12.3-56.8 1.8-3.4 2.5-7.3 3-12 2.4-10.6-1.2-22.7 1-27 10.3a138 138 0 0 1-24.3 35.1c-5.1 5.6-9 7.7-16 6.6-13-2-34.6-1.3-48.2-.8-5 .2-9 .3-11 .2-3.6-6.5-2.7-14.2-1.8-21.3 4.6-36.6-17.1-62.8-53.7-64.4q-4.4-.3-8.6-1.8a66 66 0 0 0-57 8.8l-3.1 2c-12.7 8-26 16.4-33.4 31.7-1.8 3.7-4.3 7-6.7 10.2-4.9 6.6-9.8 13.3-9.7 23.6q0 4-.4 8.1a54 54 0 0 0 .4 16c1.5 7-.3 14.2-9.3 18.6-8.4 4.2-16.3 9.5-24 14.9l-10 6.7a75 75 0 0 0-40.8-10q-2.6 0-5-1-17.5-7.4-29.8 7a17 17 0 0 1-11 5.9m339.5-5.4c-.6-7.1-1.2-14-6-19.7-3.7-7.1-8.8-12-14-17q-4-3.6-7.7-7.7c21.2-1 36.5 29.5 29.8 57.7-1.3-4.4-1.7-8.9-2.1-13.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant41": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M286.1 384.9c9.9-14.7 13-31.3 21.2-46a329 329 0 0 1 57-72.4c26.3-26 54.7-49.7 88-66 45.4-22 93.8-33.6 144.2-30.8 32 1.9 63 10.8 92.8 24.6 29.7 13.7 102.5 9 155.6 113.1C906 427.5 866.2 489 873 550.2c6 52.4 27 99.3 32 151.8 5.3 56.9 20.2 141.3 1.7 200.3-4.3 13.8-13.9 17.3-24.3 17.6-22.9.5-44.5 8-66.7 9.9-25 2.1-49.3 8.8-74.6 9.7-18 .7-29-7.3-36.5-20.3a119 119 0 0 1-16.7-63c.2-9-.8-13.6-12-10.4-17 4.8-34.6 3.5-52 1-3.8-.6-9 .7-9.6-6.9a37 37 0 0 1 21-5.5c50.8-.5 93.5-20.1 126.8-57.8 22.6-25.5 41.4-55.1 49-88.2 6-26.4 7.5-54.5 10-82 4.6-49.4-3.5-99.5 9.3-149.7-19.8-3-37.6-12.5-56.4-19.4a175 175 0 0 1-41.2-21.9c-11.4-8-21-10.8-34.8-6.3-41.8 13.8-84.4 12.6-127 3.2-31-6.9-61.6-14.8-91.8-22.1-18.3 58.3-44 112-86.3 156.7-4 4.3-8.1 9.6-15.1 7-6-2.2-6.8-8-8-13.6-5-24.2-13.8-46-34.3-62-10.4-8-20.5-12.5-32.7-6.2a33 33 0 0 0-17.8 27.4 508 508 0 0 0 0 99.4c1.4 14.4 5 28.8 12 41.4 12.7 23 45.4 23.3 62.7 1.6 4-5.1 6.3-12.3 13.5-14.1 19 10.4 10.1 29.4 13.6 44.2 6.7 28.5 8.2 57.9 13.6 86.7 7.6 40.8 12.7 82.1 18.7 123.2 3.9 26.8-4.6 33-31.3 35.1-28.5 2.2-54.6 11.5-81.5 18.6q-30.7 8.3-61 17.2a24 24 0 0 1-21-3.4c-1.2 2-2.7 3.2-3 4.6-1.3 7-4.8 11-12.3 9.8-7.8-1.2-11.3-6.7-10-13.8 2.4-11.8.1-24.2 3-35.5 7-25.9 5.9-52.3 6.3-78.3.6-30.9 5.9-61 8.6-91.5 2.1-24 4-48.2 7.5-72.2 7-46.5 9.7-93.5 21.6-139.5 10.1-39.4 17.8-79.5 29.6-118.5 3-9.7 6.8-19.1 10.6-29.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant42": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M669.9 179.8c53.8 12.1 86.3 87.2 29.6 145.9 3 4 7.2 3.1 10.3 1.3 25.7-15.6 47.5-34.3 53.4-66.1 4.3-23.3-3.7-42.6-18.3-59.7-13.8-16.2-30.8-29-46.3-43.4-4-3.7-8.7-6.8-10-13.8 10.2-.3 15 7.8 20.8 12.8 18.9 16.1 39.6 29.8 53.2 52 17.5 28.8 12 76.9-13.6 101.3-17.2 16.6-35.7 29.7-61.7 27.8-11.2-.8-17.5 11-27.8 14.3-8.4 2.8-16.2 4-26.8 2 11.8-6.7 23.6-8.3 33.3-15a202 202 0 0 0 38-34.2c28-32.6 19.6-95.1-28.8-114-17.8-7-37.8-11.3-50.6-27.8l-3.7-5.2c-.6-1-.7-2.2-1.7-6.3 17 11.6 31.7 23.2 50.8 28M362 344.6c5-13.5 8.2-26.7 16-41.6-14.4 9.6-28.5 18.4-32.1 30.7-3.8 12.8-13.5 20.9-17.6 33a87 87 0 0 0-2.1 55c-12.3-16.2-13.7-33.7-6.3-53-7.2 5.7-7.9 5.8-7.7 13 .3 11-4.3 21.7-1.4 32.8.6 2.7-.9 5.4-3.4 6.3-3.6 1.6-5.8-.8-7.2-3.5a26 26 0 0 1-2.8-8.4 80 80 0 0 1 25.8-72.1q15.6-14.9 31-30c6.4-6.3 14-9.6 23-8 3.5.5 5.3-.4 7.6-2.9 26-28.4 59.8-39.6 99-44.2-7.4 9.8-16.7 11.6-25.2 13.5-32.8 7-58.8 23.5-77.1 51.8-6.4 9.7-9.7 20.7-13 31.6q-3.4 12-10 22.8c-5.1-10.8.1-18.2 3.5-26.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M770 345.5c-22 15.3-47.1 19.8-65.8 11.6 6.3-5.3 13.8-4.8 20.2-5 31.3-1.4 47.6-21.2 62.2-45.7 11.9-20 12.7-40.6 10-62.3-1.7-12.8-10.3-22.3-16.3-32.8-7.3-12.8-16.1-24.8-24.2-37.2-1.8-2.8-4.3-5.5-2-9.7.9.1 2.5 0 3 .6 15 21.4 33.7 40.5 43.1 65.5a98 98 0 0 1-5.3 83.3 114 114 0 0 1-24.9 31.7m62 18.8c18.8.4 27.3 7 30.8 24.8 5.6 29.2-5 53-25.7 73-2 1.9-4.3 4.4-9.5 1.9 17.7-28 27.4-56-9.6-78.1 11.5-10.3 19.5-2.5 27.7 4.3.2-12.2-.8-13.9-11.5-16.7-6-1.6-11.3-2.8-2.2-9.2M588.8 210c17.3 11 37 14.8 53.8 25.1 18.4 11.2 26.4 28 20.6 49a81 81 0 0 1-34.2 48.7 33 33 0 0 1-5.7 2.9c-.6.2-1.5-.3-3-.5.4-7.2 6.7-11.2 10.8-14.6 12-10.2 17.6-23.6 22.5-37.6 5.9-16.8-.3-31-15.5-39.6-21.4-12-45.2-19-65.3-33.6-15.7-11.5-23.8-34.7-14-53.6 0 25.9 8.7 43.3 30 53.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M757.3 363.6c31.4-13.6 45.6-39.9 57.6-68.9 13.2-31.6 3-61-5.3-90.7-2-7-2.3-7-1.4-15.8 9.1 8 10.1 19.2 13.4 28.5 18 52 5.1 99.7-32.6 139.3a57 57 0 0 1-43.4 18.4c-4.2 0-8.5.4-11-5.8z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M852.1 254.6c11.3 50.6-5.7 91.2-40.4 125.7a38 38 0 0 1-23.6 11.5c-4.7.4-8.5.3-9.8-5.8 5.1-7 14.6-3.7 21.2-9.2a128 128 0 0 0 46.1-82.1c3.9-23-3.4-43.6-8.3-65-1.2-5.1-4.1-10-2.4-15.8a99 99 0 0 1 17.2 40.7M397.2 431c9-20 19.3-38 36-51.2 4.3-3.4 8.1-8 13.7-2.8-45.4 44-64.5 96.4-51 162-17.3-17.7-14.8-75.8 1.3-108m199.9-124.3c17-28.8 3.9-44.6-19.3-61.2-14.4-10.4-32.5-14.4-46.5-25.8a52 52 0 0 1-18.4-38.2c6.2.6 7.3 4.3 8 7.3 4.7 20 19.1 29.6 36.5 37.5 15.2 7 31 13.1 42.8 26.6 13.8 15.9 16.1 37 4.5 53.9-2.1 3-2.5 3-7.6-.1",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M451.8 383c14.6-9.9 26.6-22.1 43-28-13 19-34.1 29.3-47.7 48-14.2 19.6-13.4 44-25.3 63.9-.8-31.5 9-59.2 30-84M846.7 354c3.3-9.9 9.1-9.9 14.8-4.4 17.5 17 27.4 42.9 6.4 69-2.7-.9-2.4-3.3-2-5.1 4.2-20.2 2.6-38.2-17.4-50-3.3-2-4.2-5-1.8-9.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M471.2 392c15.7-14.8 32.6-26 52.9-30.1 11.2-2.3 22-8.1 35.3-7.3-3.6 9.5-11.1 10-17.1 10.9-35.6 5-62 22.7-79.3 54.3-1.8 3.1-2.4 7.4-7.4 9.4-.3-14.8 6.6-26 15.6-37.2m-90.8 138.7c0 4.5 2.6 8.4-1.4 11.5-17.4-29.5-21-109.6 11.7-125.4-20 36.4-19 74.4-10.3 114m122.6-260c-22-1.1-37.1 12.2-55.4 24.3 13.3-30.6 69.2-42.1 87.5-20.5-11.2 2.1-20.5-6-32-3.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant43": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M906.2 355.7c6 27.1 12 53.2 10.8 80.4-1.2 29 5 57.4 8.2 86.1 3.8 33 13 66.4 2 99.7-6.2 18.6-18.2 33-37.9 46.3V609c-3.7 40.6-8 79.4-51.3 100.5-8.2-12.8-4-25.7-4.1-37.4-.6-46.9-9.8-93-10.5-139.8a258 258 0 0 1 8-63.1q.3-1.3.8-2.4c2.3-12 2.4-20.8-11.5-29a260 260 0 0 1-90.9-90c-50.7 35.9-106 49.9-166.4 37-15.4 30.1-38.6 52.4-62 74.8a654 654 0 0 1-83.8 66.4c-5.5 3.7-11.3 8.5-12.2 15.8-1 8.3-6.4 10.9-13.2 10.6-7.2-.2-12.5-3.5-14.7-11.5-4.6-16.4-10.3-32.4-15-48.7-3.9-13-13-21.6-22.8-29.7-11.4-9.5-33.5-4.9-44.4 9a91 91 0 0 0-17.7 45.6 172 172 0 0 0 29.6 123.4c21.5 30.5 43 20.4 59.5-4 3.8-5.4 6.6-11.5 12.8-15.5 7 5.3 7 12.7 7.2 19.6.8 18.3-.6 36.6 2.2 54.9 1.3 8 2 17.7-11 18.9-20.7 1.8-26.1-1-28.2-16-.6-4-.5-8.3-.7-12.8-.7.8-1.6 1.4-1.8 2-4.8 23-15.6 27.4-43.4 16.8-7.2-2.7-13.8-6.6-20.8-9.8-6.5-3-7.3-8.8-8-15-.6-5.7 1.4-11.7-1.7-18.2-3.3 5.7.9 14.1-7 16.5-7.8 2.4-12.9-3.5-18.3-7.3a70 70 0 0 1-20.9-25.2c-20.2-37-35.5-75.6-33.6-118.5 1.4-32.8 11-63 34.5-87.9 15.1-16 25.5-36 29.8-57.6 14.1-67.9 56.5-112.4 117.3-142.8 37.8-18.9 78.5-32.4 113.6-56.2a312 312 0 0 1 84.7-43c50.8-15.1 101.1-16.4 151.7 5.5 39.5 17.1 62 46.7 75.7 85.1a16 16 0 0 0 11 11c49 16.4 72.2 55.6 89 100.5 1.5 4.4 3.4 8.7 5.4 14",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant44": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M323 449.3c.3-46.6 9.3-82.5 30.6-125.3a377 377 0 0 1 108-133.5 488 488 0 0 1 79.5-52.1 268 268 0 0 1 86.8-23.8c53-6.8 104.3.6 155.3 7.7q39.1 5.5 76 19.7a62 62 0 0 1 19.4 12.9c7.5 6.9-2.2 12.3-3.5 18.4-2.4 12.2-6 24.2-7.8 36.8 8.2-13 18-25.1 27.5-37.4 6.9-9 15-8.7 25.4-5.6 9.7 3 12.3 8 11.2 16.4-2.8 21-13 40.3-19.7 60.3-10.3 30.5-23.5 60.4-34.5 90.7-3 8.4-9 15.2-12.3 23.4-2.5 6.3-9.8 6.9-16.2 4-55-24.7-114.2-40.1-173.6-54.6-49.8-12-81.2-20.9-134-13.9-62 8.3-111.6 44.7-144.8 77.8-30.4 30.5-49 74.3-48 92 .5 7.1-25.3-7.6-25.3-13.9m46 53.3c-3.9-14.3 10.8-14.1 13.7-23.6 4.8 5.3 7.8 10.3 4 13.8a40 40 0 0 0-12.8 24.3c-5.9-4.4-4-9.4-5-14.5",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M360.4 462.6c11.2 4.8 12.5 14.6 3 27.5-7.4-7.6-3.2-16.7-3.6-26 .3-1.3.6-1.5.6-1.5m26.1-2.6c-2 6.6-1.8 13.5-8.3 18-8.4-8.1-2-15.5 1-21.8 1.6-3.3 6-1.4 7.3 3.8m-15.7-55.8c-.7 7.3-.5 14.8-8 19-6.6-12.3-5.2-17.7 6-20.3 1 0 1.6 1 2 1.3M360 462.9c-6.2-10.2-6-19.6 3-30.6 5.8 11.8-.8 20-2.4 29.4-.2 1-.5 1-.6 1.2m45.4-63.1c-5.3 4.6-9 2.7-9-2.6-.1-4 0-10.3 5.9-11 5.6-.7 4.8 4.4 4.7 8q-.3 3-1.6 5.6M380 424.6c13.4 6.8 2 13 1 22.3-6.5-8.9-4.7-15.4-1-22.3m25.5-12.6c13.4 6.8 2 13 1.1 22.3-6.6-8.9-4.8-15.4-1.1-22.3m10-38.4c4.3-4.8 6.3-1.6 7.3 1.7q2.7 8.4-5.9 12.5c-3.2-4.3-.7-9-1.4-14.2m12.5 22.9c-2.9-6.6-3.6-12 4.4-15.6 3 7 7 13.2-4.4 15.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant45": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m770 256.5-15.8-7.5q-10-3-19.6-6.3a258 258 0 0 0-41.8-11.3c5.3-26.5-2.3-45.6-29.5-53.5-4-1.2-4.8-3.8-5.2-7.7-3.1-35.4-32.7-54-65-40-8.9 3.9-14.4 3-20-3.2-18-19.8-40.6-30.6-66.2-37.7-36.2-10-70.5-8.4-103.7 9.4a262 262 0 0 0-81.2 68.5 238 238 0 0 0-39.9 72c-13 38.9-25.7 77.9-32.6 118.9l-3.7 22.4c-6.3 39.4-12.7 78.9-27.2 116.7l-.5 1.3c-11 29-22 57.6-43.7 80.7-14.4 15.2-27.7 14.7-42.2-.4-4.1-4.2-7-9.2-10-14.4-3.4-6-7-12.1-12.7-18-22 25.2-22 53.5-16 83.8-5-2.4-6.9 0-9 2.9l-1 1.3c-12 14.8-5.2 62.7 5 78 22.2 32.8 54.1 43.9 91.8 45.4 14 .6 27.4-.6 39-8 4.1-2.7 8.6-4.6 13-6.5 8.1-3.5 16.2-7 22-14.5-10.4 23.5-25 41.8-50 51.5-6 2.3-12.3 3-18.4 3.5s-11.9 1.1-17.6 3.3c-8.8 3.3-12 8.5-8 16.5a115 115 0 0 0 46.4 51.8c22 12.5 46 16.9 70.6 7.3 1.3 2.3.5 4.2-.3 6.2-.8 1.8-1.6 3.7-.9 6.2 20.4 1.6 41.3 1.6 61.6-2 14.3-2.5 67.8-39.1 67.6-57-.2-21.9-4.6-42.7-9-63.3-5.5-26.9-11.1-53.5-7.4-82.1.8-6-.8-36.5-6.5-39.6-5-2.6-18.1 15.1-24.7 24l-3.2 4.2c-30.9 36.5-118-55.1-78.3-165 14.4-39.6 61.7-49.6 83-12 9.2 16.2 5 33 .6 49.8l-.4 1.8c-9 35.1-6.2 61.4 36.1 78.6l2.8 1c4.3 1.6 8.7 3.2 11.4 8.7 9 18 11 35.1-1 52.5q-1 1.4-2.1 2.4c-2.2 2.3-4.4 4.5-3 8.4l.9.6q.8.7 1.4.7c22.2-6 34.5-22.7 42.1-42.5 6.4-16.6.2-31.8-11.4-44.5-6.3-7-12.5-14-17-22.2-9.4-17.7-1.9-35.8 17.2-41.8q2.8-1 5.5-2.4l3.7-1.8c9.3-3.8 16.6-10.3 24-16.8q5.1-4.5 10.6-8.9c21.3-16 37.6-35.4 40.8-62.9q3-26 9.4-51.3a22 22 0 0 1 1.2 7.5c-.4 16.5 2 19.8 18.5 20.4 11.7.5 22.8-2.6 34.2-5.8q7.5-2.1 15.1-4 1.4 1 2.1 3.2c1 2.6 2.3 5.4 6.4 4.8q8-.9 16-.5c7.7.3 15.6.5 23.4-2.1a354 354 0 0 0 2-67c-.5-18.5-1-38.2.2-60.7 7.2 11.2 17.8 53.4 18.3 64 3.2 66.4 11 67 16.5 67.5l2 .3c9.3 2.8 22 5 34.8 7.4 13.5 2.4 27.3 5 37.9 8l4-38.8 3.6-.3q1.4 5.4 3.1 10.7c2.8 9 5.6 17.9 5.5 27.6-.2 10 2.7 17.4 15.8 20.7a203 203 0 0 0 6-41q.7-9.3 1.7-18.8a41 41 0 0 1 6.9 22.6l.2 6.2c.4 12 .9 23.8-1.9 35.6-1.8 8 3.8 12.5 9.1 16.8h.1c3.6 3 5.6.6 7.7-1.6q.7-1 1.6-1.6c-2.6 16.3 6.7 27 15.9 37.5l6.3 7.4c4.3 5.5 12.8 1 14.9-4q3.2-7.4 7.7-13.7a99 99 0 0 0 6.2-10.5c12.2-25 15.7-52.2 16.2-79.4a128 128 0 0 0-7.8-44.8c-11-31-33.4-53.6-56.8-75.4-16-15-35.5-24-55.4-33.4m-406.2 72q.4-1.6.3-2.8c3.9-34.8 22-59.6 46.8-80a46 46 0 0 1 32.4-12.2c7.8.6 14 3 18.1 10.6-39.2 22.3-68.7 54.6-94 91.3-4.5-1.5-4-4.3-3.6-7",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M671.8 241.1c9.6-6.7 16.7-15.4 14-27.5-3-14.1-11-25-26.7-27.1-7.5-1-12.2-3.8-10.8-12.3 2.7-17.5-7.6-27-20.7-35.8-13.5-9-25.7-5-36.7 3-8.2 6-13.5 5.7-21-.7-18.2-15.2-34.3-14-50 3.6a32 32 0 0 1-19 11.8c-10.4 1.8-15 9.2-18.5 18.6-5.2 14.2-1.2 29.4-6.5 43.7-3 8.1-4.3 18.1 9 21 3.2.7 3 4.3 3.4 7.4 3.8 26.2 16 33.3 40.5 24a21 21 0 0 1 12.4-1.5c11.8 2.5 24 7.1 34.7-4 1.5-1.6 5.7-1 8.6-.5 15.2 2.4 28 0 35.5-17.1 18.5 10.9 33.7-1.2 51.8-6.6",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant46": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M202 910.7c-22 4.7-38.8 1.3-53.3-10.7 1.7-6.4 7.8-8.5 12.3-12.2 4-3.4 10-4.7 13.5-12.9-15 9.2-28.4 16.5-43.2 20.8-28.5 8.3-56.1 9-81-10.6a50 50 0 0 1-8.8-9.2c-6.4-8.5-4.9-13.4 5.3-17.1 12.6-4.6 26-6.1 38.6-11.9 35.2-15.8 52.7-43.6 61.7-79.2 15.8-62.2 15.8-126.1 22-189.5 5.6-58.3 4.2-117 15.3-175.2 13.3-70 38-134.6 78.2-192.6a331 331 0 0 1 124.8-109.6 244 244 0 0 1 138.1-25q55.8 5.9 101.1 37.8c11.6 8.2 20.4 4 30.7-2C683.2 96 710 85 741.4 94.5c14.3 4.3 25.5 11.8 28.9 26 4.4 18.4 6.2 37.4-12.4 50.9-1.6 1.1-2.7 3-5.3 5.6 18.5 3.2 34 10.2 48.6 19.4 26.3 16.8 40.6 42 51.9 70 16.3 40.7 17.9 75.2 14.4 116.8-2 24-14.7 56.2-22.8 79.5-1.4 4-4 6.2-8.6 6.4-.8-1.1-2.3-2.2-2.2-3 5.2-23-11-30.4-27-38.6a109 109 0 0 1-56.5-62.3c-.7-1.8-2.6-3.2-3.8-4.7-7.8.8-9.3 8.9-14.6 11.7-20 10.6-39.7 19.5-64 10.3-12.1-4.7-24.8-7.6-35.6-15.3-7.1-5-10 1.3-13 5.5a81 81 0 0 1-42.6 30.6c-25.2 7.5-45.7-2.3-65.5-15.9l-11.1-7.3c-5.4 8-6.8 16.8-9.5 25-11.7 34.4-39.2 55.5-76.6 51-8.2-.9-12 1.1-14 8.5-4 15-15.8 19-29.2 20.3-4.8.7-9.5-1.2-12.4-5a89 89 0 0 0-21.9-17.5c-24-14.6-38.4-2.6-49.4 17.2-17.1 31-16.5 64.7-12.4 99 2.6 22.2 11 41.3 23.2 59.5 17.3 25.8 40.2 22.9 61.4 11.8 5.1-2.6 7-8 8.7-13.5 1.4-4.5 4.7-8.7 10-8.7 6.5 0 7 6.3 7.6 10.4 3.9 28 13.6 55.3 11.9 84.4-1 17 3.2 33.6.8 51.5-4.4 33.3-21.4 59-40.4 84a187 187 0 0 1-82.1 60.4c-14.8 5.8-30.8 10.3-47.3 6.8-3.8-.8-8.8-.6-10.2-6.1-1.5-5.8 2.2-8.7 6.2-11.3 3.5-2.3 7.2-4.1 9.6-8.4-10.7 3.8-19.6 11.2-32.2 11.4",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M419 170.6c-7.7 1.6-12.2 6.8-16.5 13-8 11.7-5.4 24.7-5.3 37.3.2 13.4 7.3 23 19.2 29.2 3.1 1.6 8 1 7.8 7.5-4.9 1.4-10.7 1.6-14.2-1.4-12.1-10.4-20.8-4.2-29.6 4.5q-5 4.9-10.2 9.5c-27.8 25.8-54.2 52.6-68.2 89-3.7 9.8-.2 15.2 7.6 19.2 4.2-1.6 3.8-5 4.9-7.7a210 210 0 0 1 34.9-58.7c2.7-3.3 5.9-6.2 9.5-3.3 4.3 3.3.8 6.6-2 9.4-13.5 14.4-22 32-31.5 49.1-4.1 7.5-2.9 15.8-2 23.8.4 4 3.7 7.2 7.7 7.4 3.7.4 4.6-2.8 5.6-5.8a272 272 0 0 1 38.5-74 284 284 0 0 1 112.8-94c14.3-6.7 30.5-9.6 43.4-20.1-19.7-14.9-19.7-14.9-41.6-10-17.2 3.6-34.6 6.1-51 12.8 19.3-25 50.4-18.5 76-27-2.3-5.6-6.2-6.5-10-7q-29.5-4.3-59.2-8c-8.7-1-17 .6-26.6 5.3m193.9 23.1c21.6 4.7 44.3.4 65.7 6.7 12.4 3.7 25 3.3 37.4 4 8.8.5 17.7-1.9 19.3-13-7.2-7.4-20.6 3-25.8-10.8 7.8-1.4 14.7-1.6 21-4 24.4-9.2 40-25.3 31-53.3-5.6-17.5-32.7-28.4-55-23.4-37.6 8.3-65.4 32.2-94 56.1l7 14.6c14.6-4.8 27.3-13.5 41.4-18.9 13.9-5.3 26.9-15.8 44.6-11.5-3 6.4-8.3 8-12.7 9.3-17.6 5.4-33.9 13.6-50.7 20.7-11.7 4.9-24 9.2-29.2 23.5m-45 3.2c10.3-2 20.8-2.3 30.2-8.7 5.6-3.7 11.3-7 10.6-14-.8-8.2-7-13-14.8-13.5-19.6-1.5-39 .1-57.8 6.7-7.4 2.6-13 6.4-10.9 15.7q3.4 13.6 17.3 13.9c7.7.2 15.4 0 25.4-.1m245.3 70.9c2.3.6 3.4 4 9.2 2.4-9-27.4-39.3-29.4-57-48.5 24.4 2.5 40.6 16.8 58.8 27.7-4.3-24-26.4-30.3-42.8-39.6-21.8-12.5-26.2-15.6-57.5 3.5a358 358 0 0 1 89.3 54.5",
+                "fill": "white"
+              }
+            }
+          ]
+        },
+        "variant47": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M398.6 472.4c3.2 10.4-1 20-3.5 29.9-4.2 17-8.7 34-10.2 53.5-7-4.8-6-10.2-7-14.8-5.3-25.5-12.6-50-31.3-69.2-14-14.2-28.6-13.3-40.4 3.6a130 130 0 0 0-21.9 101.2 235 235 0 0 0 15.6 57.2c5.3 11.6 9.4 26.3 25.1 28.7s33.5-12.5 37.8-31.3c1.2-5 1-11 8.2-10.3 8.4.8 6 7.7 5.7 12.8-1.5 25-.6 50 .6 75 1.8 40.9-15.1 72.6-49.3 91.9-25 14-63.2 11.3-83.3-13-3-3.5-4.9-6.7-3.8-11.3 16.5-6.4 24-14.2 38.7-41.2-18.5 19.8-37.6 31.5-61.4 34.5-14 1.8-26-3-38-9-4-2-7.3-5.7-6-11.4 1.2-5.5 5.6-3.8 9-4 21.1-1 37.3-12.2 51.8-26.8 6.3-6.4 4.6-14.6 5.7-25.5-14 12.8-26.1 23.5-40.6 30.3-24.9 11.8-50.3 19.2-77.3 6.8a42 42 0 0 1-13-9.7c-8-8.4-7-13.3 3.7-18.3a166 166 0 0 1-44.2-30c-5.6-5.7-11.2-12.2-8.7-21 2.6-8.8 11-8.2 18.3-10a154 154 0 0 0 90.5-57.4c29.2-38 47.3-82 61.6-127A879 879 0 0 0 260.4 333c4.4-26.7 11.9-52.9 18.8-79q11-42.5 23.9-84.2a210 210 0 0 1 74.2-105.7c38.2-29 81.7-48 128.8-54.9 21.8-3.1 44.7 0 66.1 7.2 32.7 10.9 63.8 25 88.3 51.2 16.8 18 27.8 38.5 28.6 64.1.3 9.4-5.3 10.5-12 10.2-7.6-.4-15.2-2-22.9.5 15.3 1.1 29.6 6.4 44.5 9a196 196 0 0 1 86.2 38.7c29 21.8 56 45.6 74.6 78.2 8.6 15 11.8 31.6 17.7 47.4 7.1 19 9.3 39.7 8.7 60-1 29.2-7.4 56.7-27.5 79.7-8.4 9.6-27.7 18-35.6 39-1.6 4.3-4-35-3.2-42.1 3.9-32-2.7-31.6-23.6-53.2-15.6-16-35.3-25.7-54.3-36.8-22-12.8-46.2-19.7-68.4-31.6-11.7-6.4-19.3-17-26.8-27.3-25.5-34.7-30-32.3-39-37.6 27.2 36.7 16.3 32.7 29 53.7 4.9 8 2.5 13.6-6.7 13.5-17.5-.2-34 6.5-51.2 8-8.7.6-14.7-1.1-20.3-8.4-16.6-21.6-22.3-23.8-39.3-45.2-1.8-2.2 9 29.7 22.8 56.5 5.2 10 2.8 15.6-7.8 18.9q-28.6 8.7-53.8 25.4c-6 4-9.5 3.5-13.6-1.2-12-13.5-20.6-28.8-34.3-41.3 6.3 13.4 8.8 29 16 42 8.7 15.7 8 21-4.9 33.6-8.4 8.1-16 17.2-23.6 26-7.8 9-11.4 9-18.4-.4Q390.8 433 382 417.6c-.2-.3 11.2 37.3 16.6 54.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant48": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M761.5 229c-8-3-16.2-6-23.2-11.9l-9.8-3.8L717 209q-9-3.5-18-7.4c-17.7-7.6-35.3-15.1-55.2-15.5q-2.8 0-5.8.5c-4.2.6-8.5 1.2-12.8-1.3 16.8-14.3 18-53.8-.6-63 10.7-29.5-2-54.6-32.8-60.8-23.2-4.7-36.2-20.3-46.6-38.8-10.6-19-29.3-27.2-49.7-20.1q-5.3 1.9-10.5 4.3c-8.4 3.7-17 7.4-25.9 6.7-10.4-.7-19.7.7-28 5.2A112 112 0 0 1 365 33.3c-3.2-.4-6.1.9-9 2.1l-2 .8c-20 8-24.5 27.7-28.2 44.5l-.2 1c-4.3 19.1-14.7 32.3-26.8 45.9-14.6 16.5-25 35.4-19 58A95 95 0 0 0 289 206a90 90 0 0 1 11.4 29.7c1.9 7.8 3.6 15.2 1.9 23.6-4.5 22.5 3.6 41.4 23.7 51.7 10.2 5.2 7.6 12 5.2 18.4l-.7 1.8q-4 10.7-8.6 21.3a257 257 0 0 0-12.8 34.7q-1.8 6.8-3.9 13.4c-4.4 14.7-8.8 29.5-7.7 45.9.8 12.6 2 14.7 14.2 14a39 39 0 0 1 36.6 18.5c10.9 15.6 14.8 33.2 18.8 50.7q1.4 7 3.2 13.7c1.5 6 4.4 11 9.7 8.2 7-3.7 14-4 21-4.3l6.2-.3q9.6-.9 11-10.5c.5-5 1.8-9.2 7.8-10 6.6-.7 9.8-5.2 13.2-9.9l2.5-3.4q5.6-6.7 12.5-12.6a62 62 0 0 0 19.1-24.3q.5-.6 1.7-.7 1.1-.2 1.8-.6c8.4-5.2 17.5-8.9 26.7-12.5 11-4.5 22-8.9 31.7-16 6.3-4.6 14-6.9 21.7-6.6 11.8.4 19.9-9.5 17.5-21.4q-.4-1.5-1.1-3c-1.1-2.4-2.2-4.9.5-7.5l2.4.3a4 4 0 0 1 2 1.5c7 14.4 19.3 18 33.9 16.9q9.4-.6 18.7-.8c9-.1 18-.3 27-1.5 20-2.7 39.7 1 59.3 5.3 2.2-12 1.5-23.5-5.9-35.2 7.3 3.5 9.8 8.9 11.7 13.7a23 23 0 0 0 14.7 14.6c11.5 4 22.2 9.5 33 15.1 15.4 8 32.4 9.8 49.6 11.5l14.6 1.6q1.8 4.8 2.9 10c1.8 8.2 3.7 16.6 13.2 21 13-10 16.3-25 19.5-38.8l2.2-9c7-25.8 3.2-53.2-4-79.7a115 115 0 0 0-12.4-27.4c-3.3-6-6.7-12-9.3-18.4a118 118 0 0 0-19.5-28.8q-5.4-6.4-10.4-13a77 77 0 0 0-19.8-16.7q-7-4.6-13.3-9.8c-6.6-5.5-14.4-8.4-22.4-11.4m-141-79.7q.1-3-.4-5.4l-.4-1.7q-.3-.8-.2-1 .5-.8 1.4-1.4c6.4 5.4 7.2 11.7 2.4 20.1-3-3.5-2.9-7.2-2.8-10.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M356.3 717.2c-4-6-7.3-10.5-13.4-14-12.2-6.7-13-21.7-20.2-32.4-2-2.9 1.1-6 4.5-8 12-7 24.7-12.7 33.2-25 4.5-6.4 13-3.3 14.9 5.3q3 15 3.8 30.3c.7 19.3 3.8 38.6.3 58.7-10.2-1-18.9-3.3-23-15",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant49": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M838 274.6c.2 17.7 1 25.4 1 42 7-16.5 7-24.5 5-41.7-2-16.7-2-33.7-10-49.8 27.7 2.1 54.1 30 56.2 56.6 2.8 37.8-1.8 77.8-15 112.3-7.4 19.3-20.2 42-31.3 54.4-9.2-2.8-14-14.4-18.3-19.8a116 116 0 0 0-69.6-42.5c-36.6-8.2-72.7-3.6-109.1-.4q-47.7 4.4-95.6 5.8c-15.6.3-31.1 5.4-47 1-1.9-.5-5.2 1-6.8 2.6-17.2 17.8-39 30-56.8 47.2-18.9 18-25.2 41-26.4 65.6-.7 16-4.4 31-7.7 46.4-2.7 13-13 12.7-21.9 12.4-9.8-.3-6.7-9.5-8.4-15.6-8.6-29.5-11.9-61.4-37.6-83-3.9-3.3-8.2-7.7-12.7-8.1-12.5-1.3-13.5-9-13.5-18.7 0-24.7-2-49.5-.2-74 3.6-47 17.8-90.4 48.9-127.2a130 130 0 0 1 61.2-40.9 540 540 0 0 1 87-22.7c43.5-6.3 87.4-12.7 131.6-4.6a160 160 0 0 0 35.6 3c35.4-1.6 68 8.2 100 21.9 8.9 3.8 17.7 8.9 27 10.8 22.3 4.5 25.6 22.4 30 39.5 2.2 8.6 2.7 17.6 4.3 27.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant50": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M890.2 284.7c7.5 37.1-1.8 77.8-15 112.3-7.4 19.3-20.2 42-31.3 54.4-9.2-2.8-14-14.4-18.3-19.8a116 116 0 0 0-69.6-42.5c-36.6-8.2-72.7-3.6-109.1-.4q-47.7 4.4-95.6 5.8c-15.6.3-31.1 5.4-47 1-1.9-.5-5.2 1-6.8 2.6-17.2 17.8-39 30-56.8 47.2-18.9 18-25.2 41-26.4 65.6-.7 16-4.4 31-7.7 46.4-2.7 13-13 12.7-21.9 12.4-9.8-.3-6.7-9.5-8.4-15.6-8.6-29.5-11.9-61.4-37.6-83-3.9-3.3-8.2-7.7-12.7-8.1-12.5-1.3-13.5-9-13.5-18.7 0-24.7-26-41.5-24.2-66 3.6-47 41.8-98.4 72.9-135.2a130 130 0 0 1 61.2-40.9 540 540 0 0 1 87-22.7c43.5-6.3 87.4-12.7 131.6-4.6a160 160 0 0 0 35.6 3c35.4-1.6 68 8.2 100 21.9 8.9 3.8 18 24.6 27 27.8",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M404.2 280c10.3 9.6 20.8 17.5 27.7 29.1 12 20-3.7 57-22.3 70.1a645 645 0 0 0-31.4 23.7c-7.5 6-13 5.4-19.7-1.6a231 231 0 0 1-44.3-69.2 416 416 0 0 1-28.4-84.1 57 57 0 0 1 .1-27.8q5.4-18.6 22.1-9.7c35 18.6 67.4 40.8 96.2 69.5m382.1-15.2c-2.2 7.5-4.7 13.9-5.8 20.5-4.1 24.7-12 30.7-34.2 21a165 165 0 0 1-51.9-33.4c-18.4-18.4-16.3-21.8-3.7-45.4 16-30 42.1-51.6 65.2-75.8 12-12.6 24-25.1 38.5-34.8 5.7-3.7 12.8-9.8 19.7-5.3 7.6 4.9 6.6 13.6 5.1 22a612 612 0 0 1-19.4 84c-4.8 15-11.7 30-13.5 47.2m-220.9-89.6a741 741 0 0 1 28.5-99.7c.7-2 .7-4.6 2-5.9 5.9-5.8 7.8-17 17.7-16.8 10.1.2 10.9 11 14 17.9 12 27.3 15.8 57 21.2 86 4.6 24.9 9.9 49.8 11.1 75.4.6 12-2.6 18.7-16 20.6-16.3 2.4-31.7 9.3-48.6 9.2a63 63 0 0 1-30.3-7.8c-12.5-6.6-15.5-16.4-12.8-28.6 3.7-16.6 8.5-32.9 13.2-50.3m-130 57.8c-5.3-41.4-15-81.3-12.9-122.5.3-5.6 0-11.7 6.8-13.6 6-1.8 11.6-.8 16.2 4.4q27.7 31.6 50.7 66.7c11.6 17.7 23.4 35.3 33.2 54.2 11.2 21.6 10.3 35.5-6 52a75 75 0 0 1-44.6 22c-28 3.8-32.4-10.6-37.6-32.2-2.4-9.6-3.8-20-5.8-31m-75.1 230.4c-.3 6.8 1 12.8-1.7 18.5-15.3-9-27.2-22.9-46.2-20.4-2.5.3-5.6-.3-7.5.9-12.7 7.9-20.2-.1-26.7-8.9a370 370 0 0 1-50.2-87.8c-2.5-6.5-5.4-14 .5-19s13.2-2.2 20.3.5a333 333 0 0 1 78 44.5c10.8 8 21.9 16 31.2 25.7a25 25 0 0 1 6 25c-2 6.5-4 13-3.7 21M866.4 335c-5.2 12-12.9 21-20.1 30.3-7 9-15 9.2-23 2a128 128 0 0 1-30.5-43.2c-4.2-9.2-2.7-19.5 5.4-25.7 25.4-19.3 46.4-43.5 72-62.5 12.5-9.3 24.7-19.2 38.7-26.3 4.1-2.1 8.6-4.5 13-.5 4.3 4 3.2 8.8 1.2 13q-17.9 37.8-36.4 75.3c-6.2 12.5-13.2 24.7-20.3 37.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant51": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M411.2 287c10.3 9.6 20.8 17.5 27.7 29.1 12 20-3.7 57-22.3 70.1a645 645 0 0 0-31.4 23.7c-7.5 6-13 5.4-19.7-1.6a231 231 0 0 1-44.3-69.2 416 416 0 0 1-28.4-84.1 57 57 0 0 1 .1-27.8q5.4-18.6 22.1-9.7c35 18.6 67.4 40.8 96.2 69.5m382.1-15.2c-2.2 7.5-4.7 13.9-5.8 20.5-4.1 24.7-12 30.7-34.2 21a165 165 0 0 1-51.9-33.4c-18.4-18.4-16.3-21.8-3.7-45.4 16-30 42.1-51.6 65.2-75.8 12-12.6 24-25.1 38.5-34.8 5.7-3.7 12.8-9.8 19.7-5.3 7.6 4.9 6.6 13.6 5.1 22a612 612 0 0 1-19.4 84c-4.8 15-11.7 30-13.5 47.2m-220.9-89.6a741 741 0 0 1 28.5-99.7c.7-2 .7-4.6 2-5.9 5.9-5.8 7.8-17 17.7-16.8 10.1.2 10.9 11 14 17.9 12 27.3 15.8 57 21.2 86 4.6 24.9 9.9 49.8 11.1 75.4.6 12-2.6 18.7-16 20.6-16.3 2.4-31.7 9.3-48.6 9.2a63 63 0 0 1-30.3-7.8c-12.5-6.6-15.5-16.4-12.8-28.6 3.7-16.6 8.5-32.9 13.2-50.3m-130 57.8c-5.3-41.4-15-81.3-12.9-122.5.3-5.6 0-11.7 6.8-13.6 6-1.8 11.6-.7 16.2 4.4q27.7 31.6 50.7 66.7c11.6 17.7 23.4 35.3 33.2 54.2 11.2 21.6 10.3 35.5-6 52a75 75 0 0 1-44.6 22c-28 3.8-32.4-10.6-37.6-32.2-2.4-9.6-3.8-20-5.8-31m-75.1 230.4c-.3 6.8 1 12.8-1.7 18.5-15.3-9-27.2-22.9-46.2-20.4-2.5.3-5.6-.3-7.5.9-12.7 7.9-20.2-.1-26.7-8.9a370 370 0 0 1-50.2-87.8c-2.5-6.5-5.4-14 .5-19s13.2-2.2 20.3.5a333 333 0 0 1 78 44.5c10.8 8 21.9 16 31.2 25.7a25 25 0 0 1 6 25c-2 6.5-4 13-3.7 21M873.4 342c-5.2 12-12.9 21-20.1 30.3-7 9-15 9.2-23 2a128 128 0 0 1-30.5-43.2c-4.2-9.2-2.7-19.5 5.4-25.7 25.4-19.3 46.4-43.5 72-62.5 12.5-9.3 24.7-19.2 38.7-26.3 4.1-2.1 8.6-4.5 13-.5 4.3 4 3.2 8.8 1.2 13q-17.9 37.8-36.4 75.3c-6.2 12.5-13.2 24.7-20.3 37.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant52": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M717.4 273.8c-32.8-.4-59.2 42.4-81.9 43 12-34.2-8-19.1-14.2-18.5-13 1.3-16.1-17-27.8-21.2-20-7-72 25.4-91.6 60.4-13 23.2-17.1 36.6-34.5 57.6a185 185 0 0 1-27 26.3c-5.5 4.5-11.6 8.3-19.5 13.9 13.5 2.5 11.2 9.3 6 15.2a42 42 0 0 1-23.5 14c-11 2.3-18 8.3-19.2 20.5-1.7 16.5-3.3 33 0 49.5 1 5 2.3 11-2 15.5-4.3 1-6-1.3-6.3-4.6-2.7-25-13.1-46.7-28-66.9-12.4-17-25.6-22-45.5-14.7-1.8.7-4 0-6.6 0-1-12 .8-22.2 9.6-30.7 10-9.8 10.2-17.7 1.8-29-2.8-3.7-5.6-7.2-6.9-12-3.9-14.4 1-20.5 15.8-19.3 2 .2 4.2 0 9 0-10.3-5.7-19.7-8.3-26.8-14.7-2.5-2.3-6.3-3.5-5-7.8 1.3-4.4 5.2-5.2 9.2-5.2 10.2-.1 20.5.2 30.7-.4 6.7-.4 12-5.8 6-10.8-17.7-15-25-37.4-41-53.2 6-10.6 15.7-13.3 30.1-7.7 13 5 25.7 10.6 40.7 16.8-5.6-13-14.9-21.2-18.6-32.4-1.6-4.7-5.8-9.6-2.1-14.3 3.6-4.5 9.3-2.6 14.4-1.6q20.2 4 40.3-.1c-10.4-13.7-20.6-26.1-23.1-42.7-.8-5-1.8-10-1.9-15.2-.3-20 1.2-21 21.2-14-9.2-15.8-17.8-31-11-49.2 1.7-4.2 1.8-9.7 8-10.2 6-.4 5.5 5.3 7.7 8.5q5.7 8.4 14.4 13.1c4.4-3 1.8-5.7 1-8.3a43 43 0 0 1-2.9-15c.4-7.7-.3-17 6.4-21 6.4-3.7 13.5 2.3 19.5 6.3 11 7.3 24 11.5 37.2 12.2 36.6 1.6 72.3 10.3 109 11.3 23 .7 43.5 10.5 63.6 20.5 3.8 2 7.3 4.4 12 2.6-2-7.6-10.1-10-13.5-16.8 5.4-7.1 11.7-7.5 19-3.7 5.3 2.8 10.7 5.8 17 5 10.2-1.6 18 2 24.5 9.8 10.7 12.8 26 18.7 40.7 24.7 36.5 14.8 63.2 37.6 68.8 79.2.6 4.2 1.4 9 8.3 7.3 3.1-.8 3.2 3 4.4 5.2a115 115 0 0 1 12 40.2c1.4 10.4-2.8 21.3 8.5 30.5 6.4 5.2 17.5 39.6 15.7 60-1.8 22-10.9 42.5-31 87-16.1 14-3.3-32.4-1.4-44.8 3.7-25.4-6-46.3-20.1-65.7-7-9.5-17-16.4-22.8-27.2-2.9-5.3-17.7-20.4-26.2-19-13.9 2.4-60.1-13.3-51.5-23 16.2-18 9.4-15.2 1-15.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant53": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M401.3 231.8c8.1-5.9 18.5-6.8 20.8-19.3 1.3-7.2 9.5.4 14.5-1.3-8.3-22.8-3.5-31.4 17.3-31.1 11.8-21 14.1-22 30.3-10.7 5.3-8.2 2.6-17.4 3-26 .6-8.9 0-18 1-26.7.8-5.4 3.5-11 10-12.1 6-1 10 2.1 13.9 6.8 7.3 9 18.6 14 23.4 29.2 8-24.7-7.1-49.2 14.3-67.2l32.8 25c3.6-7.3 1.2-14.9 1.7-22.1.4-6.8 0-13.7.4-20.5.2-4.3 1.2-9 6-10.3 4-1.1 5.5 3.1 8 5.4 15 14 29.5 28.6 39.4 47.7V71q-.2-7.8 3.2-14.8c4-8 8.6-9.6 15.7-3.2 13 12 24.8 24.5 29.3 42.2a11 11 0 0 0 6.8 8.4c3.7-14.4-2.2-26.8-6.2-39.4-3.3-10.5-4.7-20.4 2.6-30.3 5.1-6.9 10-7.3 13.7-.4 9 16.6 31.4 17 40 33.7C764 68.7 773 84 781.9 99.5c3 5.2 4.5 11.2 4 17.2-.6 8.2 2 15.8 5.1 23.6 3-10.1 12.8-17.8 6.3-31.7 10.1 3.2 14.7 7.6 16.7 14.2 2.7 9 10.2 15.7 12 25.2a7 7 0 0 0 4.1 4.5c31.4 9 36.5 35 40.3 62 3.4 24.4-7.1 45.8-14 68-1.3 4.4-3 8.7-5.4 16 7-4.4 12.3-6.6 16.2-10.4 7-6.9 12-4.3 16.6 2.4 7.6 11.3 5 24 3.4 36-1 8.1 17.1 49.6-14.4 89.5-8.9 11.2-19 17-25.7 28-2.9 4.6-7.9 2.2-9.8-2.6-1.9-4.7-4.2-9.8-4.2-14.7.5-37-15.6-66-43.3-89.4-1-.8-2.7-1.4-2.9-2.4-3.5-19-18.4-14.1-31-15.6-18.4-2.1-37-5.2-50.1-20.6-3.3-3.8-7-4-11.2-4.8-23.3-4.2-46.4 27.3-62.4 9.4-15.4-17.2-33.1-18.1-53.2-15.3-23.2 3.2-41.8 16.8-60.8 28.3C499 328 414.1 358 403.7 440.7a62 62 0 0 0 4 31c4.3 10.5 4.7 21.6 8.5 32 4.3 11.7.2 23.2-6.7 32.6-6 8.4-10 17.7-14.8 26.6-2.2 4.4-4.5 9.3-9.6 8.8-6-.6-7.5-6-8-11.5-2-24.2-6.5-47.8-20.2-68.7-4.1-6.3-7.6-13.4-12.9-18.7-11.4-11.5-13.9-26-15.3-40.8-3.5-36.1 7.2-69 19.6-102.6 13-35 35-64.5 53-97.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant54": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M304 266.6a44 44 0 0 1 14.7-13.4q14.6-9 25.5-22.5c8.4-10.5 21.6-16.2 34.5-20.7 9.5-3.2 15.2-7 17.2-18.7 2.5-14.7 17.7-19.1 30-22.4 38.7-10.2 72.9-28.8 105.8-51a343 343 0 0 1 88-43.2 185 185 0 0 1 74.2-8.6c31.5 3 61.8 12.5 81.3 39.2 21.4 29.3 28.9 63 19.7 99-2.2 8.6-4.9 17.1-7.6 26.8 11 9.5 25 16 35.7 27 11.7 12 21.6 24.6 26.6 40.7 1.2 4 3.5 8.6 2.6 12.3-4.7 18.6 8.7 35.8 9.9 53.6 2.4 36.4-21.4 94.6-23.7 95.7-1-5.7-10.2-2.7-7.6-12 6.6-23.5-6.8-58-9.6-74.4a58 58 0 0 0-21.2-37.3c-91.2-76.2-90.1-76.3-187.6-43.4-31 10.5-57.3 30.9-85 47.8-6.9 4.1-12.5 9.7-20.6 12.5-16.9 5.7-22.6 2.9-24.4-15l-.9-5c-9.6-.7-15.3 5.7-21.2 10.8-28.1 24.5-48 52.6-40.9 92.9a33 33 0 0 1-4.7 20.9c-14.5 26.4-18.3 55.3-20 84.6-.6 9-4 14.5-13 16-10 1.8-10.8-5.5-13.5-12.6-7.8-20.4-10.6-42.7-25.2-60.4-12-14.6-25-24.4-44.8-15.7-10.2 4.4-14.9-2.9-20-9.1-15.7-19.6-19.7-42.8-20.6-67a174 174 0 0 1 39.6-120.4c1.8-2.3 4-4.3 6.8-7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant55": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M653 288.6a178 178 0 0 0-130 3.8c-20 8-40.4 15-57.8 28.5-21.5 16.9-35.9 39.1-49.2 62.3-13 22.8-19.8 47.8-27 72.8-6.3 22-2.6 11.8-1.2 33.7 1.1 18.5 1 36.4-4.1 54.3-1.2 4-3.3 6.7-7.8 8.7-9.4-14.5-10.7-32-17.9-47.2-6.8-14.6-14.3-29.1-27.7-37.1-19.3-11.4-21-28.5-20.7-47 .4-33.2 0-66.6 9-98.8 3.7-13.7 12-26 17.5-39.2 13.3-32 36.5-55.7 62.7-77 15.2-12.2 20-12.1 36.5-2.5 5.1-5 2-9.9-1.5-13-7.6-6.8-5.4-12.6.5-18.3 8.6-8.5 16.2-19.3 31.4-14.4 4 1.2 7.6-3.2 11.3-5 18.1-8.8 36.3-18.5 57.3-5 7.3-20.4 23.6-24.8 41.8-27.3 30.6-4 61.3-3.3 92-2.7 12.6.3 17.4 5.8 17.7 18.3.2 4.6 0 9.2 0 15.6 10-4 13.9-11.6 16-19 3.4-13.2 10-19 24.4-18.3q19.8 1.1 38.5 8.1c23.8 8.7 49.5 12.5 71 27.4a43 43 0 0 1 15.6 19.2c7.7 17.4 21.7 33.2 13.8 54.9 7.9-9.8 3.7-20.5 3.8-31.6 11 2.8 10.4 12.4 12.7 19.1a38 38 0 0 1 1 20.2c-4.5 18 4.7 32.4 10.7 47.9 5 12.5 3.6 25.9.4 38.8-9.7 39.2-25.5 76-44.2 111.6-3 6-8.1 10.7-9.3 17.8-.4 2.4-2 4.7-5.5 3.9-3-.8-5-2.8-4.3-5.5 9.2-33-11.7-59.8-19.2-89.3a176 176 0 0 1-6.7-52.9c.5-9.1-3-12.7-12.4-13.5-40-3.5-76.2 19.4-114 5.8-8-2.9-16.1-5.1-25.1-8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant56": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M312.7 257.7c3.8-10.5 11.7-7.8 18.6-6.8 16 2.4 31.4 3.5 47.8.4 18.7-3.5 31.6-13.7 43.2-26.4 19.8-21.5 38.8-44 63.8-59.6 45.7-28.6 94.5-40 148.3-27.4 22.8 5.3 44.4 13.9 66.9 19.5 24 6 49.7 11 69.8-11.7 12.4-13.9 16.5-31 19-48.8.6-4.5-1-10.1 5-11.9 4.8-1.4 9.2.8 13 3.8 16.5 13.2 33.7 25.9 40 47.9q2.1 6.8 7 12c24.8 26.3 18.7 53.8 2 80.5-6.4 10.4-12 21.3-25.6 29.7 11.1-2 19.6-9.2 34.9-28.5 9-11.4 10.8-26.8 21.4-38.7a53 53 0 0 1 9.9 49.3c-3.3 12.6-.2 24.3-.7 36.4 0 1.2.1 3.1.9 3.6 14.6 9.6 6.2 22 3.4 33-2.4 9.5-2 18.6-1.9 28a63 63 0 0 1-23.8 51c-11 9.6-18.3 23.5-24.9 37.1-5 10.5-7.6 22.3-17.8 34.1-4.5-38-5.5-75.3-48.1-93.3 15.8-6.2 29.5.4 42.7-6-8.4-5.8-17.6-2.4-25.2-7.2a38 38 0 0 1-16.6-16.8 26 26 0 0 0-19.1-16.7q-12.5-3-23.9-8.7c-24.7-12.2-50.6-8.5-76.2-4.6-27.8 4.2-55.2 1.1-82.7-1.6-30.1-3-113-33.4-153.2 85-9 26.6-9 54.5-10.2 82.1a32 32 0 0 1-7.6 21.3 102 102 0 0 0-23.7 44.4c-1.1 3.8-2 9.2-7.4 9.1-6.6-.2-5.2-6.2-6.4-10.6-8.3-28-16.2-56.7-42.5-74.4a27 27 0 0 1-12.8-23.5c0-13.7-7.3-24-14.4-34.5-4.6-6.9-10.6-13.8-5.3-23 .4-.7.8-2.1.4-2.5-9.7-9.6-3.3-23.7-9.5-34.2-4.7-8.1-9-15.7.1-23.9 2.4-2-1-6.7 2.5-10.2 14-5.3 24.3 15.6 42.1 6.3-16-5.9-23.5-18-31.6-29.5-7.6-11-4-21.5 9.3-24z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant57": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M372 274.8a220 220 0 0 1 53.4-51.7c-8-10-17.8-17.2-21.8-29-2.9-8.8-5.6-17.4-3-26.1 2.9-9.7-1.4-12.6-9.5-15.6-15.9-6-33.7-5-48.7-14-12.7-7.7-25.8-14.5-38.6-22-3.7-2-7.4-5-5.8-10.1s6.3-4 9.8-3.7c22.2 2.7 45 2 66 12.3 9.6 4.8 20.7 6.5 31.2 9.6 6-7 8.9-15 12.5-22.7 16.8-36 47-51.5 84.6-55.6q6.5-.6 12.8 0c14.2.9 25.7-2.4 38.3-11.3 34-24.1 71.8-25.1 110.2-9.3a81 81 0 0 1 33.5 22c4.7 5.7 3.7 14.3 12.1 19.6 9.1-9.3 18.8-18.9 28.2-28.7a38 38 0 0 1 19-12.3c5.3-1.1 10.5-.2 14 4 4.2 4.7 1.6 9.6-1.3 14A319 319 0 0 1 732 88c-6 6.3-9 11.5-4 21 16.7 32.2 10.6 62.2-13.2 90.3l31.4 21.4c45.7 30 99 54.8 115.3 108.2 9.7 31.6 12.1 64.4.2 96.4-7.7 20.7-17.6 52.4-9.5 70.6 8.4 19 23 34.4 34.7 51.5a125 125 0 0 1 23 77.4c-1.1 25.5-8.5 50-29.6 68a51.5 51.5 0 0 0-8.8 69.7c4.4 6 1.6 8.8-4 9.6-8.4 1-16.1-.9-21.7-8-13.7-17.2-18.9-37.7-2.6-63.4 12-19.1 29.2-34.8 35.4-58 7.6-29.1-3.5-52.3-18.4-75.3-9.8-15.2-32.6-36.3-35.6-55.2-4-25 .8-49.4 1-55.5 1.8-62.4-9.6-89.7-60.8-116.4-27-14-65.5 2.9-112-15.4a271 271 0 0 1-78.2-51c-5.8 13-30.7 46.6-51.4 65.3a338 338 0 0 1-70.7 49.2 133 133 0 0 0-68.2 81.7c-5.5 18.3-6 37.6-4.5 56.7.4 5.6 1.4 10.8-6.4 15.9a168 168 0 0 0-12.2-40.7c-8.2-19.2-18.6-36.8-39.2-45.3a10 10 0 0 1-6.7-10c.3-12.2-1.2-24.5 1.6-36.9 5.3-23.1 10-46.4 19.8-68.2 10.1-22.7 21-45 35.3-66.7m-61.3 526.5c-12.1-28.6-5.1-51.7 25.3-67q7-3.3 13.1-7.7c21.7-15.9 18.8-44.6-5.5-57-4.3-2.2-8.2-4.7-10.3-11.1 9.7-6 18.6-13.2 24.9-24 5.1-9.2 10.7-6.7 16 2.8 7.6 13.5 1 28.7 6.4 42.4 2.8 7 4 14.8 5 22.4 4.1 27.8-10 45.4-33.7 56.3a48 48 0 0 0-22.2 23.5c-5.7 10.8-3 16.3 9 19.8 7.6 2.2 15.6 3 20.6 10.8 3.6 5.7 4.5 11 1.7 16.8-3.2 6.7-9.4 9.6-16.3 11-2.4.5-4-.8-5-3-2-5.6 5.4-6.2 5.5-12.7-10-8-26.6-8.8-34.5-23.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant58": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M905.4 457.8c1.9 45.5 12 86.6 43.7 120.1 12.9 13.6 11.3 19.9-3.8 30.7-6.3 4.6-13.6 6.7-20.4 9.8 3 20.4-2.3 24.6-33.3 26.7-4.5 9.7.3 19.2 1.2 28.7 2 23.2 2.9 47 12.3 68.7a213 213 0 0 0 41.4 63.5c8.7 9 6.2 17.7-6.3 19.8a84 84 0 0 1-42-1.7c8 14 5.7 17.4-10.5 21.3-32 7.7-51.6-9.5-69-33.5-.3 7.7 2 13.6 4.4 19.4 2.6 6.1.5 11.6-5 12.1-20 2.2-41 8-58-8.8a36 36 0 0 1-11.2-27.2c.1-6.3 2.7-9.3 7.5-13 37.7-29.7 61-66.8 63.3-116.6 2-42.3-3.5-83.7-7-125.6-3-37.3-4.7-74.7 2.4-112.9 6.9-36.6 2-73.3-20.6-107.4a210 210 0 0 0-75.8-67.7 107 107 0 0 0-56.8-12.2c-16.7.8-29.6 14.6-38.9 28.4-22.7 33.7-43.7 68.5-66.3 102.3q-32.1 48-65.7 95.1a1014 1014 0 0 0-43.6 67.4c-1.3 2.2-2 5.3-4 6.4-22.2 13.2-15 34.8-13 52.8q3.6 30.5 4.3 61c.2 10.8-2.7 21.3-10.7 27.7-14.3 11.4-14.5 25-12 41.1 4 25.5 5.9 51.7-9.8 74.2-16.3 23.5-38 39.6-69.2 36.4-11.8-1.2-14.3-6.1-9.3-17 3.7-8 11-14.7 11.2-24.1l-3.7-3c-4 4.9-7.2 10.6-12 14.4-19.8 16.3-61.6 16-82 .2-6.3-5-5.6-11.6 2.5-15.9a50 50 0 0 0 23.4-22.5q-1-1.2-2-1.7c-7.3-1.5-17-1.1-19.4-9.3-2.3-8 6-12.5 11.4-17 30.3-25.1 33.7-58 27.8-93.7-4.6-27.4-20.8-50.9-25-78.5-5-32-4.5-62.7 14.8-90.6 2.1-3 4.9-6 4.5-11.2a97 97 0 0 1-25.8-17.2c-8.8-8.5-7.7-13.1 3.1-18q12.6-6.2 26.3-9.6c5-1.2 10.7-3 12.5-11.3-22.3 2.4-43.6 2-64.3-14.2 21.3-6.5 38-15.4 53.9-26 35.8-24 64.8-54.9 90-89.3 29.6-40.3 56.8-82.6 94.5-116.2A269 269 0 0 1 568 113.8c38.3-11.5 77.5-15.8 115-1.3 35.2 13.7 72.2 26.4 96.7 58.4a113 113 0 0 1 12.7 20.3 91 91 0 0 0 35.8 41.5c32.9 20.5 60.5 46.8 71 85a256 256 0 0 1 9 93.2c-1.4 15.2-3.9 30.4-2.9 47",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant59": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M572.8 178.5c27-2.9 53.2-.9 79.4-2.1 10.2-.5 11-8 11.9-15.1 2.6-20 7-37.9 19.4-55.8 12.8-18.7 28.5-35 40.5-54 3.6-5.7 9.3-5.5 14.1-7.6 15-6.6 27-20.9 46-17.5 5.2.9 7.5-7.6 13.6-8.6a211 211 0 0 1 50.3-2.5c8.4.6 16.8-1 25.8.9 26 5.5 46.4 21.8 69.8 31.7 24 10 28.7 32.8 42.1 49.7 6.2 7.7 10.3 17.2 15.6 25.6 2 3.1 3.3 6.5 2.4 9.7-3.4 12.7 1.5 25.2.3 37.8-.5 6-.2 11.9 5 16.4 2.2 2 4.2 5.7 2.7 8-8.4 13.4-6 29.6-12.4 43.4-1.3 2.6-3.5 5.4-3.4 8 .3 18.3-12.7 29.5-22.3 42.3-6.3 8.3-14.3 15.4-18 25.6-2.6 6.7-10 8-15.3 10.7-19.4 9.9-35.4 25.8-58.4 29.3-10.6 1.7-21.1.2-19.7 10.5 4.6 34.1-24.5 108.6-24.5 108.7-3.5 5.8-13.4 2.8-11.9-3.8 8.5-37.2 2-53.4-.4-65.7a73 73 0 0 0-29-46.3 20 20 0 0 1-6-7c-5.4-10.9-13.7-15.7-25.5-20.9q-22-9.7-39.7-26c-14.9-14.2-18.6-.9-30-19.5-18.7-30.6-62-.8-62.6 3.4-2.8 22.7-46-27.4-76 18.2a29 29 0 0 1-17.5 13.3 28 28 0 0 0-18.6 20.1c-3 12.2-9.2 17.8-21.4 16.3-7.3-1-12 3-14.2 8.3a28 28 0 0 1-18.7 17.6 19 19 0 0 0-9.1 6.7c-9.4 14.2-26.5 18.9-37.5 31.1-3.9 4.4-10 4.3-15.6 4.1-9.8-.3-13 3.2-12.6 13.7.4 11.2 5 24.5-4.7 30-1.7 31.2 1.9 59.8-5.9 88-6.8-.5-6.9-6-7.4-9.5-3.2-19.7-12.8-37.2-19.5-55.7a36 36 0 0 0-19.8-22c-9.6-3.9-17-9-13.5-22 2.2-8.5-7.7-15.8-18.4-13.4-9.7 2.2-17-.7-25-5.4-11.3-6.5-24.5-8.7-36-14.4a107 107 0 0 1-28.2-22.6 339 339 0 0 1-39.3-46.3 73 73 0 0 1-10.3-36.1c-.7-20-6-40.5-.5-60.3 5-18.3 8.3-36.9 11.4-55.6q1-4.5 4.8-7a33 33 0 0 0 14.6-17.4c8.2-21.5 28-30.1 44.4-42.7 7.9-6 14.6-13.2 23.2-18.7 7.9-5 12.7-11.5 24.3-8 6.6 2 14.7-3.7 23.6-3.8 22.2-.3 42.3 13.4 64.7 7.9 10.3-2.6 17.8 5.1 26.1 8.3 23.2 8.8 46.7 17.3 57.7 44 6.4 15.3 21.4 25.5 33.2 37.3 2.3 2.3 5.5 3.5 8.2 1.8 20.8-13.3 45.5-8 67.8-14.5q3-.6 5.9-.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant60": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M368.8 372.2c-2-.7-2.7-5.4-5.9-2.4-2.7 2.6-6.2 5.8-3.6 9.9 4 6.2 2.9 12 1 17.3-6 3.9-7.8-3.6-12.6-2.7-.7 1.3-2.3 3-2.2 4.3 1.4 10 3.4 19.6 1.2 29.9-.9 3.7 4.4 6 8.4 6.3 9.2.7 12.1 4.5 5.9 12-5 6.2-1.2 9.3 3.3 12.2 3.9 2.6 9.4 4.3 6.7 10.4-4 9.5-.1 17.7 3.9 25.6 7.8 15.6 7.7 32.2 8.3 49.1-6.3-.7-4.7-4.8-5.2-8-4.4-29-12.4-56.2-37-75.7-15.6-12.3-12.8-31.6-12.8-47-.1-23.5 2-47.4 10-70.4 11.5-32.5 29-61 52-86.6a272 272 0 0 1 80.6-59.5 318 318 0 0 1 62.8-21c30.7-8 61.2-7.2 91.8-6.2 37.6 1.1 72.5 13.3 106.2 30 51.1 25.3 106.5 54 134.2 125.1 19.1 49.4-20.4 131.2-23 125.3-8.2-19 37.8-91.4-.8-129.8-10.5-10.4-22.8-16.2-34.4-13.3-43.4 10.8-88 10.7-132.2 15a613 613 0 0 1-125.6 0c-35.7-4-70.7-11.3-105.4-20.8-16.7-4.5-34.9-3.1-51.5-9.4-3-1.2-7.1.6-7.7 3.2-2.5 11-14.2 13.4-19.5 21.7-3 4.6-6.1 9.6-5 14 3.1 11.1-1.6 19-10.7 28.2 8.4-1.6 15.2 4.8 20-4.1 4.5 4.7-.8 9.3.5 14.8q-.6 1.4-1.7 2.6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M377.7 302c3 2 5.6 3.7 8-1.3 1.7-3.8 5.1-8.3 9.6-3.5 4 4.3.2 9.3-3.2 12-4.2 3.4-10.3 5.3-7.2 12 .8 1.7 3.9 2.9 3.7 5.8-.2 3.6 1 7.7-3.2 10.1-13.2-14.8-15.6-21-8.4-34.2zm5.3 114.7c.4-4.4-.9-6.8-5-5.3-5.2 1.9-7-.6-7.8-5-.7-4 0-7.6 3.6-10 4.3-3 7 0 10 2.4 12.4 10.2 13.3 14.9 3.7 21.3-3.4 2.3-4.4.3-4.5-3.4m35.2-32.6c-14.3-8.6-17-17.5-8-29 8.2 7.8 16.7 15 8.4 28.2q-.3 1-.4.8M385.6 444c-7.3.6-8.7 9.6-16 9-3.5-2.3-5-7-2-9.2 7-4.8 15-7.8 22.7-11.7 2.1 6.8-.8 9.2-4.7 12M369 372.7a5 5 0 0 1 1.8-2.8c5.9-1.9 9.7-.7 10.2 5.7.2 4-1.1 8.5-5.6 8.5-6.5 0-5.5-6.1-6.4-11.4m32.3 32.7c2.2-3.3 3.6-6.7 7.4-4.7 2.7 1.4 2.7 4.5 1.6 6.8-2.1 4.4-2 10.4-8.7 12.6-4.4-4.4-2.3-9.1-.3-14.7m-15-46.3c4.5 1 9.3 1.7 11.7 7.5q-2.9 4.1-6.2 9.8l-.1.7c-11.7-2.2-4.2-10.6-5.4-17.1zm-25.8 54.2c7.6-1.1 9.5 2.4 8 8.1-.8 3.7-4.1 7-7.4 5.2-5.4-3-5.3-8.1-.6-13.3m31.2-36.2c4.2.8 6.7 3 6.2 7.6-.3 3.3 0 6.9-3.3 8.9-1.1.6-3.6.7-4.5 0-3.1-2.5-2-6-1.2-9.2.6-2 1.4-3.8 2.5-6.6zm6.3-26c-3.9-7.8-2.2-12.5 6.4-14 2.7 7.3 2.7 12.6-6.5 14M398 458c-1.5 3.7-3 6.4-6.7 4.4a6 6 0 0 1-2.9-7.4c.8-2.3 2.5-5 5-4.9 4.6 0 4.8 3.7 4.5 8m22.1-127c-5.5-1-3.7-5-3.6-8 .1-3.6 2-6.4 6-7 2-.2 4.1.3 5 2.5 1.4 3.2 0 5.8-2 8a45 45 0 0 1-5.5 4.5M379.3 348c-3.2 1.4-6.3 2-9.3-1.8q1.1-7.3 6.7-14c5.3 4.2 2.6 9.4 2.6 15zm35.7 87.6c-1 4.3-1.4 8.3-6.9 9.5-4.6-6.8-.5-12.3 1.7-18 6.4.6 4.8 4.7 5.2 8.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant61": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M393.2 735c-56.5 18.4-150.5-40-180.6-70-46-46-58.2-136.2-43.3-204.5 14.8-68.3 111.4-415.7 409.3-440 178.6-14.7 269 98.7 309.4 157.9 63 91.8 99.7 223.2 63 317.3-19.2 49.3-89.7 135.8-106.6 126.5s-23-118.2-15-184.1c14-116.2-176.8-196.2-176.8-196.2s-58.4 50.3-147.4 139.3-126.6 162.8-129.7 221C372 665 393.2 735 393.2 735",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M382.9 630.8c-1-17.7-2-35.6 1.8-54a157 157 0 0 1 24.8-71.3c27-45.1 62-84.3 98.8-121.4 27.4-27.7 54.3-51.6 81.6-75.8a2679 2679 0 0 0 59-53.5c8.3-8 96.4 41 128.6 73.3 20.4 20.5 40.4 44.4 45.3 66.5 4.6 21.2 2.7 42.8.8 64.4q-1 11-1.7 21.9-.6 10.2-2.5 20.4c-2 12.4-4 24.8-1.6 37.6l4.5 22.8c4.1 20.2 8.3 40.4 9.2 61 .3 8.5 5.9 10.2 13.7 7.4 18.6-6.8 32-20.2 45.5-33.8 25-25 41.4-55.7 57.6-86.5 13.8-26 24-52.8 23.4-83.5q-.2-11.6-.2-23.3 0-13.7-.4-27.4c-.9-32.7-10.9-63.7-21.2-94-12.1-35.7-31.5-68.1-52.9-99.2-32.4-47.2-70-89-119-119.9-46.6-29.4-98.5-42.6-152.8-46.9-38.2-3-75.2 4.2-112 13.6-29 7.4-56 20-82.2 33.1a310 310 0 0 0-59.9 40.4c-45.5 38-87.4 78.5-119 129.3a895 895 0 0 0-59.8 116.2c-12.9 29.7-20 61.6-27 93.5l-2 9a276 276 0 0 0 22.3 186.8c22 44.9 60.3 74.3 107.1 91 27.4 9.7 55.3 19 85.3 19 14.7 0 17.2-.4 17-15.5-.1-12.4-2.9-24.5-5.6-36.6a163 163 0 0 1-5.7-38.7q0-13-.8-26m453-190.6c.8-21.6-1-43.1-9.2-63.5-17.8-46.5-59-76.6-91-95.7-13-7.6-25.2-13.1-36.1-18a191 191 0 0 1-26.8-13.7c-10.2-6.8-11-8.7-1.5-17.4q2-1.6 3.5-3.7c10.7-17 32.1-32 49.6-39.5a72 72 0 0 0 39.9-40.7c1-2.5 1.7-4.9-2-8.9-13.8 21-30.4 38.8-57.2 48.6l10-17c10.3-16.8 20.2-33 25.7-53-10.3 2.7-13.3 9.9-15.8 16.1l-1.7 4a466 466 0 0 1-63.7 91.8c-18.1 20.7-37.2 36.4-56.5 52.3a618 618 0 0 0-43.4 38q-16.5 16-33.5 31.4a685 685 0 0 0-59 58.7c-25 29.3-49.2 59.4-71.4 90.9-15.2 21.7-19.7 48.1-23.2 74.6-6 46 1.7 90.7 9.7 135.4 3.5 19.4.2 23.8-19.2 24-23.7.3-45-8-65.6-18.3A265 265 0 0 1 223 664c-28.4-29.2-43.3-64.1-50.8-103.3-6.4-33.9-1.1-67 4.1-100l2.2-14c5-33 16.9-63.7 28.8-94.4q5.6-14.4 10.9-29c18.8-52 49.6-96.4 84.7-138 44-52.5 95.2-96.6 158.3-125.6 55-25.3 112.2-40 172.8-34.3q36.2 3.4 70.6 15.3a336 336 0 0 1 87.5 45.7 399 399 0 0 1 84.5 85.9c26.4 35 46.7 73.6 61.9 114.5a354 354 0 0 1 21.3 94c1.5 17 .7 33.8-.1 50.6L959 447c-.6 19-8.5 35.8-16.3 52.5l-2.8 6.3a311 311 0 0 1-80.2 104.8c-9.4 8.2-16.8 6.5-19.3-5.7a426 426 0 0 1-5.1-33.7l-2.4-18c-3.8-25.5-1.6-50.9.6-76.3q1.7-18.3 2.5-36.7",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M304 559.4c6.9-35.3 14.7-69.1 33.3-99.3a219 219 0 0 1 40.2-50.8c3.4-3 6.5-8.1 15-6.2-67 75.4-103.8 157.6-62.4 258.2-18.4-8.2-29.3-51-26-101.9m135.1-149.9-40.5 54.8c2-35.7 141.3-200.3 176.8-203.6a875 875 0 0 0-136.3 148.8M919 465.3c-3.8 10.5-2.5 22-10.4 30.4-4.7-12 .6-22.7 4.5-33.1 1.4-4 4.7-1.8 6 2.7m16.1-39.2c5-5.4 7.4-3.1 7.5 2 .2 8.3-2 16-11 25 1.3-11 2.1-18.6 3.5-27m-19.9 3.8c-1 5-1 9.5-7.4 10.6-4.5-9.9.8-17.1 5.4-25.5 6.4 4.6 3.2 9.4 2 14.9",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant62": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M420.3 383c13.4-41.7 105.4-130.3 197-130.3 53.9 0 144.2 34 172 64.1 27.6 30.2 28 83.9 28 83.9s-11.7-15.1-34-34.5a237 237 0 0 0-138.5-54.4c-156.9-7-224.5 97.9-224.5 97.9z",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M528.1 975.1c-48.3 3-94.2-4-140-15.3l-2.7-.7-2.7-.7c-27.7-6.8-55.6-13.7-84.2-16.5-22.3-2.2-43.3 3.8-64.3 9.8l-8 2.3a382 382 0 0 0-59.4 20.7c-4.3 2-11.3 4.2-16.6-.3-1-3.6.8-5.3 2.8-7l1.5-1.6.4-.4c6.9-7.4 13.2-14.3 5.5-26.1-5.7-8.8 2.6-29.3 13.2-35.8 31.1-19.3 63.7-34.3 101.7-32.2l1.3.2c2.8.2 6 .6 9.4-3.3l-6.7-.1c-14.8-.3-28.6-.6-42.3 2.2l-5.5 1.5q-2.2.8-4.3 1.3l-2.7.6c-9 2.4-18.2 4.7-25.4-4.7a32 32 0 0 1-3-36.2c11-19 10.7-38 5.6-57.8a97 97 0 0 1 7.9-72.9c5.7-10.6 14.6-18.9 25.4-19.2a507 507 0 0 0 27.4-2c22.3-1.9 44.5-3.8 66.7 1.3q7 2 14.5 5.8l8.2 3.7c-.6-6-9.6-10.7-22-17.2-42.2-22.2-123.5-65.1-45.9-247.9 12.7-29.7 39-58.7 59.8-81.7 13.6-15 24.8-27.4 28.3-35.7a300 300 0 0 1 23.6-46c28.8-44.6 63-83.5 110-109.2 22.9-12.4 48-18.5 74-22.6A213 213 0 0 1 685 142.7c29.2 10.4 54.3 29.7 76.7 51.4q8.3 8 18 16.1c36 31 81.2 70 94.3 198a443 443 0 0 1-3.3 103l-3.3 22.8c-6.2 42.6-14.8 101-5.8 135.3l.5 2.4c.6 3 1.2 5.9 3.7 8.1 15.3 14 18.4 32.9 20.2 52 1.3 14.5 3.7 28.7 8.7 42.4 7.8 21.4 5.8 40.5-12 56.8a72 72 0 0 0-16.9 24.8l30-25.4c18.7 16.7 13 33-2.2 55.5-16.1 23.7-42 34.9-67.5 45.8l-1 .4C784 950 740.4 960.4 697 970.8q-6.6 1.4-13.1 3.2c-18 4.3-37 3.5-56 2.6l-11.2-.4q-35-1-70-4.6a33 33 0 0 0-11.8 1.8q-3.2 1-6.8 1.7M549.4 328c-44.7 12.7-83.7 34.8-114.2 70.1-12.7 14.8-25.3 30.8-29.8 50.1-13.3 56.6-6 112.5 11.7 167 15.1 46.9 39 90.5 70.6 128.4a335 335 0 0 0 74 69q2.3 1.5 5 2.8c7 4 14.6 8.2 15 18.5.3 2.3 2.3 4 4.6 3.8 6.6-.3 13.3.2 20 .6 14.2 1 28.4 2 41.7-4.4 8.1-4 16.8-4.9 25.4-5.8a74 74 0 0 0 25.2-5.7c1.4-.7 4.2.7 5.9 1.7 6 4 11.3 2.2 16.5-1.4a170 170 0 0 0 40.6-37.7c28.7-37.4 43.6-80.1 55.1-125.7 6.3-24.8 7.2-49.8 8.2-74.8a462 462 0 0 1 4.4-56.7c3.1-19 0-39-3.1-59l-2.9-19.4c-2-15.9-4.1-32.5-13.8-46-40.4-56-98.2-79.7-164.7-85.5a250 250 0 0 0-95.4 10M425 394.2c10.8-36.2 64.5-86 124.1-109.1 111.3-39 235.5 3.9 255.6 95.6-52.6-55.4-118.8-75.6-192.7-72.3-73.5 3.3-137.2 30.1-187 85.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant63": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M406.9 373c36.2-56.4 109.8-129.3 201.5-129.3 53.8 0 130 22.2 171.8 64.1 34.7 34.7 49 102.9 49 102.9s-69.6-44.1-92-63.5C698.9 314 650 262.8 650 262.8s-59.2 80.4-121.6 112.8c-40.6 21.1-154 99-154 99S374 424.5 407 373",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M369 875c10.4-.4 16.5 1.1 19 12.5.8 4.6 3.1 7.5 5.4 10.3l1.2 1.5c25.9 33.7 63.7 44.5 102.6 49 29 3.3 58.5.6 87.8-2l9-.8q33.6-3 64.6-16.6c8.5-3.6 16.5-8.3 24.5-13a170 170 0 0 1 32.9-16.2c26.5-8.6 52.5-10.9 74.7 11 17.8 17.5 37.7 25.8 62.2 14a16 16 0 0 1 3.9-1.2l2.2-.5c12-3.3 20-11.6 28-19.8q5.8-6.2 12-11.3c60.1-48 35.4-125 22-166.5v-.1l-.8-2.3c-28.6-89-31.3-162-33.7-227.5-3.8-104.5-7-189.6-114-289.4-61.1-57-135.7-57.6-180.3-58h-8.8c-167-2.3-302.7 168-323.8 242-39.9 139.4-5.8 290.1 95.4 366.5 18.8 14.2 33.1 33 47.4 54-17.5-8.4-30.2-21.6-42.7-34.5-9.6-10-19.2-19.9-30.8-27.4a127 127 0 0 0-35.1 28.5c-21.4 27.2-46.7 48.5-79.5 60.3-23.8 8.6-39.2 26.2-49.2 48.6a218 218 0 0 0-11.7 38.7c-2.3 9.5-4.5 19-7.7 28.2-1.5 4.4-1.2 8.7 3 11.5 4.8 3.1 10.5 3.3 14.3-.3 5.7-5.3 12.2-5.4 18.8-5.4h6.6c4.4.2 8.7.3 12.6-2 15-9 31.6-13 48.3-17a264 264 0 0 0 30.1-8.5c10.7-3.9 20.4-8.2 27.2-17.5 15.6-21.3 33.6-37.8 62.4-38.8m282-602.8c21.6 31 47.2 55.2 76.8 75.2 23.7 19.5 47 36.8 71.6 51.7 21.4 12.9 28 30.1 24.2 53.5a531 531 0 0 0-7.3 97.9q.3 10.2 1.6 20.4.8 6.9 1.2 13.9a257 257 0 0 1-10.6 90.1l-4 14.5c-4.4 16-8.8 32.1-16.5 46.9l-1 2c-11.9 23-24.1 46.8-47 60.7-32.7 19.9-68 29.3-107.2 22.3l-24.3-4.5q-17.2-3.4-34.3-6.3c-13.8-2.3-26-10.7-37.4-18.7l-.8-.6q-11.1-7.8-21.5-17c-7.3-6-14.5-12.1-22.3-17.4-18.8-13-32.5-30.3-46.3-47.7q-5.7-7.3-11.5-14.4a268 268 0 0 1-35.2-57.1q-6.5-14.5-9.6-30c-8.4-40.5-15.6-81-2.6-122q4-12.8 13.7-19.2 17.9-11.4 36.2-22.1a1090 1090 0 0 0 55.3-34.7l9.6-6.7c28.8-19.7 57.7-39.5 84.4-62.1 23.7-20 45.4-41.7 64.9-68.6M605 305c9.3-9 18.9-18.4 25.4-31.8q-113.2-4.7-186.4 76.3a220 220 0 0 0-54.1 102.1C462 413 530.9 370.3 594 316.1q5.3-5.7 11-11.1m73.6-24.8a166 166 0 0 1 102 47.5c18.2 18.6 34 36.5 35 63.3q-14-9.8-28.3-19.5C748 344.7 709 318 678.6 280.2",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "head": {
+      "width": 585.5,
+      "height": 985,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M553 723.7c-99 297-363.7 388.6-503.6 19.8-19.3-50.7 31-69.5 66.2-91.9 24.1-15.3 36.8-28.5 35.3-42.2C144 545 114 365.6 114 365.6l-3-5.8s.7-1.6-2.2 1.2c-3 3-9.9 34.2-37 34.2-24.5 0-49.2-10.9-61-86.3C6.3 281.6 8.7 210 39 197c12.5-5.3 24-7.2 35.2-.8s-13-22 112-126C267.5 2.4 395.8-7.5 447.6 4S551 40.8 574 94.5c27.8 65-25.9 114.3-14 262.5-2.2 53.6.8 171.2-146.6 210.6-28 7.5-19.3 48.4 22.7 58.4 67 21 117 72.3 117 97.9",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M7.6 228.9c5.2-16.1 23.7-44.7 42.2-42C71.7 185 83.8 198 94 213a140 140 0 0 1 22.4 61.5c.5 3.7 1 7.6-1.2 11.3-4.5.6-4.9-3-5-5.6-.5-20.7-9.7-38.7-18.9-56.1-6.6-12.5-16.2-24.6-31.4-27.6-17.2-3.5-33 12-40.8 32.2-14.5 37.6-12 74.6 1.4 111 5.8 15.9 13.1 32.1 27.8 43.2 14.8 11.3 32.7 9.3 43.6-5.7 2.5-3.4 5.6-6.7 7-10.6 2.1-5.7 5.4-11 11.3-10.3 6.8 1 8 8.3 8.7 14C126.2 436 137 501 147 566c2.6 17.1 5.6 41.7 3.6 52.1-.7 3.7 0 7-4.5 7.8-4.9.7-7-2.1-7.7-6.5-2.3-17-3-23.6-4-49.6-1.2-34.3-9.6-68-15.3-102a604 604 0 0 1-10.9-97c-8.5 12.7-14.8 23.3-26.5 27.2a40.5 40.5 0 0 1-46.1-12.6 128 128 0 0 1-28.8-55.8c-8.4-34-9.9-67.1.9-100.6m572.7-71.5c6.5 4.4 5.7 10 3.7 15.2-21.6 55.7-17.6 113.8-15.8 171.6 2.1 66.4-14.5 126.8-58.7 177.5-15.4 17.6-35.8 29.8-56.5 40.3-21.4 11-25.9 20.1-19.2 43.6 1.3 4.7 4.4 9.6-.2 14.4s-9.8 3.1-15.4 1.7a406 406 0 0 1-137-68.3c-6-4.5-11-10.6-15.8-16.5-2.5-3-3-7.8.5-10.4 3.7-2.9 6.4.1 9.8 2.7A146 146 0 0 0 352 561c21 2.1 41.5-.2 62.3-.1 11.5 0 20.6-5.9 29.5-10.8 27.8-15.5 54.3-32.8 72.2-60.7a230 230 0 0 0 31.6-80.9c9.6-48 5.3-96.6 5.5-146.2 4.2-36.9 8.1-72.7 27.3-104.8M60.6 238.6c21 1 34.7 28 35.8 70.3-6 18.8-12.8-1-21 2.7-4 14.5 15.1 20 16.3 34-14-.6-21.1-9.3-25.9-19.8-5.5-12.2-1-22.2 9.7-29.9-6.7-13.4-21.7-18-30-30.5 10-3.5 15.1 2.9 21 6.8 5.9 4 9 11.3 17 15-.8-19.8-11.7-34-23-48.6",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "mouth": {
+      "width": 254.9,
+      "height": 156,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M185.6 58.2c7.2 8.7 9.1 20 20.2 25 4.5 2 2.4 7.7-2.9 9.1a31 31 0 0 1-10.1.5c-22.4-1.6-44.7-3.4-67.2.5-7.7 1.3-16-.3-24-.7-4.3-.2-7.5-2.4-8-6.8s3.5-6.4 6.5-6.5c13.7-.4 21-10.2 28.8-19 6.8-8 15-9.4 24.8-9.5 11.1-.2 22.7-4 32 7.4m-15.5 60.3c-10 1.2-19.5 3.4-28-6.2 9.4-4.8 17.9-4.2 26-4.8 3-.2 6.9 1.9 7.6 5.7.5 2.9-2.3 4.1-5.6 5.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M185.6 58.2c7.2 8.7 9.1 20 20.2 25 4.5 2 2.4 7.7-2.9 9.1a31 31 0 0 1-10.1.5c-22.4-1.6-44.7-3.4-67.2.5-7.7 1.3-16-.3-24-.7-4.3-.2-7.5-2.4-8-6.8s3.5-6.4 6.5-6.5c13.7-.4 21-10.2 28.8-19 6.8-8 15-9.4 24.8-9.5 11.1-.2 22.7-4 32 7.4m-15.5 60.3c-10 1.2-19.5 3.4-28-6.2 9.4-4.8 17.9-4.2 26-4.8 3-.2 6.9 1.9 7.6 5.7.5 2.9-2.3 4.1-5.6 5.3m-62.4-62.3c.3 4-5 6.8-8.2 4.4a5 5 0 0 1-2.2-4.4c0-3.9 3.8-5.1 7.2-5.7 1.3-.2 2.9 1.9 3.2 5.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M80.7 64.4c-1.1-4.6-2.8-8.8 2-10.8C86.7 52 90 54 93 57a76 76 0 0 0 34.4 21c27 6.7 51-.5 71.2-19.9q5-4.9 10.2-9.5c2.4-2 5.1-3.2 8-.7 3 2.7 1.5 5.4-.1 8-13.6 21.4-31.7 35.8-58.1 37-8 .3-16.1 1-24.1.8-22.4-.6-38-14.3-53.8-29.3M49.3 53.5c.4-15.5 8-25.4 19.7-33q7-4.6 14.5-2.7c3.3 1 6.5 2.7 7 6.6.7 4.3-2.4 5.6-6 6.8a31 31 0 0 0-21.4 22.9c-1 4.3-2 9-7 9.4-5.9.6-5.2-5.4-6.8-10M230.4 34c0-8.8 5.4-7.4 9.7-6 7.2 2.3 16 18.6 14.7 26.5-.4 2.5-.4 5.3-3.3 6.4-3.4 1.3-5.8-.4-7.5-3.1a710 710 0 0 1-13.6-23.9",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M130.4 83.6a47 47 0 0 1 28.5-7.8c6.2.5 10.7 3.5 11 9.9.3 7.4-5.7 7-10.8 7.1h-24c-5.5-.3-7.8-3-4.7-9.2",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M99.3 108c-12.6 6.6-16.2-1.7-20-10.4-3.3-7.8-.8-18.1-13.5-21.8-6-1.7-.7-10.5 2.2-15.4 2.4-4.2 6.9-6.4 10.6-2.4 15.8 17.4 37.8 16.7 58 20C160 81.8 182 72.9 204 66.6c4.4-1.2 9.2-5.2 13-1 4 4.6 4.9 11.2 2 16.7a52 52 0 0 1-19.5 22.8c-4 2.4-8 4-11.6.1-6.4-6.7-11.1-5.7-18 .4-12 10.6-19.3 9.1-31.1-3.6-4-1.1-4.8 2.7-7 4.4-7.6 5.7-15.7 7.9-22.5-.3-4.8-5.7-6.7-2.7-9.9 1.9",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M88 69.6a154 154 0 0 0 115.4-.2c4-1.8 8.7-4 12.3 1.5 4.2 6.4.6 12.2-3.4 17.4A72 72 0 0 1 203 99c-3.8 3.4-9 7.4-13.6 3.4-8.8-7.6-14.7-5.6-22.7 1.7-11.3 10.2-21 4.5-27.6-7-21.7 14.3-21.7 14.3-32.7 1.8h-.9q-1-.2-1.6.2c-14.7 12.7-17.9 11.3-24-8.6l-1-5c-1.4-6.7-2.7-13.5-12.1-14.9.5-4.5 3.2-7.5 6.3-10.2 3.1.4 5 2.4 7 4.5 2 2.2 4.1 4.4 7.7 4.8m11 14.3a22 22 0 0 0-13.5-6.3c-1.3 6 1.1 10.1 3.4 14.3l2.3 4.2c6-1.6 7.8-5.5 7.8-12.2m27.6 8.8c1.8 6-2.6 8.1-8 7.9-4.3-2.8-4.5-6-4.8-9.2q0-1.5-.3-3c6.2-1.9 11.4-1.2 13 4.3m36.8 4.4c1.7-7.5-2-6.8-5.6-6a10 10 0 0 1-3.8.2c-2.4-.6-5.3.5-5.2 3.8.2 5.2 4.3 5.8 8.1 5.7 1.9 0 3.7-1.4 6.5-3.7m29-2.4c-3.8-4.7-5-8.8 1.5-12.1 4.6-1.3 8.7-2.3 8.5 2-.3 5.2-3.6 9.2-10 10",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M184 98.8a43 43 0 0 0 26.7-6.4c8.8-5.7 9.9-16.8 1.5-23.1-9.4-7.3-20-7-30-1.9-20.1 10.2-40 18.9-61.2 2.4-5-3.8-11.1-6.1-16.5-9.5a31 31 0 0 0-27-2.5C66.6 61.2 58 74.4 61.1 83.6c4 11.5 14.5 10.5 23.6 9.3a61 61 0 0 1 30 2.7c22 7.7 44.3 7.4 69.1 3.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m190.4 113.2 16-1.3c22.4-.3 37.1-30 22-49.3-14.2-18.4-37.7-21.3-56.8-5.5-11.4 9.5-26.3 11.5-34.6 2.8a67 67 0 0 0-33-18.1C74.9 34.3 50.6 48.4 47.3 81c-2 19.1 18.8 30 38.6 28.1l4.8-.5c5.3-.7 10.6-1.4 15.5.2 27.7 9 55.7 6.7 84.3 4.3m20.3-20.8a43 43 0 0 1-26.8 6.4c-24.8 4.2-47 4.5-69-3.2-9.7-3.4-20-4.3-30-2.7-9.2 1.2-19.7 2.2-23.7-9.3-3.2-9.2 5.5-22.4 16.2-25.8a31 31 0 0 1 27 2.5L111 64q5.4 2.5 10 6c21.2 16.4 41 7.7 61.2-2.5 10-5 20.6-5.4 30 1.9 8.4 6.3 7.3 17.4-1.5 23",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M155.6 136.2c-8.8 0-16.5.5-24-.4-5.1-.6-10.4-3.4-9-10 1.4-5.5 6-6 11.3-5.2 6.6 1 13.4 1.2 20.2 1.5 4 .2 8 .8 9.2 5.2 1.5 5.4-2 7.7-7.7 8.9",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M179.7 91.3c8.6 7.2 17 7.6 26.6 1.3 10-6.6 12.9-15.7 13.3-28A686 686 0 0 1 67.5 54.3c5 6.8 12.4 3.6 13.8 11.8 3.5 19.1 12.4 23.6 30.6 17.1 5.6-2 9.2-2 12.7 3.8q16.3 27.6 42.1 8.8c3.5-2.4 6.4-5.7 13-4.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M206.9 52.5c-3.8.3-7.6.6-11.5.1-10.4 1-20.2-.1-29.8-1.3q-8-1-15.9-1.4c-27-1.3-54.1-3.6-81.2-6l-1.9-.2c-5.2-.6-10.5-1.1-13 3.7-3 6.1 0 12.6 5.2 17a72 72 0 0 1 16.6 20c7 12.3 18.7 17 32.4 14.7 6-1 9.7.7 13.5 4.4a38.7 38.7 0 0 0 52.9 3.2c3.8-3 7.3-4.6 11.4-2.3 13.2 7.4 24.1.6 34.4-6 15.1-9.5 18.3-32.3 6.2-42.3-5.7-4.7-12.3-4.2-19.3-3.6m-.6 40.1c-9.7 6.3-18 5.9-26.6-1.3-5.6-1-8.6 1.3-11.5 3.5l-1.5 1.1c-17.3 12.4-31 9.7-42-8.8-3.6-5.8-7.2-5.8-12.8-3.8-18.2 6.5-27.1 2-30.6-17.1-.8-4.6-3.4-5.6-6.5-6.8-2.4-1-5.1-2-7.3-5 51.6 9.6 101.2 12 152 10.1-.3 12.4-3.1 21.5-13.2 28.1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M79.1 75.2c7.7-15.2-6-20-13-28.8-12 28.2-9.2 55.9 6.1 65 1.2-11.6-.3-23.8 7-36.2",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M88.8 106v-9.7q1.4-3.1 1.9-6.2c.7-3.4 1.3-6.5 4.3-8.8 4.5-.1 8.3 1.9 12.1 4 3.3 1.6 6.6 3.4 10.3 3.8h1c3 .5 6.3.9 7.8-3 1.6-4.1.2-7.7-3.8-9.5C103.6 68 91.2 52.7 78.9 37c-8.4-10.9-20.8-8.3-28.4 3.9-11.2 18-8.4 37.6-5.8 56l.1 1c2 13.6 9.3 27.7 24.9 33.3 11.4 4 18.4-.2 19-12.2zM72.2 52.5c6.5 5.8 12.6 11.3 7 22.7a56 56 0 0 0-6.4 27.7l-.6 8.5c-15.3-9.1-18.2-36.8-6.1-65q2.8 3.3 6.1 6.1",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M159.8 102c-3.2-2.8-6-6.4-9.7-8.1-18-8.5-31.4-21.7-44-36.9-14-16.7-28-34.4-49-43.4-8-3.5-16.3-7.8-24.7 0C22 23.1 9.6 32 12.4 48.1c2.5 14 11 24.6 22.6 33.8 26.5 21.1 58 26.5 90 30.7 11.8 1.6 25.3 1.5 34.8-10.6",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M104.8 37.9a86 86 0 0 0-24-23.6 33 33 0 0 0-14-8q-3-1.1-5.8-2.4C39-6.4 12.9 4.6 3.6 27.2a51 51 0 0 0 16.1 58.2c20.7 17.7 45.5 30 72.1 35.7 22.7 5 45 7.8 67.9.5 8.8-2.8 16-7.1 17.1-16.5 1.1-8.2-3.5-14.4-10.8-18.7q-2.2-1.4-4.3-3.2-2.2-1.8-4.8-3.4c-19.5-11.2-38.2-23-52-42m52 61.3 3 2.8c-9.5 12.1-23 12.2-34.9 10.6-31.8-4.2-63.4-9.6-90-30.7A56 56 0 0 1 12.5 48c-2.6-14.2 7-23 16.5-31.3l3.4-3c8-7.4 15.7-4 23.3-.7l1.5.6c19.9 8.6 33.4 24.8 46.6 40.7L106 57a131 131 0 0 0 44.1 37q3.7 2 6.7 5.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M141.4 71.2c-23-2.7-47.2-5.5-66.3 14.6a20 20 0 0 0-6.8 13.8c-18.2-4.6-32-31.2-23.7-46.7 6.6-12.4 19.8-14.6 32.5-16.3 29-4 56.6 5 78.7 20.1 13.3 9.1 23.7 8.7 36 8.2h2.6l.8-.1c7-.3 14-.6 18.3 7 4.6 8.4 4.2 16.7-1.5 24-6.1 7.8-12.6 16-25 18.1-4-22.2-16-39.5-38.4-41.9zm-19.7 33.7q-2.2-2.6-4.7-5c-3.5-4-7.1-7.7-9.9-12-3.9-6.3-8.2-5.4-12.8-2.7-7 4.2-14.3 9-12.9 18.6 1 6 5.4 5.6 9.5 5.3l3-.1h17.2c18-.4 35.9-.7 53 7a5 5 0 0 0 6-1.3c-1.3-18.7-28-35.8-46.5-29.6q.2 3.1 1.7 6.4c1.9 4.6 3.7 9.2-3.6 13.4",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M29.1 55c2.9-21.8 32-32.2 54.7-32.5 31.5-.5 61 9.1 87.7 26.1 5 3.4 11 4.5 16.8 3 19.4-4.3 32.8.4 38.1 11.8 10.4 22-.5 43.8-11.6 53.2-20.5 17-43.8 16.5-67.3 9.4a81 81 0 0 0-34.7-3c-32.1 4-59.2-5.9-76.6-34a50 50 0 0 1-7-34m46 30.8c19.1-20 43.3-17.3 66.3-14.6l7.2.8c22.4 2.4 34.5 19.7 38.5 42 12.3-2.3 18.8-10.4 25-18.3 5.6-7.2 6-15.5 1.4-23.8-4.2-7.7-11.3-7.4-18.3-7.1h-.8l-2.5.1c-12.4.5-22.9 1-36-8.2a112 112 0 0 0-79-20.1c-12.7 1.7-25.9 3.9-32.5 16.3C36.3 68.4 50 95 68.2 99.6c.3-5.3 2.7-10.3 6.8-13.8m46.6 19-4.7-5c-3.5-3.8-7.1-7.6-9.9-12-3.9-6.2-8.2-5.3-12.8-2.6-7 4.2-14.3 9-12.9 18.6 1 6 5.4 5.6 9.5 5.3l3-.1H111c18-.4 35.9-.7 53 7a5 5 0 0 0 6-1.3c-1.3-18.7-28-35.8-46.5-29.6q.2 3.1 1.7 6.4c1.9 4.6 3.7 9.2-3.6 13.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M176 64c-3.3-2.8-6.4-5.1-11.4-2.8-7.9 3.6-16.1 6.5-24.3 9.8 8.5 11.3 17.4 21.9 23.8 34.4 4.2 8.3 11.8 14.4 22 10.5 9.4-3.5 9.3-12.6 8.4-20.7A43 43 0 0 0 176 64",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M209 97v-4.9c1-6.4-.6-11.9-2-16.6l-1.3-5.2c3-5.6 7-3.3 10.7-1.1 4 2.3 7.5 4.3 9.2-2.9 1.8-7.2-2-15.5-10.5-20.3-7.8 8.7-16.3 7.7-25.4 2.7C183.2 45 176 43 169 46.3c-11 5-22.8 6.5-34.6 8.1L123 56l-2.5.4c-11.3 2-22.5 3.9-32.7-4.6-3.4-2.8-7.4-1-10.4 1.9-3 3-4 6.6-2.1 10.4 1.6 3.2 4 4.7 8.1 4.8 23.3.2 42.8 8.8 57.4 27.2q4.4 5.6 8 11.5l5 7.3c14 19.7 40.7 23.2 52.3-.4C209 109 209 103.3 209 97m-44.4-35.8c5-2.3 8.1 0 11.4 2.9a43 43 0 0 1 18.5 31c.9 8.2 1 17.3-8.4 20.8-10.2 4-17.8-2.2-22-10.5A186 186 0 0 0 144.9 77l-4.6-6 7.3-2.9a281 281 0 0 0 17-7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant13": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M153.6 86c7.4-.8 15.8 2 22.6-5.6-18-2.4-34.8-5.5-54.2.3 10.7 7.3 20 7.4 31.6 5.4",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M148.3 97.9q5.3-.4 10.5-.5l6.3-1.7q5.6-2 10.8-2.5c8.7-.7 15.7-3.7 15.9-13 .1-8.8-6.9-13-14.9-15-19-5-38-2.5-56.7 1.6-6.2 1.4-12 5.7-12.3 13.2s5 11 11 14.1c9.3 5 19.2 4.4 29.4 3.8m11.3-12-6 .2C142 88 132.7 88 122 80.7c17.9-5.4 33.6-3.2 50-.9l4.2.6c-5 5.6-11 5.6-16.6 5.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant14": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M169 100c4.8-14.2 4-16.2-9.8-18.7-10.2-1.8-19.3-6.3-29-9.4-11-3.5-18-13.8-29.5-16.5-6 29.8 33.7 56.5 68.2 44.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M97.6 95.6a77 77 0 0 0 67.5 21.2l6.4-2.5c4.8-1.9 9.2-3.5 13.2-5.8 5.2-3 9.3-9.2 4.8-13.8-10-10.3-5-16.2 4-22.2 4-2.6 6.4-6.2 4.3-10.7-2.7-6-8-3.8-12-2a50 50 0 0 1-15 3l-2.4.3c-24.8 2.8-44.9-9-64.8-20.5l-.6-.3c-11.8-7-19-4.6-20.5 9.2a51 51 0 0 0 15.1 44.1m61.6-14.3c13.9 2.5 14.6 4.5 9.7 18.8-34.5 11.8-74.2-15-68.2-44.7 6 1.5 11 5 15.8 8.6a49 49 0 0 0 13.7 8q5 1.6 9.7 3.4c6.3 2.4 12.5 4.7 19.3 6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant15": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M83 84.8c-2.4 17.7 16.1 32.5 32.4 26-4.3-15.8-20.8-17.4-32.4-26",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M72.3 101.8c12.4 23.4 36 29.9 61.7 16.3 10.5-6.4 14.9-16.6 18.7-26.1a27 27 0 0 0-1.5-24.2C137.2 42 120 41.3 99.3 45.2c-22.5 4.3-37.8 36.4-27 56.6m43.1 9c-16.3 6.5-34.8-8.3-32.4-26q5.7 3.9 11.9 6.7c8.9 4.3 17.6 8.5 20.5 19.3",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M67 36c8.2 3.7 7.7 9.3 4.2 15-2.6 4.5-6.5 7.2-11.7 4-4.8-3-3.7-7.1-1-11 2.2-3 3-7.3 8.5-8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant16": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "m124.6 95.7 2.8 10.8c3.4 2.5 5 5.2 1.8 5.3-8 .4-28.1-18-31-26.6-2.3-6.6-2-12.3 5.6-13.1 2.5-.3 4-1.9 5.3-3.5 1.6-1.7 3-3.4 5.9-3-10.2 20.5-9.4 23 9.6 30m54.9-5.4c-4.2 20.3-13.8 27.6-35.3 27h-3c-2.8 0-4.7.2-6-2l.8-2c14.3 3.1 19.4-6.3 24.4-15.6l2.5-4.4 2-3.9q1-2.6 2.6-5c2-2.8 4.7-5.2 8.5-3.8 4.6 1.8 4.3 6 3.5 9.7M135 94c1.3 8.7 6.2 6.1 10.2 2.7 2.6-2.3 4.5-5.4 6.4-8.4l1-1.6c1.7-2.8 3.7-6.6 0-8.9-3.5-2.3-6.8-1-9 3.4q-2.2 4.4-6.2 9.4zm-4.7-23.1 3-2.8c3.5 5.4.9 9.5-2.2 14.3q-1.5 2-2.6 4.3c-6.8-8-2.4-12 1.8-15.8",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M177.3 66.5c15.6 10.2 18 24 6.8 37.8a45 45 0 0 0-4 6q-2 4-5.2 7.5a43.4 43.4 0 0 1-52 5.6l-4.7-3A84 84 0 0 1 93.1 99C81 82 82 77.4 96.7 62c4-4 8.5-6.9 13-9.8q4.3-2.5 8.2-5.5c10.4-8 25 2.1 27.9 18.1 10.2.5 20.4 1 31.5 1.7m-33.1 50.7c21.5.7 31-6.6 35.3-27 .8-3.7 1.2-7.8-3.5-9.6-3.8-1.4-6.6 1-8.5 3.8q-1.5 2.4-2.7 5-.8 2-2 4l-2.4 4.3c-5 9.3-10 18.7-24.4 15.5l-.7 2.1c1.2 2.2 3 2 5.8 2zm-19.6-21.5 2.8 10.8c3.4 2.5 5 5.2 1.8 5.3-8 .4-28.1-18-31-26.6-2.3-6.6-2-12.3 5.6-13.1 2.5-.3 4-1.9 5.3-3.5 1.6-1.7 3-3.4 5.9-3-10.2 20.5-9.4 23 9.6 30m10.5-1.7c1.3 8.7 6.2 6.1 10.2 2.7 2.6-2.3 4.5-5.4 6.4-8.4l1-1.6c1.7-2.8 3.7-6.6 0-8.9-3.5-2.3-6.8-1-9 3.4q-2.2 4.4-6.2 9.4zm-4.7-23.1 3-2.8c3.5 5.4.9 9.5-2.2 14.3l-2.6 4.3c-6.8-8-2.4-12 1.8-15.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant17": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M73 46c3.7-9.7 10.6-11 13-2.3 8.5 28.2 30.5 40 55.4 49-5.2 10.2-15.5 11.2-28 5.3C91.3 87.5 80.6 68.5 73 46",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant18": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M125.4 110.5c-9.6-13-11.7-29.2-24.6-39.4-7-5.7-14.7-8-22.8-10.6-3.7-1.1-9.3-.7-9.3-6.7-.1-6.7 6-6.6 10-7.7 12-3 22 4 30.6 9.7a60 60 0 0 1 27 46.7c.6 6.5 1.2 15.8-11 8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant19": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M169.6 95c-10.4-12.4-20.6-23-37.9-20.7a5 5 0 0 1-5.6-4.2c-.5-2.8 1.1-4.7 3.2-6.5 7.8-6.8 22-6.8 34.6.3 11 6 18.7 19.7 16.9 29.4-1.7 8.6-5.8 6.7-11.2 1.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant20": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M101.4 92.5c-2.6-12.2-2.9-25.4-21.6-18.7-2.6.9-5-3.7-3.1-6.7 4.4-7 10.7-11.9 19.6-10.9 10.6 1.3 20.9 10.6 20 19.5-.7 8.1-2 17.4-14.9 16.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant21": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M175 74.5c8.2-5 11.5-.1 14.5 5.4-11.4 17-50 20.1-60.7 3.4 15-5.2 31.3-1.5 46.1-8.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant22": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M188.2 85.4c-26.7 11.3-52.6 12.5-78-.5-6.5-3.2-12-2.4-18.7.7-3-9.6-3.7-18 3-25.5 2-2.1 3.9-5 7.4-3.7 3.1 1 5 4 4.2 7-2 7 3.5 7.8 7.4 9.7 26.8 13.6 52.6 8.7 78.1-4.1 4-2 4-5 3.7-8.6-.3-3.7.8-7 5.3-7.2s7.6 2.4 7.9 6.7c.5 7.1 0 14.3 0 22.8a22 22 0 0 0-20.3 2.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant23": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M182.3 94.7c-29.2 14-65.1 3-84.2-16-2.3-2.3-3.8-5.6-5.3-8.6-1-2.3-1.6-5 .7-7.1s4.7-1.8 7.1-.7c2.6 1.3 5.6 2.5 7.5 4.5 12.1 13 28 16.4 44.7 19C162 87 169 81.3 177 79.2c5.3-1.4 11-9 15-.7 3.3 6.8-1.3 12.9-9.7 16M66.6 56.4C71 44.2 80.3 39.6 90.8 36.9c5-1.3 10.8-1.7 13 4.3 2.4 7-3.2 10.9-8.3 12-7.3 1.4-12 4.6-15.4 11.2-2.2 4.3-5.7 9.7-11.7 7-7.2-3-3.8-9-1.8-15",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant24": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M197.7 97.9q-8.8-4.7-16.2-8.9a25 25 0 0 0-24-2 158 158 0 0 1-49 12.9c-12.6.8-25.3-8.2-25.7-18.7-.2-3-.8-6.2 3-7.4 2.8-1 5.2-.8 8 1.7 15.6 14.3 17.8 14.5 36.2 4.6 7.1-3.7 14-7.5 22-9.8 16.9-4.9 31.4-2 44.3 10 4.6 4.2 9.9 6.4 16.2 2.5 2.9-1.8 6.8-2.9 9.2.5 3 4.2-.7 7-3.4 9.7-5.5 5.6-11.2 10.7-20.6 4.9",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant25": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M104.4 63.4c-14.7 4.9-15.7 8.4-8.6 22a59 59 0 0 0 17 18.4c29.7 23.5 71.7 13.1 91.8-12.8 6.2-8 6.6-19.1 1-27.6-5.4-8.1-13.8-3.4-20.8-.7-4.5 1.8-9.1 1.5-13.7 2-21.7 2.6-43-5-66.7-1.3",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M83.3 84.7c10 24.5 30.3 35.6 54.6 43.5a88 88 0 0 0 75.5-28c9.3-9.9 11.5-33.9 4-44.3q-9.9-14-34-4.4a48 48 0 0 1-24.8 3.3l-6.2-1c-16.8-2.2-33.5-4.6-50.7-1.5-17.4 3.2-25.1 15.9-18.4 32.4m12.5.6c-7.1-13.5-6-17 8.6-22 12.5-1.9 24.4-.7 36 .5 10.3 1 20.4 2.1 30.7 1q2-.3 4.1-.4a30 30 0 0 0 11.9-2.6c6.5-2.7 13.7-5.7 18.6 1.6a24 24 0 0 1-1.1 27.6c-20.1 26-62.1 36.3-91.8 12.8a59 59 0 0 1-17-18.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant26": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M104.5 68.3c5.8 1.4 12 3 10 11.7-4 1.5-6.9-.3-9.8-2.1-3.5-2.1-7-4.2-12.2-1.2 1.5-8.5 5.9-10 11.2-8.6zm93.3 5.8c3.4 3.2 1.2 7-1.4 10q-2 .8-3.6 1.7c-3.5 1.9-6.4 3.4-10 1.6-3-5.4-2.7-10.4 3-13.7 3.8-2 8.6-2.6 12 .4m-24.2 13.2c1.2-7.3-1.2-11.4-9.3-10.4-4.9.7-9.6 1.9-8.8 8.2.7 6.6 5 6.2 9.1 5.8l3.6-.2c1.5.1 3-1.1 5.4-3.4M126.3 105l1.5-.3c1.5-.2 3-.5 3.2-3-16.9-.8-30.7-8.7-44.4-20.5a41 41 0 0 0 39.7 23.8m.2-20c2.4 6.8 7.8 6.8 13.3 5 3.8-1.4 3.5-5.4 3.3-8.7-.4-5-3.8-6-8-6.3-6.1-.5-8.2 2.8-8.6 10",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M186.9 59.6a77 77 0 0 1-41 4.6c-13.1-.8-24.3-4.5-35.4-9C99.3 51 83.6 57.4 76 68.5c-6.7 10-6 20 3.5 30 10.8 11.5 24.3 20.7 40 19.6q13.5-1 27-2.6c20.7-2.1 41.3-4.3 62.4-3 17.5 1 26.1-15.5 21.2-32.7-5.7-19.4-22.6-27.3-43.3-20.1M164.2 77c8-1 10.5 3 9.3 10.4q-3.4 3.5-5.4 3.4l-3.6.2c-4 .4-8.4.8-9.1-5.8-.8-6.3 4-7.5 8.8-8.2m-38 28 1.5-.3c1.5-.2 3-.5 3.2-3-16.9-.8-30.7-8.7-44.4-20.5a41 41 0 0 0 39.7 23.8m71.5-30.8c3.4 3.2 1.2 7-1.4 10q-2 .8-3.6 1.7c-3.5 1.9-6.4 3.4-10 1.6-3-5.4-2.7-10.4 3-13.7 3.8-2 8.6-2.6 12 .4m-71.3 10.7c2.4 7 7.8 7 13.3 5 3.8-1.3 3.5-5.3 3.3-8.6-.4-5-3.8-6-8-6.3-6.1-.5-8.2 2.8-8.6 10m-22-16.5c5.8 1.4 12 3 10 11.7-4 1.5-6.9-.3-9.8-2.1-3.5-2.1-7-4.2-12.2-1.2 1.5-8.5 5.9-10 11.2-8.6z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant27": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M203 91.2c5.7-4 7-10.6 8.7-16.5 2-7-1.7-13-8.8-12-8.2 1-16.6 1.4-24.7 5a65 65 0 0 1-53.9 1.2q-12.2-5.5-25.5-7.1C86 60.3 80.5 66 81 78.5c.4 10.9 10.2 19.6 23.5 20.1 32 1.3 63.1-12.1 95.4-6 .4.1.8-.3 3-1.4",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M123.6 53.3c-10.1-5.3-20.7-10.8-34-7.2C68.1 54.6 62.4 68.3 68.5 89c6.2 21 36.6 27.8 55.7 24.8q8.2-1.4 16.6-3.8c13.8-3.6 27.6-7.2 42-1.8 13.1 5 23.4-.7 33-8 11-8.3 15.3-33 8.6-44.5-4.8-8.1-21.5-13-32.4-9a125 125 0 0 0-20.8 9.5c-14.3 8.6-27.5 7.1-42.1 0zM211 76.8c-1.5 5.4-3 11-8.1 14.4l-3 1.4c-18.4-3.5-36.5-.6-54.6 2.3-13.5 2.1-27 4.3-40.8 3.7-13.3-.5-23-9.2-23.5-20-.5-12.6 5-18.4 17.8-16.9q13.3 1.5 25.5 7a65 65 0 0 0 54-1.1c6.6-3 13.4-3.7 20.2-4.5l4.4-.5c7.1-1 10.8 5 8.8 12z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant28": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M177.4 122.6c-9.2-12.1-17.5-25.4-34-29.1-3.8-.9-5.8-3.7-5-7.6.7-4.3 4.2-5 7.7-5 7.2-.2 14 .3 18.7-7.5 2.4-3.9 8.7-4 13-2 22.9 10.8 42 32 41.6 60-.2 11-6.1 17.2-14.7 22-7.9 4.5-14.7 2.6-22.5-2.2a72 72 0 0 1-24.3-23.4 105 105 0 0 0-27.1-26.7c-1.7-1.3-3.5-2.6-2.6-6 15-2.2 25.4 5.6 34 16.3 3.8 4.8 11.8 23.8 26.6 30 11.1 4.7 19.1 2.2 20-9.5 1.4-18.4-24.7-47.3-43.9-46.8 12.7 12 23.4 24 25.5 40.9-6.5 2.5-9.4-1.6-13-3.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant29": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M141.7 78c-3.2 7-5.7 14.2-6.1 22-.2 4.6.8 9.8 6 11.6 5.4 1.9 9.1-1 12.8-5.6a39 39 0 0 0 7.5-25.1c0-5 1.3-11.8-6.1-13.7-7.6-2-10.7 3.1-14 10.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M140.4 58.5c-14.9 15-17.2 33.4-14.1 54.3 5.4 10.8 14 11.2 23.4 9.9 21.3-2.9 39.6-34.7 26-58.5-9.4-16.3-22-19-35.3-5.7m-4.8 41.4c.4-7.7 2.9-15 6.1-22 3.4-7.6 6.5-12.7 14-10.7 6.7 1.7 6.4 7.3 6.3 12v1.7a39 39 0 0 1-7.6 25.1c-3.7 4.6-7.4 7.5-12.8 5.6-5.2-1.8-6.2-7-6-11.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant30": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M169 100c4.8-14.2 4-16.2-9.8-18.7-10.2-1.8-19.3-6.3-29-9.4-10.9-3.5-18-13.8-29.5-16.5-6 29.8 33.7 56.5 68.2 44.7",
+                "fill": "white"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                "d": "M97.6 95.6a77 77 0 0 0 67.5 21.2l6.4-2.5c4.8-1.9 9.2-3.5 13.2-5.8 5.2-3 9.3-9.2 4.8-13.8-10-10.3-5-16.2 4-22.2 4-2.6 6.4-6.2 4.3-10.7-2.7-6-8-3.8-12-2a50 50 0 0 1-17.4 3.3c-24.8 2.8-44.9-9-64.8-20.5l-.6-.3c-11.8-7-19-4.6-20.5 9.2a51 51 0 0 0 15.1 44.1m61.6-14.3c13.9 2.5 14.6 4.5 9.7 18.8-34.5 11.8-74.2-15-68.2-44.7 6 1.5 11 5 15.8 8.6a49 49 0 0 0 13.7 8q5 1.5 9.7 3.4c6.3 2.4 12.5 4.8 19.3 6",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M67 36c8.2 3.7 7.7 9.3 4.2 15-2.6 4.5-6.5 7.2-11.7 4-4.8-3-3.7-7.1-1-11 2.2-3 3-7.3 8.5-8",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "nose": {
+      "width": 115.2,
+      "height": 226,
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M53.4 95.7c.2-5.7.5-10.4.3-15-.2-7.3 3-10.2 10.5-8.5 2.8 10.7 2 22 1.1 32.7-1.8 19.6 7.7 32 23 41.6 19.6 12.3 25.6 32.7 13.4 48.6-19.8 25.4-56.3 21.8-75-4.1-2.2-3.2-1.4-7.5 0-11.2.9-2.3 1.9-5 5-5 3.8-.2 5.2 2.2 5.6 5.5 1.8 12.3 10.8 16.9 21.2 18.8 13 2.4 24.5-.5 32.3-12.4 7-10.7 5-20.9-6-26.9-25.4-13.7-35.9-34.6-31.4-64",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M27 198.5c-7.6-4.6-16.3-6-19.8-14.5-1.8-4.5-3.5-9-1.4-13.5 3-6.4 8.9-8.5 15-6 8.6 3.7 1.8 9 .5 13.6C45 198 75 189.2 95.3 175c7.1-5 4.4-10.5-1.6-14.1-11.2-6.7-21.4-15.5-36.4-13.7 2.5-12.3 10.3-12.6 17-11.2a67 67 0 0 1 33.7 17c10.4 10.2 9.5 23.6-1.5 33.3-16 14.2-35.7 17.2-55.9 16-7.4-.3-15.4.3-23.5-3.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M45.4 193.6c-5 .2-8.7-.4-12-2.9-2.8-2-3.2-4.8-2.6-7.9.5-3.3 3.2-3.8 5.8-3.6 14.1.7 28-.5 41.1-6.4 3.2-1.5 6-.2 7.7 2.6 1.7 3.1 2 6.3-.8 9.4q-7.4 8.9-19 8.8z",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M82 56.5a359 359 0 0 1 13.8-16.2c2.5-2.8 6-4 9-1.2 3.5 3 1.3 5.8-.8 8.8-8 11.5-18 21.2-23.5 34.5a43 43 0 0 0-2.3 29.6c5.8 19.9 10.5 40 15.1 60.2q4.8 21.4-16 29-6 2.3-11.7 5c-16.4 8-30.4 1.5-44.4-8.6 3.8-8 9.6-10.7 18.5-5.7 8.7 5 32.7.6 39.6-6.8 4.5-5 1.4-9.7 0-14.4-5.8-19.7-14-38.7-15.6-59.8a69 69 0 0 1 18.4-54.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M68.7 105.5c6.5 23.1 15 44 30.2 62.1 6.2 7.4 3.6 18.1-3 24.6-13.8 13.4-29.3 24-50 15.6-5-2-9.2.5-13.7.9-9.5.8-16.6-1.5-16.6-14.3 13.2 2.4 25-7.3 38.9 1.2 6.2 3.9 17.9-.6 24.9-6 5.7-4.5 9.8-10.7 2.5-19.3-19-22.7-27-50.3-30-79.1a60 60 0 0 1 4.6-28.6C58.3 58 61.7 54 67.3 56c5.5 2 4.5 7.3 3 11-5.2 12.4-4 24.9-1.6 38.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M71.5 184c5-15.6-6-26.3-10.4-38.5-8.6-23.7-16.2-47.4-15-73 .2-4.6-.7-10.7 6-10.6 5.1.2 7.9 5.2 8 10 1.6 35.5 14.5 67.7 29 99.3 2.7 6 2.1 11.1-1.1 16.9-8.5 15.1-22.3 20-38.2 20.5q-13.2.6-18.2-15.2c14-1.8 29.4 4.8 39.9-9.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M109.6 184c-9.9 23.2-31.7 22.6-50.5 27.2-5.4 1.5-11.1 1-16.2-1.5.1-8.5 5.5-10.3 12-10.1 10.5.2 19.9-4 29.3-7.7 8.5-3.3 12-8.2 6.4-17.6-9-15.2-17.7-30.6-21.7-48.3a88 88 0 0 1 1.8-46.4c1.3-4 1.9-9.1 8-7.3 5 1.5 4.3 5.9 3.3 9.6-9.2 33 5 60 22.2 86.1 3 4.8 6.1 9.1 5.4 16",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M74.2 187A31 31 0 0 0 86 171.1a23 23 0 0 0-4.4-22.8c-5.3-6-12.4-3.7-19-1.7-4.2 1.3-9.5 5.3-12.2-1.2-2.4-5.6 1.8-10 6-12.7a28 28 0 0 1 26.8-2.8c11.9 4.7 16.4 14.5 18.1 25.8 6.7 44.3-31 54.4-60.7 52.5q-3.2-.3-6-2.2c-3.3-2.2-8.6-3.8-7.1-9.1 1.6-6 6.7-5 11.6-4q17.9 3.3 35-5.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant09": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M75.1 116.2c3.9 16.3 7.4 31.6 11.2 46.7 5 19.6 2.1 28.4-15.7 35.9-20 8.2-45.5 7-59.6-15.5-2.2-3.5-3.6-6.6-3-10.6.7-3.2 1.9-5.7 5.4-6.3 3.7-.6 5 1.5 6.4 4.6q13.9 29.4 43.7 17.1c10.1-4 13.3-11.8 10-21.6a292 292 0 0 1-13.5-67c-1.5-14.8-4.2-30.2 5.7-43.3h4z",
+                "fill": "black"
+              }
+            },
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M31.5 176.5c-5.7-8.1 0-10.7 5.5-12.3 4-1.2 8.2 1 7.9 5.6-.5 8-6.1 8.8-13.4 6.7",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant10": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M69.4 95c-.6-14.1-4.3-27.2.4-40.1 1.2-3.3 1.2-8.6 6.7-8 5.5.8 4.5 5.6 4 9.2-4.6 30.7 7 58.6 15 87 2.7 9.3 6.6 18.2 6.1 28.4-.8 16.4-11.3 26.4-27.4 23.6a30 30 0 0 0-17.2 1.8c-14 5.6-26-5-39.6-5.3-4 0-6.6-7.3-7-12.7 0-2.5.4-5.2 3.5-6 2-.8 4.4.2 5.3 2.2 3.6 7 9.3 3.3 14.4 4.2 11.9 2 23 1.3 34.8.9 5.8-.3 11.7 3.3 17.2-1.7 5.8-5.2 4-11.3 2.2-17.6C81.7 139.3 72 118.7 69.4 95",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant11": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M10.2 186.7c5-8.1 10.6-4.3 16.6-2.2 14.4 5 28.7 11 44 1.7 7.5-4.5 15.5-8.2 15.6-18.1 0-7.2-15-19.6-24.1-20.4-6.8-.6-13.7-.3-20.5-.5-4 0-8.2-.4-9.1-5s2.5-7 6.2-8.7c21.8-10.6 68.2 8.4 62.8 40.3-1.6 9.3-14.4 25.4-23.7 27.4-17.3 3.7-34.7 4-51.9-.2-7.2-1.8-13-6-15.9-14.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant12": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M76.7 81.4a206 206 0 0 0 3.3 80.2c4.7 22.4-15.2 54.4-46.8 49.7-11-1.6-17.5-8.1-21.3-17.8-1.7-4.3-1.5-8.8 3.3-11 4-1.7 7.4-.2 9.4 4 4.8 10.1 13.4 9.4 21.9 6.9 9.6-2.9 16.4-9.6 17.1-19.9q1-15.2-1.6-30.4a159 159 0 0 1 8.8-89.5c2.2-5.7 5.4-10.9 11.9-8.3 7.5 3 1.8 8.8.7 13.1-1.7 7.4-4.2 14.7-6.7 23",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant13": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M99.8 181.6c-8.7 16.5-33.4 25.7-48.5 18.9-4.3-2-6.2-5.8-7-10a6 6 0 0 1 3.3-6.5c4.6-2 5.8 2.3 8.6 4.8 7 6 13 .7 19-3.4 5.8-4 9.1-8.5 4.3-14.7-10.5-13.1-14.8-29.2-21.8-44-3.1-6.5-5-13.5-3.8-21 .5-3.3 1.9-5.5 5.6-5.6 2.8 0 5 .8 5.9 3.8 7.5 26.3 23.3 48.6 34.6 73.1.5 1 0 2.5-.2 4.6",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant14": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M7.4 184c5.4-8.7 22.6-12.2 32.1-7.3 6.6 3.4 13 7.6 20 1.7 6.5-5.6 4.6-12.2 1.5-18.7q-2.4-4.8 2.2-7.5c3-1.9 5.5-1.1 8.2.8a20 20 0 0 1 8 21.5c-1.6 7.3-3.8 16-12.7 19-4 1.4-8.8 3.5-12.3 2.4-15.4-4.7-33.8 3.4-47-12",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant15": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M59.8 80.5c4.5-7.8 8-15.1 12.7-21.7 3-4.2 8-7.4 13-3.1 4.9 4 0 7.2-2 10.7a228 228 0 0 0-31.3 82.3c13-2 25-1.4 30.4 11 5.6 12.7-2.5 23.2-10.6 31.8-7.3 7.7-16.6 13.5-29 7.7C42.8 183 69.6 184 65.6 166c-2.6-2.6-4.5-1.7-6.6-1.2-19.7 4.3-22.8 2.4-20.3-18.2a215 215 0 0 1 21.1-66",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant16": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "m72.7 175.1.8 3.5c7.2 25.1-.3 33.5-27 30.2-5-.7-9.5-2.3-9.9-8-.5-5.9 4.6-6.1 8.8-7 4.6-.8 9-2 15.3-3.4a154 154 0 0 1-8.4-36.6c-2-15.8.7-30.4 5.8-45 2-5.7 5.6-10.6 12-7.9 5.6 2.4 3.2 8.1 1.4 12.4-8.6 20.4-7 40.7 1.2 61.8",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant17": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M41.2 196.6c-5.4-4.8-10.2-9.4-5.5-15.8 5-6.7 9.8.1 14.7 1.4 3.2.9 5.6 4.4 9.3 3.3 6.5-1.8 14-2.5 15-11.4.8-8.5-6-10.5-11.7-13.1-4.4-2-13 1-11.3-8 1.5-8.3 9.1-7.7 15.6-7.1a25 25 0 0 1 24 25c.5 16.2-8.4 28.5-23.3 30-8.7 1-18 2-26.8-4.3",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant18": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M65.7 102.7c-.6 21.6 16.4 30.6 27.5 43.5 8.5 10 18.5 18.7 13.7 34.4a39.6 39.6 0 0 1-40.8 27.6 104 104 0 0 1-36.4-11A22 22 0 0 1 19 186.6c-1.7-3.8-5.4-7.8-.5-11.4 4.6-3.4 7 0 10 3.7 11 13.3 26 16.4 42.6 15.7A23 23 0 0 0 93 179.8c3.6-8.3-1.6-15.2-6.3-20.8-9.3-11-20-20.5-27.4-33.2-8.3-14.2-7.6-44.1 2.2-57.4 1.9-2.5 3.6-5 7.2-3.1 3.8 2 3.4 5.5 2.2 9a69 69 0 0 0-5.2 28.4",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant19": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M65.7 42.5c-4.3 23.6-7.3 45.8-.3 68.8A79 79 0 0 0 98 156.1c22.3 14.8 22.7 43 .4 57.5-24.6 16.2-50.8 14-77 7.5-11.8-3-17.9-14.2-21-25.4-2.7-9.6 6.5-25.2 16.6-31 3.1 3.8 2.4 7 .2 11.3-6.7 12.3 0 31.4 13.5 32.6 19.8 1.7 40.7 5.8 59.1-8 12.5-9.4 14-21.5 1.8-31.4A166 166 0 0 1 71 150.5C43 118.7 41.1 82.2 51 43.3A86 86 0 0 1 70 5.4C73 2 76-1.9 80.5 1c5.9 3.9 1.2 8.4-1 12-5.6 9-10.6 18.3-13.8 29.5",
+                "fill": "black"
+              }
+            }
+          ]
+        },
+        "variant20": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M98.7 203.4c-29.8 25.1-65.6 24.4-87-.9-5-6-7.7-13-10.7-20-1.2-2.7-1.5-6.1 2.2-7.7 3.2-1.3 5.8 0 7.4 3q3.4 6 6.7 12.3c17 32.6 61.6 20 75.6.5 4-5.6 3-11.2-.4-16.7-8.4-13.8-17.7-27-24.8-41.5-7.9-15.9-15.4-32.4-11.5-51.2 1-4.9 1.8-9.9 6.6-12.4 3.5 2.1 3 5 2.8 7.3-3.2 31.8 13.6 56.2 30.8 79.9 14.5 19.9 15.8 28.6 2.3 47.4",
+                "fill": "black"
+              }
+            }
+          ]
+        }
+      }
+    }
+  }
+}
diff --git a/tests/fixtures/parity/styles/shape-grid.json b/tests/fixtures/parity/styles/shape-grid.json
new file mode 100644
index 0000000..6135e3d
--- /dev/null
+++ b/tests/fixtures/parity/styles/shape-grid.json
@@ -0,0 +1,455 @@
+{
+  "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/shape-grid.min.json",
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
+  "$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "„Shape Grid” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
+    },
+    "creator": {
+      "name": "DiceBear",
+      "url": "https://www.dicebear.com"
+    },
+    "source": {
+      "name": "Shape Grid",
+      "url": "https://www.dicebear.com"
+    }
+  },
+  "canvas": {
+    "elements": [
+      {
+        "name": "g",
+        "type": "element",
+        "attributes": {
+          "transform": "matrix(.65 0 0 .65 17.5 17.5)",
+          "style": "mix-blend-mode:overlay"
+        },
+        "children": [
+          {
+            "name": "rows",
+            "type": "component"
+          }
+        ]
+      },
+      {
+        "name": "g",
+        "type": "element",
+        "attributes": {
+          "transform": "matrix(.65 0 0 .65 17.5 17.5)",
+          "opacity": ".3"
+        },
+        "children": [
+          {
+            "name": "rows",
+            "type": "component"
+          }
+        ]
+      }
+    ],
+    "width": 100,
+    "height": 100
+  },
+  "attributes": {
+    "fill": "none",
+    "shape-rendering": "auto"
+  },
+  "components": {
+    "rows": {
+      "width": 100,
+      "height": 100,
+      "variants": {
+        "rows01": {
+          "elements": [
+            {
+              "name": "shape01",
+              "type": "component",
+              "attributes": {
+                "transform": "scale(10)"
+              }
+            }
+          ],
+          "weight": 0
+        },
+        "rows02": {
+          "elements": [
+            {
+              "name": "shape04",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(5.1 0 0 5.1 49 49)"
+              }
+            },
+            {
+              "name": "shape03",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(4.9 0 0 5.1 0 49)"
+              }
+            },
+            {
+              "name": "shape02",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(5.1 0 0 4.9 49 0)"
+              }
+            },
+            {
+              "name": "shape01",
+              "type": "component",
+              "attributes": {
+                "transform": "scale(4.9)"
+              }
+            }
+          ]
+        },
+        "rows03": {
+          "elements": [
+            {
+              "name": "shape09",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.3 0 0 3.3 67 67)"
+              }
+            },
+            {
+              "name": "shape08",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.4 0 0 3.3 33 67)"
+              }
+            },
+            {
+              "name": "shape07",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.3 0 0 3.3 0 67)"
+              }
+            },
+            {
+              "name": "shape06",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.3 0 0 3.4 67 33)"
+              }
+            },
+            {
+              "name": "shape05",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.4 0 0 3.4 33 33)"
+              }
+            },
+            {
+              "name": "shape04",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.3 0 0 3.4 0 33)"
+              }
+            },
+            {
+              "name": "shape03",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(67)scale(3.3)"
+              }
+            },
+            {
+              "name": "shape02",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(3.4 0 0 3.3 33 0)"
+              }
+            },
+            {
+              "name": "shape01",
+              "type": "component",
+              "attributes": {
+                "transform": "scale(3.3)"
+              }
+            }
+          ],
+          "weight": 0
+        },
+        "rows04": {
+          "elements": [
+            {
+              "name": "shape16",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 75 75)"
+              }
+            },
+            {
+              "name": "shape15",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 50 75)"
+              }
+            },
+            {
+              "name": "shape14",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 25 75)"
+              }
+            },
+            {
+              "name": "shape13",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 0 75)"
+              }
+            },
+            {
+              "name": "shape12",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 75 50)"
+              }
+            },
+            {
+              "name": "shape11",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 50 50)"
+              }
+            },
+            {
+              "name": "shape10",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 25 50)"
+              }
+            },
+            {
+              "name": "shape09",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 0 50)"
+              }
+            },
+            {
+              "name": "shape08",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 75 25)"
+              }
+            },
+            {
+              "name": "shape07",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 50 25)"
+              }
+            },
+            {
+              "name": "shape06",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 25 25)"
+              }
+            },
+            {
+              "name": "shape05",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(2.5 0 0 2.5 0 25)"
+              }
+            },
+            {
+              "name": "shape04",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(75)scale(2.5)"
+              }
+            },
+            {
+              "name": "shape03",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(50)scale(2.5)"
+              }
+            },
+            {
+              "name": "shape02",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(25)scale(2.5)"
+              }
+            },
+            {
+              "name": "shape01",
+              "type": "component",
+              "attributes": {
+                "transform": "scale(2.5)"
+              }
+            }
+          ],
+          "weight": 0
+        }
+      }
+    },
+    "shape": {
+      "width": 10,
+      "height": 10,
+      "scale": {
+        "min": 0.55,
+        "max": 0.95
+      },
+      "variants": {
+        "circle": {
+          "elements": [
+            {
+              "name": "circle",
+              "type": "element",
+              "attributes": {
+                "cx": "5",
+                "cy": "5",
+                "r": "5",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            }
+          ]
+        },
+        "hexagon": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M4.5.16a1 1 0 0 1 1 0l3.44 1.99c.3.18.5.5.5.86V7a1 1 0 0 1-.5.86L5.5 9.84a1 1 0 0 1-1 0L1.06 7.85A1 1 0 0 1 .56 7V3a1 1 0 0 1 .5-.86z",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            }
+          ]
+        },
+        "plus": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            }
+          ]
+        },
+        "polygon": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            }
+          ]
+        },
+        "square": {
+          "elements": [
+            {
+              "name": "rect",
+              "type": "element",
+              "attributes": {
+                "width": "10",
+                "height": "10",
+                "rx": "1",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            }
+          ]
+        }
+      }
+    },
+    "shape01": {
+      "extends": "shape"
+    },
+    "shape02": {
+      "extends": "shape"
+    },
+    "shape03": {
+      "extends": "shape"
+    },
+    "shape04": {
+      "extends": "shape"
+    },
+    "shape05": {
+      "extends": "shape"
+    },
+    "shape06": {
+      "extends": "shape"
+    },
+    "shape07": {
+      "extends": "shape"
+    },
+    "shape08": {
+      "extends": "shape"
+    },
+    "shape09": {
+      "extends": "shape"
+    },
+    "shape10": {
+      "extends": "shape"
+    },
+    "shape11": {
+      "extends": "shape"
+    },
+    "shape12": {
+      "extends": "shape"
+    },
+    "shape13": {
+      "extends": "shape"
+    },
+    "shape14": {
+      "extends": "shape"
+    },
+    "shape15": {
+      "extends": "shape"
+    },
+    "shape16": {
+      "extends": "shape"
+    }
+  },
+  "colors": {
+    "background": {
+      "values": [
+        "#ffa3b5",
+        "#ffb382",
+        "#ffe08a",
+        "#e2f299",
+        "#a8f0b0",
+        "#86eadf",
+        "#7fd4f5",
+        "#9cbeff",
+        "#cfbeff"
+      ]
+    },
+    "shape": {
+      "notEqualTo": [],
+      "contrastTo": "background",
+      "values": [
+        "#000000",
+        "#ffffff"
+      ]
+    }
+  }
+}
diff --git a/tests/fixtures/parity/styles/thumbs.json b/tests/fixtures/parity/styles/thumbs.json
new file mode 100644
index 0000000..52883b5
--- /dev/null
+++ b/tests/fixtures/parity/styles/thumbs.json
@@ -0,0 +1,389 @@
+{
+  "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/thumbs.min.json",
+  "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
+  "$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
+  "meta": {
+    "license": {
+      "name": "CC0 1.0",
+      "url": "https://creativecommons.org/publicdomain/zero/1.0/",
+      "text": "„Thumbs” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
+    },
+    "creator": {
+      "name": "DiceBear",
+      "url": "https://www.dicebear.com"
+    },
+    "source": {
+      "name": "Thumbs",
+      "url": "https://www.dicebear.com"
+    }
+  },
+  "canvas": {
+    "elements": [
+      {
+        "name": "body",
+        "type": "component",
+        "attributes": {
+          "transform": "translate(5 10)"
+        }
+      }
+    ],
+    "width": 100,
+    "height": 100
+  },
+  "attributes": {
+    "fill": "none",
+    "shape-rendering": "auto"
+  },
+  "components": {
+    "body": {
+      "width": 90,
+      "height": 130,
+      "rotate": {
+        "min": -20,
+        "max": 20
+      },
+      "translate": {
+        "x": {
+          "min": -5,
+          "max": 5
+        },
+        "y": {
+          "min": -5,
+          "max": 5
+        }
+      },
+      "variants": {
+        "default": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M45 0c24.85 0 45 19.4 45 43.33V130H0V43.33C0 19.4 20.15 0 45 0",
+                "fill": {
+                  "type": "color",
+                  "name": "shape"
+                }
+              }
+            },
+            {
+              "name": "head",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(24 24)"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "eyes": {
+      "width": 16,
+      "height": 16,
+      "translate": {
+        "x": {
+          "min": -20,
+          "max": 20
+        },
+        "y": {
+          "min": -10,
+          "max": 10
+        }
+      },
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M.25 8.12C1.66 11.86 12 16 12 16s5.17-9.58 3.76-13.32c0 0-1.41-3.74-5.3-2.38-3.87 1.36-2.7 4.48-2.7 4.48S6.6 1.66 2.73 3.02.25 8.12.25 8.12",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M9.5 10c-3.88 0-7.11-4.23-6.4-4.85s2.63 1.3 6.4 1.3 5.69-2 6.4-1.3S13.38 10 9.5 10",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M11.86 7.5c0-1.42-4.14-2.85-4.82-4.98C6.34.4 16 5.37 16 7.5s-9.65 7.11-8.96 4.98 4.82-3.56 4.82-4.98",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M16 8c0 2.2-1.34 4-3 4s-3-1.8-3-4 1.34-4 3-4 3 1.8 3 4",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant06": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M16 8c0 3.31-1.34 6-3 6s-3-2.69-3-6 1.34-6 3-6 3 2.69 3 6",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant07": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M11.5 6C8.29 6 7 7.36 7 8.04c0 3.4 1.29 1.35 4.5 1.35S16 11.43 16 8.04C16 7.36 14.71 6 11.5 6",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        },
+        "variant08": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M16 8c0 1.66-1.12 3-2.5 3S11 9.66 11 8s1.12-3 2.5-3S16 6.34 16 8",
+                "fill": {
+                  "type": "color",
+                  "name": "eyes"
+                }
+              }
+            }
+          ]
+        }
+      }
+    },
+    "head": {
+      "width": 44,
+      "height": 40,
+      "rotate": {
+        "min": -20,
+        "max": 20
+      },
+      "translate": {
+        "x": {
+          "min": -15,
+          "max": 15
+        },
+        "y": {
+          "min": -15,
+          "max": 15
+        }
+      },
+      "variants": {
+        "default": {
+          "elements": [
+            {
+              "name": "eyes",
+              "type": "component"
+            },
+            {
+              "name": "eyes",
+              "type": "component",
+              "attributes": {
+                "transform": "matrix(-1 0 0 1 44 0)"
+              }
+            },
+            {
+              "name": "mouth",
+              "type": "component",
+              "attributes": {
+                "transform": "translate(7 26)"
+              }
+            }
+          ]
+        }
+      }
+    },
+    "mouth": {
+      "width": 30,
+      "height": 14,
+      "translate": {
+        "y": {
+          "min": -10,
+          "max": 10
+        }
+      },
+      "variants": {
+        "variant01": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M15 11C4.52 11 2.42 2.82 3.12 2.14S8.02 3.5 15 3.5s11.18-2.04 11.88-1.36S25.48 11 15 11",
+                "fill": {
+                  "type": "color",
+                  "name": "mouth"
+                }
+              }
+            }
+          ]
+        },
+        "variant02": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M15 14C1.9 14-.72 1.29.15.23S6.27 2.11 15 2.11 28.97-.83 29.85.23 28.1 14 15 14",
+                "fill": {
+                  "type": "color",
+                  "name": "mouth"
+                }
+              }
+            }
+          ]
+        },
+        "variant03": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M15.5 10c-5.07 0-9.3-5.23-8.37-5.88s3.45 2.15 8.37 2.15 7.44-2.88 8.37-2.15S20.57 10 15.5 10",
+                "fill": {
+                  "type": "color",
+                  "name": "mouth"
+                }
+              }
+            }
+          ]
+        },
+        "variant04": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M15 10C6.79 10 3.02 3.88 4.22 3.12 5.42 2.35 6.1 6.6 15 6.49c8.9-.12 9.58-4.23 10.78-3.37S23.21 10 15 10",
+                "fill": {
+                  "type": "color",
+                  "name": "mouth"
+                }
+              }
+            }
+          ]
+        },
+        "variant05": {
+          "elements": [
+            {
+              "name": "path",
+              "type": "element",
+              "attributes": {
+                "d": "M15.2 3.84c0-.67-4.2-2-4.2-2.67s7 .67 7 2.67-4.2 2.66-4.2 2.66 4.2.67 4.2 2.66-7 3.33-7 2.67 4.2-2 4.2-2.67-3.5-1.33-3.5-2.66 3.5-2 3.5-2.66",
+                "fill": {
+                  "type": "color",
+                  "name": "mouth"
+                }
+              }
+            }
+          ]
+        }
+      }
+    }
+  },
+  "colors": {
+    "background": {
+      "values": [
+        "#0a5b83",
+        "#1c799f",
+        "#69d2e7",
+        "#f1f4dc",
+        "#f88c49"
+      ]
+    },
+    "eyes": {
+      "notEqualTo": [
+        "shape"
+      ],
+      "contrastTo": "shape",
+      "values": [
+        "#000000",
+        "#ffffff"
+      ]
+    },
+    "mouth": {
+      "notEqualTo": [
+        "shape"
+      ],
+      "contrastTo": "shape",
+      "values": [
+        "#000000",
+        "#ffffff"
+      ]
+    },
+    "shape": {
+      "notEqualTo": [
+        "background"
+      ],
+      "values": [
+        "#0a5b83",
+        "#1c799f",
+        "#69d2e7",
+        "#f1f4dc",
+        "#f88c49"
+      ]
+    }
+  }
+}
diff --git a/tests/fixtures/parity/validation.json b/tests/fixtures/parity/validation.json
new file mode 100644
index 0000000..d371a24
--- /dev/null
+++ b/tests/fixtures/parity/validation.json
@@ -0,0 +1,371 @@
+{
+  "styles": [
+    {
+      "id": "minimal",
+      "definition": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": []
+        }
+      },
+      "valid": true
+    },
+    {
+      "id": "with-component-and-color",
+      "definition": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": []
+        },
+        "components": {
+          "shape": {
+            "width": 100,
+            "height": 100,
+            "variants": {
+              "a": {
+                "elements": []
+              },
+              "b": {
+                "elements": []
+              }
+            }
+          }
+        },
+        "colors": {
+          "fill": {
+            "values": [
+              "#000000"
+            ]
+          }
+        }
+      },
+      "valid": true
+    },
+    {
+      "id": "empty",
+      "definition": {},
+      "valid": false
+    },
+    {
+      "id": "missing-canvas",
+      "definition": {
+        "components": {}
+      },
+      "valid": false
+    },
+    {
+      "id": "canvas-not-object",
+      "definition": {
+        "canvas": "nope"
+      },
+      "valid": false
+    },
+    {
+      "id": "canvas-missing-size",
+      "definition": {
+        "canvas": {
+          "elements": []
+        }
+      },
+      "valid": false
+    },
+    {
+      "id": "alias-to-unknown-component",
+      "definition": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": []
+        },
+        "components": {
+          "a": {
+            "extends": "missing"
+          }
+        }
+      },
+      "valid": false
+    },
+    {
+      "id": "unknown-root-key",
+      "definition": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": []
+        },
+        "unexpected": true
+      },
+      "valid": false
+    }
+  ],
+  "options": [
+    {
+      "id": "empty",
+      "options": {},
+      "valid": true
+    },
+    {
+      "id": "seed-string",
+      "options": {
+        "seed": "x"
+      },
+      "valid": true
+    },
+    {
+      "id": "seed-number",
+      "options": {
+        "seed": 123
+      },
+      "valid": false
+    },
+    {
+      "id": "size-min",
+      "options": {
+        "size": 1
+      },
+      "valid": true
+    },
+    {
+      "id": "size-zero",
+      "options": {
+        "size": 0
+      },
+      "valid": false
+    },
+    {
+      "id": "size-negative",
+      "options": {
+        "size": -5
+      },
+      "valid": false
+    },
+    {
+      "id": "size-float",
+      "options": {
+        "size": 12.5
+      },
+      "valid": false
+    },
+    {
+      "id": "size-huge",
+      "options": {
+        "size": 2000000
+      },
+      "valid": false
+    },
+    {
+      "id": "flip-valid",
+      "options": {
+        "flip": "horizontal"
+      },
+      "valid": true
+    },
+    {
+      "id": "flip-invalid",
+      "options": {
+        "flip": "diagonal"
+      },
+      "valid": false
+    },
+    {
+      "id": "rotate-in-range",
+      "options": {
+        "rotate": 360
+      },
+      "valid": true
+    },
+    {
+      "id": "rotate-out-of-range",
+      "options": {
+        "rotate": 361
+      },
+      "valid": false
+    },
+    {
+      "id": "scale-negative",
+      "options": {
+        "scale": -1
+      },
+      "valid": false
+    },
+    {
+      "id": "title-number",
+      "options": {
+        "title": 123
+      },
+      "valid": false
+    },
+    {
+      "id": "id-randomization-string",
+      "options": {
+        "idRandomization": "yes"
+      },
+      "valid": false
+    },
+    {
+      "id": "background-color-string",
+      "options": {
+        "backgroundColor": "ff0000"
+      },
+      "valid": true
+    },
+    {
+      "id": "background-color-list",
+      "options": {
+        "backgroundColor": [
+          "ff0000"
+        ]
+      },
+      "valid": true
+    },
+    {
+      "id": "background-color-invalid-hex",
+      "options": {
+        "backgroundColor": [
+          "zzz"
+        ]
+      },
+      "valid": false
+    },
+    {
+      "id": "unknown-option",
+      "options": {
+        "unknownOption": 1
+      },
+      "valid": false
+    }
+  ],
+  "circularColors": [
+    {
+      "id": "self-reference",
+      "style": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": [
+            {
+              "type": "element",
+              "name": "rect",
+              "attributes": {
+                "fill": {
+                  "type": "color",
+                  "name": "a"
+                }
+              }
+            }
+          ]
+        },
+        "colors": {
+          "a": {
+            "values": [
+              "#000000"
+            ],
+            "contrastTo": "a"
+          }
+        }
+      },
+      "options": {
+        "seed": "x"
+      },
+      "chain": [
+        "a",
+        "a"
+      ]
+    },
+    {
+      "id": "two-color-cycle",
+      "style": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": [
+            {
+              "type": "element",
+              "name": "rect",
+              "attributes": {
+                "fill": {
+                  "type": "color",
+                  "name": "a"
+                }
+              }
+            }
+          ]
+        },
+        "colors": {
+          "a": {
+            "values": [
+              "#000000"
+            ],
+            "contrastTo": "b"
+          },
+          "b": {
+            "values": [
+              "#ffffff"
+            ],
+            "contrastTo": "a"
+          }
+        }
+      },
+      "options": {
+        "seed": "x"
+      },
+      "chain": [
+        "a",
+        "b",
+        "a"
+      ]
+    },
+    {
+      "id": "three-color-cycle",
+      "style": {
+        "canvas": {
+          "width": 100,
+          "height": 100,
+          "elements": [
+            {
+              "type": "element",
+              "name": "rect",
+              "attributes": {
+                "fill": {
+                  "type": "color",
+                  "name": "a"
+                }
+              }
+            }
+          ]
+        },
+        "colors": {
+          "a": {
+            "values": [
+              "#000000"
+            ],
+            "contrastTo": "b"
+          },
+          "b": {
+            "values": [
+              "#ffffff"
+            ],
+            "contrastTo": "c"
+          },
+          "c": {
+            "values": [
+              "#ff0000"
+            ],
+            "contrastTo": "a"
+          }
+        }
+      },
+      "options": {
+        "seed": "x"
+      },
+      "chain": [
+        "a",
+        "b",
+        "c",
+        "a"
+      ]
+    }
+  ]
+}
diff --git a/tests/scripts/publish.test.js b/tests/scripts/publish.test.js
new file mode 100644
index 0000000..2d2ae32
--- /dev/null
+++ b/tests/scripts/publish.test.js
@@ -0,0 +1,27 @@
+import { test } from "node:test";
+import assert from "node:assert/strict";
+import { shouldPublish } from "../../scripts/lib/publish.mjs";
+
+test("shouldPublish skips private packages", () => {
+  const result = shouldPublish({ name: "@dicebear/editor", version: "1.0.0", private: true }, null);
+  assert.strictEqual(result.publish, false);
+  assert.match(result.reason, /private/);
+});
+
+test("shouldPublish skips when registry version matches local version", () => {
+  const result = shouldPublish({ name: "@dicebear/core", version: "1.0.0" }, "1.0.0");
+  assert.strictEqual(result.publish, false);
+  assert.match(result.reason, /already published/);
+});
+
+test("shouldPublish publishes when versions differ", () => {
+  const result = shouldPublish({ name: "@dicebear/core", version: "2.0.0" }, "1.0.0");
+  assert.strictEqual(result.publish, true);
+  assert.match(result.reason, /version changed/);
+});
+
+test("shouldPublish publishes when package is new on registry", () => {
+  const result = shouldPublish({ name: "@dicebear/new-style", version: "1.0.0" }, null);
+  assert.strictEqual(result.publish, true);
+  assert.match(result.reason, /new package/);
+});
diff --git a/tests/scripts/version.test.js b/tests/scripts/version.test.js
new file mode 100644
index 0000000..8eed8ee
--- /dev/null
+++ b/tests/scripts/version.test.js
@@ -0,0 +1,201 @@
+import { test } from "node:test";
+import assert from "node:assert/strict";
+import {
+  isValidVersion,
+  updatePackageJson,
+  collectWorkspaceNames,
+  updateChangelog,
+} from "../../scripts/lib/version.mjs";
+
+const CHANGELOG = [
+  "# Changelog",
+  "",
+  "## [Unreleased]",
+  "",
+  "### Fixed",
+  "",
+  "- Some bug fix.",
+  "",
+  "## [10.0.0] - 2026-05-27",
+  "",
+  "### Added",
+  "",
+  "- Initial release.",
+  "",
+  "[Unreleased]: https://github.com/dicebear/dicebear/compare/v10.0.0...HEAD",
+  "[10.0.0]: https://github.com/dicebear/dicebear/releases/tag/v10.0.0",
+  "",
+].join("\n");
+
+// --- isValidVersion ---
+
+test("isValidVersion accepts semver versions", () => {
+  assert.ok(isValidVersion("9.4.0"));
+  assert.ok(isValidVersion("1.0.0-alpha.1"));
+  assert.ok(isValidVersion("0.0.1-rc.2"));
+});
+
+test("isValidVersion rejects invalid versions", () => {
+  assert.ok(!isValidVersion(""));
+  assert.ok(!isValidVersion("abc"));
+  assert.ok(!isValidVersion("1.2"));
+  assert.ok(!isValidVersion("v1.0.0"));
+});
+
+// --- updatePackageJson ---
+
+test("updatePackageJson sets version to new value", () => {
+  const raw = JSON.stringify({ name: "@dicebear/core", version: "1.0.0" }, null, "  ") + "\n";
+  const result = updatePackageJson(raw, "2.0.0", new Set());
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.version, "2.0.0");
+});
+
+test("updatePackageJson updates internal dependencies", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/converter",
+    version: "1.0.0",
+    dependencies: { "@dicebear/core": "1.0.0", "external-lib": "^3.0.0" },
+  }, null, "  ") + "\n";
+  const workspaceNames = new Set(["@dicebear/core"]);
+  const result = updatePackageJson(raw, "2.0.0", workspaceNames);
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.dependencies["@dicebear/core"], "2.0.0");
+});
+
+test("updatePackageJson updates internal devDependencies", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/core",
+    version: "1.0.0",
+    devDependencies: { "@dicebear/core": "1.0.0" },
+  }, null, "  ") + "\n";
+  const workspaceNames = new Set(["@dicebear/core"]);
+  const result = updatePackageJson(raw, "2.0.0", workspaceNames);
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.devDependencies["@dicebear/core"], "2.0.0");
+});
+
+test("updatePackageJson leaves wildcard dependencies unchanged", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/editor",
+    version: "1.0.0",
+    dependencies: { "@dicebear/core": "*" },
+  }, null, "  ") + "\n";
+  const workspaceNames = new Set(["@dicebear/core"]);
+  const result = updatePackageJson(raw, "2.0.0", workspaceNames);
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.dependencies["@dicebear/core"], "*");
+});
+
+test("updatePackageJson leaves peerDependencies ranges untouched", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/converter",
+    version: "1.0.0",
+    peerDependencies: { "@dicebear/core": ">=1.0.0" },
+  }, null, "  ") + "\n";
+  const workspaceNames = new Set(["@dicebear/core"]);
+  const result = updatePackageJson(raw, "2.0.0", workspaceNames);
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.peerDependencies["@dicebear/core"], ">=1.0.0");
+});
+
+test("updatePackageJson skips root package.json without version field", () => {
+  const raw = JSON.stringify({ name: "root", private: true }, null, "  ") + "\n";
+  const result = updatePackageJson(raw, "2.0.0", new Set());
+  assert.strictEqual(result, null);
+});
+
+test("updatePackageJson leaves external dependencies unchanged", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/core",
+    version: "1.0.0",
+    dependencies: { "external-lib": "^3.0.0" },
+  }, null, "  ") + "\n";
+  const workspaceNames = new Set(["@dicebear/core"]);
+  const result = updatePackageJson(raw, "2.0.0", workspaceNames);
+  const pkg = JSON.parse(result);
+  assert.strictEqual(pkg.dependencies["external-lib"], "^3.0.0");
+});
+
+test("updatePackageJson returns null when no change needed", () => {
+  const raw = JSON.stringify({
+    name: "@dicebear/core",
+    version: "2.0.0",
+    dependencies: { "external-lib": "^3.0.0" },
+  }, null, "  ") + "\n";
+  const result = updatePackageJson(raw, "2.0.0", new Set());
+  assert.strictEqual(result, null);
+});
+
+// --- collectWorkspaceNames ---
+
+test("collectWorkspaceNames collects all name fields", () => {
+  const raws = [
+    JSON.stringify({ name: "@dicebear/core", version: "1.0.0" }),
+    JSON.stringify({ name: "@dicebear/avataaars", version: "1.0.0" }),
+    JSON.stringify({ version: "1.0.0" }), // no name — should be ignored
+  ];
+  const names = collectWorkspaceNames(raws);
+  assert.strictEqual(names.size, 2);
+  assert.ok(names.has("@dicebear/core"));
+  assert.ok(names.has("@dicebear/avataaars"));
+});
+
+// --- updateChangelog ---
+
+test("updateChangelog promotes Unreleased to a dated version section", () => {
+  const result = updateChangelog(CHANGELOG, "10.0.1", "2026-05-29");
+
+  // A fresh, empty Unreleased section stays on top.
+  assert.match(result, /## \[Unreleased\]\n\n## \[10\.0\.1\] - 2026-05-29/);
+  // The existing entries move under the new version.
+  assert.match(result, /## \[10\.0\.1\] - 2026-05-29\n\n### Fixed\n\n- Some bug fix\./);
+  // The previous version section is untouched.
+  assert.match(result, /## \[10\.0\.0\] - 2026-05-27/);
+});
+
+test("updateChangelog rewrites the bottom link references", () => {
+  const result = updateChangelog(CHANGELOG, "10.0.1", "2026-05-29");
+
+  assert.match(
+    result,
+    /^\[Unreleased\]: https:\/\/github\.com\/dicebear\/dicebear\/compare\/v10\.0\.1\.\.\.HEAD$/m
+  );
+  assert.match(
+    result,
+    /^\[10\.0\.1\]: https:\/\/github\.com\/dicebear\/dicebear\/compare\/v10\.0\.0\.\.\.v10\.0\.1$/m
+  );
+  // The original 10.0.0 tag link is preserved.
+  assert.match(
+    result,
+    /^\[10\.0\.0\]: https:\/\/github\.com\/dicebear\/dicebear\/releases\/tag\/v10\.0\.0$/m
+  );
+});
+
+test("updateChangelog returns null when there is no Unreleased section", () => {
+  const raw = "# Changelog\n\n## [10.0.0] - 2026-05-27\n\n- Initial release.\n";
+  assert.strictEqual(updateChangelog(raw, "10.0.1", "2026-05-29"), null);
+});
+
+test("updateChangelog is idempotent when the version was already promoted", () => {
+  const once = updateChangelog(CHANGELOG, "10.0.1", "2026-05-29");
+  // Re-running the same release (e.g. after a mid-run failure) must be a no-op.
+  assert.strictEqual(updateChangelog(once, "10.0.1", "2026-05-29"), null);
+});
+
+test("updateChangelog does not treat 10.0.10 as already-promoted 10.0.1", () => {
+  const raw = CHANGELOG.replace(
+    "## [10.0.0] - 2026-05-27",
+    "## [10.0.10] - 2026-05-28\n\n### Added\n\n- prior\n\n## [10.0.0] - 2026-05-27"
+  );
+  const result = updateChangelog(raw, "10.0.1", "2026-05-29");
+  assert.notStrictEqual(result, null);
+  assert.match(result, /## \[10\.0\.1\] - 2026-05-29/);
+});
+
+test("updateChangelog promotes even without bottom link references", () => {
+  const raw = "# Changelog\n\n## [Unreleased]\n\n### Fixed\n\n- A fix.\n";
+  const result = updateChangelog(raw, "1.2.3", "2026-01-01");
+
+  assert.match(result, /## \[Unreleased\]\n\n## \[1\.2\.3\] - 2026-01-01\n\n### Fixed\n\n- A fix\./);
+});
diff --git a/tests/scripts/workspace.test.js b/tests/scripts/workspace.test.js
new file mode 100644
index 0000000..7145b10
--- /dev/null
+++ b/tests/scripts/workspace.test.js
@@ -0,0 +1,29 @@
+import { test } from "node:test";
+import assert from "node:assert/strict";
+import { resolve } from "node:path";
+import { resolveWorkspacePackages } from "../../scripts/lib/workspace.mjs";
+
+const ROOT = resolve(import.meta.dirname, "../..");
+const results = resolveWorkspacePackages(ROOT);
+
+test("resolveWorkspacePackages finds @dicebear/core", () => {
+  assert.ok(results.some((p) => p.includes("src/js/core/package.json")));
+});
+
+test("resolveWorkspacePackages finds @dicebear/converter", () => {
+  assert.ok(results.some((p) => p.includes("src/js/converter/package.json")));
+});
+
+test("resolveWorkspacePackages finds the CLI package (dicebear)", () => {
+  assert.ok(results.some((p) => p.includes("src/js/cli/package.json")));
+});
+
+test("resolveWorkspacePackages does not include root package.json", () => {
+  const rootPkgJson = resolve(ROOT, "package.json");
+  assert.ok(!results.includes(rootPkgJson));
+});
+
+test("resolveWorkspacePackages finds all app packages", () => {
+  assert.ok(results.some((p) => p.includes("apps/editor/package.json")));
+  assert.ok(results.some((p) => p.includes("apps/docs/package.json")));
+});
diff --git a/turbo.json b/turbo.json
new file mode 100644
index 0000000..1343bac
--- /dev/null
+++ b/turbo.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["lib/**", ".vitepress/dist/**", "dist/**"]
+    },
+    "test": {
+      "dependsOn": ["build"],
+      "cache": false
+    },
+    "dev": {
+      "dependsOn": ["^build"],
+      "persistent": true,
+      "cache": false
+    }
+  }
+}