diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..a06a8c6
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..df9b23b
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,103 @@
+{
+    // https://github.com/tailwindlabs/tailwindcss/discussions/5258#discussioncomment-1979394
+    "css.customData": [
+        ".vscode/tailwind.json"
+    ],
+    // Disable the default formatter, use eslint instead
+    "prettier.enable": false,
+    "editor.formatOnSave": false,
+    // Auto fix
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit",
+        "source.organizeImports": "never"
+    },
+    // Silent the stylistic rules in your IDE, but still auto fix them
+    "eslint.rules.customizations": [
+        {
+            "rule": "style/*",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "format/*",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-indent",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-spacing",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-spaces",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-order",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-dangle",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*-newline",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*quotes",
+            "severity": "off",
+            "fixable": true
+        },
+        {
+            "rule": "*semi",
+            "severity": "off",
+            "fixable": true
+        }
+    ],
+    // Enable eslint for all supported languages
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact",
+        "vue",
+        "html",
+        "markdown",
+        "json",
+        "jsonc",
+        "yaml",
+        "toml",
+        "xml",
+        "gql",
+        "graphql",
+        "astro",
+        "svelte",
+        "css",
+        "less",
+        "scss",
+        "pcss",
+        "postcss"
+    ],
+    "workspaceKeybindings.manimPreviewTask.enabled": true,
+    "typescript.format.enable": false,
+    "typescript.tsdk": "./Frontend/node_modules/typescript/lib",
+    "[vue]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
+    "[javascript]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    }
+}
\ No newline at end of file
diff --git a/.vscode/tailwind.json b/.vscode/tailwind.json
new file mode 100644
index 0000000..53078b1
--- /dev/null
+++ b/.vscode/tailwind.json
@@ -0,0 +1,95 @@
+{
+  "version": 4.0,
+  "atDirectives": [
+    {
+      "name": "@theme",
+      "description": "Use the `@theme` directive to define your project's custom design tokens, like fonts, colors, and breakpoints.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#theme-directive"
+        }
+      ]
+    },
+    {
+      "name": "@source",
+      "description": "Use the `@source` directive to explicitly specify source files that aren't picked up by Tailwind's automatic content detection.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#source-directive"
+        }
+      ]
+    },
+    {
+      "name": "@utility",
+      "description": "Use the `@utility` directive to add custom utilities to your project that work with variants like `hover`, `focus` and `lg`.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#utility-directive"
+        }
+      ]
+    },
+    {
+      "name": "@variant",
+      "description": "Use the `@variant` directive to apply a Tailwind variant to styles in your CSS.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#variant-directive"
+        }
+      ]
+    },
+    {
+      "name": "@custom-variant",
+      "description": "Use the `@custom-variant` directive to add a custom variant in your project.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#custom-variant-directive"
+        }
+      ]
+    },
+    {
+      "name": "@apply",
+      "description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#apply-directive"
+        }
+      ]
+    },
+    {
+      "name": "@reference",
+      "description": "If you want to use `@apply` or `@variant` in the `<style>` block of a Vue or Svelte component, or within CSS modules, you will need to import your theme variables, custom utilities, and custom variants to make those values available in that context.\n\nTo do this without duplicating any CSS in your output, use the `@reference` directive to import your main stylesheet for reference without actually including the styles.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#reference-directive"
+        }
+      ]
+    },
+    {
+      "name": "@config",
+      "description": "Use the `@config` directive to load a legacy JavaScript-based configuration file.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#config-directive"
+        }
+      ]
+    },
+    {
+      "name": "@plugin",
+      "description": "Use the `@plugin` directive to load a legacy JavaScript-based plugin.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#plugin-directive"
+        }
+      ]
+    }
+  ]
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..3f4ba08
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,69 @@
+# Muzika Gromche — AI Agent Guide
+
+## Overview
+
+- **Purpose**: This repository builds a BepInEx plugin (C#) that adds synchronized party music + light effects to Lethal Company, plus a small frontend playground for track metadata and browsing.
+- **Two main parts**: the core plugin in `MuzikaGromche/` (targets `netstandard2.1`) and the frontend in `Frontend/` (Vite 3 + Vue + Vitest).
+- **Tools and helpers**: there are some helpful Python scripts in the `playground` directory.
+
+## What to edit / hotspots
+
+- `MuzikaGromche/Plugin.cs`: plugin entry and initial configuration registration.
+- `MuzikaGromche/*.cs` (e.g. `PoweredLights.cs`, `DiscoBallManager.cs`, `SpawnRateManager.cs`, `ScreenFiltersManager.cs`): main game integration and effect logic.
+- `UnityAssets/` and `MuzikaGromche/bin/...`: Unity assets and compiled outputs used for packaging.
+- Frontend audio/metadata: `Frontend/src/audio/AudioEngine.ts` and `Frontend/public/*` (track lists and audio bundles).
+- Sources of audio tracks are edited and mixed outside of this repo, and only final deliveries are checked in here.
+
+## Build & run (developer workflow)
+
+- Primary helper: `Justfile` (root) and `MuzikaGromche.just.user` (root, not checked into the repo, so some commands may be unavailable). Common recipes:
+  - `just build` — runs both `build-debug` and `build-release` (calls `dotnet build`).
+  - `just build-release` — `dotnet build --configuration Release`.
+  - `just build-debug` — `dotnet build --configuration Debug`.
+  - `just build-debug run` — build & run the game for testing, most commonly used combination.
+  - `just install-imperium` — installs `dist/MuzikaGromche-Debug.zip` into an r2modman/Imperium profile path (see `Justfile` for `plugin_dir`). Not needed, as it is a post-build step anyway.
+  - `just ogg <track_name>` and `just ogg1 <track_name>` — custom msbuild targets that convert wav→ogg via `dotnet msbuild /t:wav2ogg` (used when adding tracks from outside of this repo).
+  - `just loud <track_name>` — runs a Python script that measures loudness of an audio track in LUFS, useful to calculate volume adjustments for normalization to a consistent desirable level.
+  - `just oggloud1 <track_name>` and `just oggloud <track_name>` — convert and measure loudness in one command invocation (single track, and intro+loop pair of tracks respectively).
+
+- Frontend: in `Frontend/`:
+  - Use `pnpm` (lockfile `pnpm-lock.yaml` present). Run `pnpm install`.
+  - Dev: `pnpm run dev` (Vite). Build: `pnpm run build`.
+  - Test: `pnpm run test:browser` or `pnpm run coverage`. Uses Vitest with unified config in `vite.config.ts`.
+
+- Python scripts in `playground`:
+  - Use `uv` tool to run Python code, or corresponding `just` targets if available.
+
+## Packaging and outputs
+
+- Plugin target: `netstandard2.1` — compiled DLLs appear under `MuzikaGromche/bin/<Configuration>/netstandard2.1/`.
+- The repo expects a `dist/` zip for quick install (see `Justfile` `install-imperium` target). Look for `dist/MuzikaGromche-Debug.zip` when installing into a profile.
+
+## Conventions & patterns
+
+- BepInEx plugin pattern: follow `Plugin.cs` for how features are registered and how configuration entries are declared.
+- Prefer small localized changes: keep public APIs stable and avoid broad refactors across many `*.cs` files without tests. The game integration is timing-sensitive.
+- Manual testing is done by running the game (see `Justfile` `run` target).
+- Track assets: audio tracks and timings are curated; if you add tracks, use the `just ogg` or `dotnet msbuild` tasks to convert. Run the game once, so that it dumps a new JSON metadata under the frontend `public/` directory to ensure that data stays in sync.
+
+## Integration points & external dependencies
+
+- Game modding: integrates with Lethal Company via BepInEx. The repo assumes you understand how to drop plugin DLLs into r2modman profiles (see `Justfile` `plugin_dir`).
+- External tools: `dotnet` (SDK for building and custom msbuild targets), `just` (task runner) — commands are invoked from repository root; `pnpm`/`node` (frontend) — commands are invoked from `Frontend` directory.
+
+## Examples to reference
+
+- Change visual effects: edit `MuzikaGromche/PoweredLights.cs` or `MuzikaGromche/ScreenFiltersManager.cs` and test by running `just build-debug run`.
+- Add frontend metadata: update `Frontend/src/assets/MuzikaGromcheTracks.json` and run `pnpm run build`.
+
+## What NOT to assume
+
+- There are no automated unit tests in the C# mod; it is unreasonably hard to run mod's code outside of Unity runtime, so don't bother with it. Validate changes with local builds and by installing into an r2modman profile.
+- Packaging and profile paths are user-specific — `Justfile` contains a template `plugin_dir` that uses `$HOME` and `imperium_profile` fields; do not hardcode absolute paths in commits.
+
+## Where to look next (quick links)
+
+- `Justfile` and `MuzikaGromche.just.user` — primary developer recipes and packaging helpers.
+- `MuzikaGromche/` — all plugin source code.
+- `UnityAssets/` — art/animator resources, treat them as opaque binary blobs.
+- `Frontend/` — frontend app, `src/audio/AudioEngine.ts` for audio logic.
diff --git a/Frontend/.editorconfig b/Frontend/.editorconfig
new file mode 100644
index 0000000..3b510aa
--- /dev/null
+++ b/Frontend/.editorconfig
@@ -0,0 +1,8 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 100
diff --git a/Frontend/.gitignore b/Frontend/.gitignore
new file mode 100644
index 0000000..0f0693a
--- /dev/null
+++ b/Frontend/.gitignore
@@ -0,0 +1,55 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env
+.cache
+dist
+.idea
+.vite-node
+ltex*
+.DS_Store
+.zed
+
+# tests & coverage
+coverage
+.vitest-reports
+*.tsbuildinfo
+
+# exclude static html reporter folder
+test/browser/html/
+test/core/html/
+.vitest-attachments
+explainFiles.txt
+.vitest-dump
+
+# ESLint
+.eslintcache
+
+# Vite CSS Modules
+*.module.css.d.ts
+
+# Project assets
+/public/MuzikaGromcheAudio/*
+!/public/MuzikaGromcheAudio/.gitkeep
diff --git a/Frontend/README.md b/Frontend/README.md
new file mode 100644
index 0000000..713a782
--- /dev/null
+++ b/Frontend/README.md
@@ -0,0 +1,39 @@
+# Muzika Gromche — Web Player & Editor
+
+Play your favorite tracks on repeat right in your browser.
+
+## Project structure
+
+The look & feel is inspired by a certain popular NLE (Non-Linear video Editor) which incorporates DAW (Digital Audio Workstation) functionality in it.
+
+- Library page lists all available audio tracks with some basic information presented in cards. There is a search / filter field on top.
+- Player page features in-depth information about selected audio track, a dedicated timeline widget lets you play, seek, scrub, zoom into timeline tracks & clips, and manupulate them. Each timeline track represents either a segment of the song (intro, loop), or a specific kind of visual effects (such as flickering, fading out & color palette for powered lights, lyrics, drunkness & condensation).
+
+## Development
+
+### Adding new tracks
+
+1. Add track declaration to Plugin.cs and fill in its properties.
+2. Launch the game once, so that it generates a new JSON dump (in the Lethal Company save files directory) of all tracks.
+3. Replace `src/assets/MuzikaGromcheTracks.json` with the new JSON dump.
+4. Discard lines with IP address and username or replace them with generic ones.
+
+### Run & test
+
+First time setup:
+- copy audio files from the `/Assets/` directory located at repository's root to `Frontend/public/MuzikaGromcheAudio/` directory.
+
+Muzika Gromche Web Player & Editor is built with Vue 3 + TypeScript + Vite.
+
+```sh
+pnpm run dev
+pnpm run test
+```
+
+### Deploy
+
+```sh
+pnpm run build
+```
+
+Use scp, rsync or any other tool to upload content of `dist/` to root@ratijas.me `/var/www/html/muzika-gromche/`.
diff --git a/Frontend/env.d.ts b/Frontend/env.d.ts
new file mode 100644
index 0000000..8cee151
--- /dev/null
+++ b/Frontend/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-svg-loader" />
diff --git a/Frontend/eslint.config.ts b/Frontend/eslint.config.ts
new file mode 100644
index 0000000..9345451
--- /dev/null
+++ b/Frontend/eslint.config.ts
@@ -0,0 +1,19 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  lessOpinionated: true,
+  ignores: [
+    'src/assets/MuzikaGromcheTracks.json',
+  ],
+  rules: {
+    'default-case-last': 'off',
+    'pnpm/json-enforce-catalog': 'off',
+    'pnpm/yaml-enforce-settings': 'off',
+    'ts/consistent-type-definitions': 'off',
+    'no-console': 'off',
+    // who said I can't pass refs inside objects as props?
+    'vue/no-mutating-props': ['error', {
+      shallowOnly: true,
+    }],
+  },
+})
diff --git a/Frontend/index.html b/Frontend/index.html
new file mode 100644
index 0000000..67baf81
--- /dev/null
+++ b/Frontend/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="icon" href="/icon-32.png" sizes="32x32" type="image/png">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Muzika Gromche — The ultimate Jester party music mod</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/Frontend/package.json b/Frontend/package.json
new file mode 100644
index 0000000..da60d84
--- /dev/null
+++ b/Frontend/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "muzika-gromche-frontend",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "packageManager": "pnpm@10.28.1+sha512.7d7dbbca9e99447b7c3bf7a73286afaaf6be99251eb9498baefa7d406892f67b879adb3a1d7e687fc4ccc1a388c7175fbaae567a26ab44d1067b54fcb0d6a316",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check prebuild \"build-only {@}\" --",
+    "prebuild": "tsx scripts/generate-icons.ts",
+    "build-only": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --cache --fix"
+  },
+  "dependencies": {
+    "@material-design-icons/svg": "^0.14.15",
+    "@tailwindcss/vite": "^4.1.18",
+    "@unhead/vue": "^2.1.2",
+    "@vueuse/core": "^14.1.0",
+    "mitt": "^3.0.1",
+    "pinia": "^3.0.4",
+    "tailwindcss": "^4.1.18",
+    "vue": "^3.5.27",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^6.7.3",
+    "@tsconfig/node24": "^24.0.4",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^24.10.9",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "4.0.15",
+    "@vitest/eslint-plugin": "^1.6.6",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "~9.39.2",
+    "eslint-plugin-format": "^1.3.1",
+    "eslint-plugin-vue": "~10.6.2",
+    "jiti": "^2.6.1",
+    "jsdom": "^27.4.0",
+    "npm-run-all2": "^8.0.4",
+    "png-to-ico": "^3.0.1",
+    "prettier": "^3.8.1",
+    "sharp": "^0.33.5",
+    "tsx": "^4.21.0",
+    "typescript": "~5.9.3",
+    "vite": "npm:rolldown-vite@^7.3.1",
+    "vite-css-modules": "^1.12.0",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vite-svg-loader": "^5.1.0",
+    "vitest": "^4.0.18",
+    "vitest-browser-vue": "^2.0.2",
+    "vue-tsc": "^3.2.3"
+  }
+}
diff --git a/Frontend/pnpm-lock.yaml b/Frontend/pnpm-lock.yaml
new file mode 100644
index 0000000..d48fdf1
--- /dev/null
+++ b/Frontend/pnpm-lock.yaml
@@ -0,0 +1,7203 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@material-design-icons/svg':
+        specifier: ^0.14.15
+        version: 0.14.15
+      '@tailwindcss/vite':
+        specifier: ^4.1.18
+        version: 4.1.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      '@unhead/vue':
+        specifier: ^2.1.2
+        version: 2.1.2(vue@3.5.27(typescript@5.9.3))
+      '@vueuse/core':
+        specifier: ^14.1.0
+        version: 14.1.0(vue@3.5.27(typescript@5.9.3))
+      mitt:
+        specifier: ^3.0.1
+        version: 3.0.1
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
+      tailwindcss:
+        specifier: ^4.1.18
+        version: 4.1.18
+      vue:
+        specifier: ^3.5.27
+        version: 3.5.27(typescript@5.9.3)
+      vue-router:
+        specifier: ^4.6.4
+        version: 4.6.4(vue@3.5.27(typescript@5.9.3))
+    devDependencies:
+      '@antfu/eslint-config':
+        specifier: ^6.7.3
+        version: 6.7.3(@vue/compiler-sfc@3.5.27)(eslint-plugin-format@1.3.1(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)(vitest@4.0.18)
+      '@tsconfig/node24':
+        specifier: ^24.0.4
+        version: 24.0.4
+      '@types/jsdom':
+        specifier: ^27.0.0
+        version: 27.0.0
+      '@types/node':
+        specifier: ^24.10.9
+        version: 24.10.9
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.3
+        version: 6.0.3(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      '@vitest/browser-playwright':
+        specifier: ^4.0.18
+        version: 4.0.18(playwright@1.56.1)(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)
+      '@vitest/coverage-v8':
+        specifier: 4.0.15
+        version: 4.0.15(@vitest/browser@4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18))(vitest@4.0.18)
+      '@vitest/eslint-plugin':
+        specifier: ^1.6.6
+        version: 1.6.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)(vitest@4.0.18)
+      '@vue/eslint-config-prettier':
+        specifier: ^10.2.0
+        version: 10.2.0(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1)
+      '@vue/eslint-config-typescript':
+        specifier: ^14.6.0
+        version: 14.6.0(eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@vue/test-utils':
+        specifier: ^2.4.6
+        version: 2.4.6
+      '@vue/tsconfig':
+        specifier: ^0.8.1
+        version: 0.8.1(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
+      eslint:
+        specifier: ~9.39.2
+        version: 9.39.2(jiti@2.6.1)
+      eslint-plugin-format:
+        specifier: ^1.3.1
+        version: 1.3.1(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-vue:
+        specifier: ~10.6.2
+        version: 10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
+      jiti:
+        specifier: ^2.6.1
+        version: 2.6.1
+      jsdom:
+        specifier: ^27.4.0
+        version: 27.4.0
+      npm-run-all2:
+        specifier: ^8.0.4
+        version: 8.0.4
+      png-to-ico:
+        specifier: ^3.0.1
+        version: 3.0.1
+      prettier:
+        specifier: ^3.8.1
+        version: 3.8.1
+      sharp:
+        specifier: ^0.33.5
+        version: 0.33.5
+      tsx:
+        specifier: ^4.21.0
+        version: 4.21.0
+      typescript:
+        specifier: ~5.9.3
+        version: 5.9.3
+      vite:
+        specifier: npm:rolldown-vite@^7.3.1
+        version: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+      vite-css-modules:
+        specifier: ^1.12.0
+        version: 1.12.0(lightningcss@1.31.1)(postcss@8.5.6)(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(rollup@4.56.0)
+      vite-plugin-vue-devtools:
+        specifier: ^8.0.5
+        version: 8.0.5(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      vite-svg-loader:
+        specifier: ^5.1.0
+        version: 5.1.0(vue@3.5.27(typescript@5.9.3))
+      vitest:
+        specifier: ^4.0.18
+        version: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+      vitest-browser-vue:
+        specifier: ^2.0.2
+        version: 2.0.2(vitest@4.0.18)(vue@3.5.27(typescript@5.9.3))
+      vue-tsc:
+        specifier: ^3.2.3
+        version: 3.2.3(typescript@5.9.3)
+
+packages:
+
+  '@acemir/cssom@0.9.31':
+    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}
+
+  '@antfu/eslint-config@6.7.3':
+    resolution: {integrity: sha512-0tYYzY59uLnxWgbP9xpuxpvodTcWDacj439kTAJZB3sn7O0BnPfVxTnRvleGYaKCEALBZkzdC/wCho9FD7ICLw==}
+    hasBin: true
+    peerDependencies:
+      '@eslint-react/eslint-plugin': ^2.0.1
+      '@next/eslint-plugin-next': '>=15.0.0'
+      '@prettier/plugin-xml': ^3.4.1
+      '@unocss/eslint-plugin': '>=0.50.0'
+      astro-eslint-parser: ^1.0.2
+      eslint: ^9.10.0
+      eslint-plugin-astro: ^1.2.0
+      eslint-plugin-format: '>=0.1.0'
+      eslint-plugin-jsx-a11y: '>=6.10.2'
+      eslint-plugin-react-hooks: ^7.0.0
+      eslint-plugin-react-refresh: ^0.4.19
+      eslint-plugin-solid: ^0.14.3
+      eslint-plugin-svelte: '>=2.35.1'
+      eslint-plugin-vuejs-accessibility: ^2.4.1
+      prettier-plugin-astro: ^0.14.0
+      prettier-plugin-slidev: ^1.0.5
+      svelte-eslint-parser: '>=0.37.0'
+    peerDependenciesMeta:
+      '@eslint-react/eslint-plugin':
+        optional: true
+      '@next/eslint-plugin-next':
+        optional: true
+      '@prettier/plugin-xml':
+        optional: true
+      '@unocss/eslint-plugin':
+        optional: true
+      astro-eslint-parser:
+        optional: true
+      eslint-plugin-astro:
+        optional: true
+      eslint-plugin-format:
+        optional: true
+      eslint-plugin-jsx-a11y:
+        optional: true
+      eslint-plugin-react-hooks:
+        optional: true
+      eslint-plugin-react-refresh:
+        optional: true
+      eslint-plugin-solid:
+        optional: true
+      eslint-plugin-svelte:
+        optional: true
+      eslint-plugin-vuejs-accessibility:
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-slidev:
+        optional: true
+      svelte-eslint-parser:
+        optional: true
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@asamuzakjp/css-color@4.1.1':
+    resolution: {integrity: sha512-B0Hv6G3gWGMn0xKJ0txEi/jM5iFpT3MfDxmhZFb4W047GvytCf1DHQ1D69W3zHI4yWe2aTZAA0JnbMZ7Xc8DuQ==}
+
+  '@asamuzakjp/dom-selector@6.7.6':
+    resolution: {integrity: sha512-hBaJER6A9MpdG3WgdlOolHmbOYvSk46y7IQN/1+iqiCuUu6iWdQrs9DGKF8ocqsEqWujWf/V7b7vaDgiUmIvUg==}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@babel/code-frame@7.28.6':
+    resolution: {integrity: sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.28.6':
+    resolution: {integrity: sha512-2lfu57JtzctfIrcGMz992hyLlByuzgIk58+hhGCxjKZ3rWI82NnVLjXcaTqkI2NvlcvOskZaiZ5kjUALo3Lpxg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.28.6':
+    resolution: {integrity: sha512-H3mcG6ZDLTlYfaSNi0iOKkigqMFvkTKlGUYlD8GW7nNOYRrevuA46iTypPyv+06V3fEmvvazfntkBU34L0azAw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.28.6':
+    resolution: {integrity: sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.28.6':
+    resolution: {integrity: sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.28.6':
+    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.6':
+    resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.6':
+    resolution: {integrity: sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-proposal-decorators@7.28.6':
+    resolution: {integrity: sha512-RVdFPPyY9fCRAX68haPmOk2iyKW8PKJFthmm8NeSI3paNxKWGZIn99+VbIf0FrtCpFnPgnpF/L48tadi617ULg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-decorators@7.28.6':
+    resolution: {integrity: sha512-71EYI0ONURHJBL4rSFXnITXqXrrY8q4P0q006DPfN+Rk+ASM+++IBXem/ruokgBZR8YNEWZ8R6B+rCb8VcUTqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.28.6':
+    resolution: {integrity: sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-meta@7.10.4':
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-jsx@7.28.6':
+    resolution: {integrity: sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.28.6':
+    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.28.6':
+    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.28.6':
+    resolution: {integrity: sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.6':
+    resolution: {integrity: sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@clack/core@0.5.0':
+    resolution: {integrity: sha512-p3y0FIOwaYRUPRcMO7+dlmLh8PSRcrjuTndsiA0WAFbWES0mLZlrjVoBRZ9DzkPFJZG6KGkJmoEAY0ZcVWTkow==}
+
+  '@clack/prompts@0.11.0':
+    resolution: {integrity: sha512-pMN5FcrEw9hUkZA4f+zLlzivQSeQf5dRGJjSUbvVYDLvpKCdQx5OaknvKzgbtXOizhP+SJJJjqEbOe55uKKfAw==}
+
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.25':
+    resolution: {integrity: sha512-g0Kw9W3vjx5BEBAF8c5Fm2NcB/Fs8jJXh85aXqwEXiL+tqtOut07TWgyaGzAAfTM+gKckrrncyeGEZPcaRgm2Q==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@dprint/formatter@0.5.1':
+    resolution: {integrity: sha512-cdZUrm0iv/FnnY3CKE2dEcVhNEzrC551aE2h2mTFwQCRBrqyARLDnb7D+3PlXTUVp3s34ftlnGOVCmhLT9DeKA==}
+
+  '@dprint/markdown@0.20.0':
+    resolution: {integrity: sha512-qvynFdQZwul4Y+hoMP02QerEhM5VItb4cO8/qpQrSuQuYvDU+bIseiheVAetSpWlNPBU1JK8bQKloiCSp9lXnA==}
+
+  '@dprint/toml@0.7.0':
+    resolution: {integrity: sha512-eFaQTcfxKHB+YyTh83x7GEv+gDPuj9q5NFOTaoj5rZmQTbj6OgjjMxUicmS1R8zYcx8YAq5oA9J3YFa5U6x2gA==}
+
+  '@emnapi/core@1.8.1':
+    resolution: {integrity: sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==}
+
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
+
+  '@emnapi/wasi-threads@1.1.0':
+    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
+
+  '@es-joy/jsdoccomment@0.78.0':
+    resolution: {integrity: sha512-rQkU5u8hNAq2NVRzHnIUUvR6arbO0b6AOlvpTNS48CkiKSn/xtNfOzBK23JE4SiW89DgvU7GtxLVgV4Vn2HBAw==}
+    engines: {node: '>=20.11.0'}
+
+  '@es-joy/resolve.exports@1.2.0':
+    resolution: {integrity: sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==}
+    engines: {node: '>=10'}
+
+  '@esbuild/aix-ppc64@0.27.2':
+    resolution: {integrity: sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.27.2':
+    resolution: {integrity: sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.2':
+    resolution: {integrity: sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.2':
+    resolution: {integrity: sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.27.2':
+    resolution: {integrity: sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.2':
+    resolution: {integrity: sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    resolution: {integrity: sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.2':
+    resolution: {integrity: sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.27.2':
+    resolution: {integrity: sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.2':
+    resolution: {integrity: sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.2':
+    resolution: {integrity: sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.2':
+    resolution: {integrity: sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.2':
+    resolution: {integrity: sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.2':
+    resolution: {integrity: sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.2':
+    resolution: {integrity: sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.2':
+    resolution: {integrity: sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.2':
+    resolution: {integrity: sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.2':
+    resolution: {integrity: sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.2':
+    resolution: {integrity: sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    resolution: {integrity: sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.27.2':
+    resolution: {integrity: sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.27.2':
+    resolution: {integrity: sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.2':
+    resolution: {integrity: sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.2':
+    resolution: {integrity: sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-plugin-eslint-comments@4.6.0':
+    resolution: {integrity: sha512-2EX2bBQq1ez++xz2o9tEeEQkyvfieWgUFMH4rtJJri2q0Azvhja3hZGXsjPXs31R4fQkZDtWzNDDK2zQn5UE5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/compat@1.4.1':
+    resolution: {integrity: sha512-cfO82V9zxxGBxcQDr1lfaYB7wykTa0b00mGa36FrJl7iTFd0Z2cHfEYuxcBRP/iNijCsWsEkA+jzT8hGYmv33w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.40 || 9
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.3':
+    resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.2':
+    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/markdown@7.5.1':
+    resolution: {integrity: sha512-R8uZemG9dKTbru/DQRPblbJyXpObwKzo8rv1KYGGuPUPtjM4LXBYM9q5CIZAComzZupws3tWbDwam5AFpPLyJQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@exodus/bytes@1.9.0':
+    resolution: {integrity: sha512-lagqsvnk09NKogQaN/XrtlWeUF8SRhT12odMvbTIIaVObqzwAogL6jhR4DAp0gPuKoM1AOVrKUshJpRdpMFrww==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@img/sharp-darwin-arm64@0.33.5':
+    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.33.5':
+    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linux-arm64@0.33.5':
+    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-arm@0.33.5':
+    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-s390x@0.33.5':
+    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-x64@0.33.5':
+    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-wasm32@0.33.5':
+    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-ia32@0.33.5':
+    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.33.5':
+    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@material-design-icons/svg@0.14.15':
+    resolution: {integrity: sha512-6nbjwGwyJnphwQUscJAYqw1Tk6+W8KvsgOAeyVgzIFXVsHfgX5XyplTUcZ29wbcTUysMMyCUi1LYpmFKA/e61g==}
+
+  '@napi-rs/wasm-runtime@1.1.1':
+    resolution: {integrity: sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@one-ini/wasm@0.1.1':
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+
+  '@oxc-project/runtime@0.101.0':
+    resolution: {integrity: sha512-t3qpfVZIqSiLQ5Kqt/MC4Ge/WCOGrrcagAdzTcDaggupjiGxUx4nJF2v6wUCXWSzWHn5Ns7XLv13fCJEwCOERQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@oxc-project/types@0.101.0':
+    resolution: {integrity: sha512-nuFhqlUzJX+gVIPPfuE6xurd4lST3mdcWOhyK/rZO0B9XWMKm79SuszIQEnSMmmDhq1DC8WWVYGVd+6F93o1gQ==}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/binding-android-arm64@1.0.0-beta.53':
+    resolution: {integrity: sha512-Ok9V8o7o6YfSdTTYA/uHH30r3YtOxLD6G3wih/U9DO0ucBBFq8WPt/DslU53OgfteLRHITZny9N/qCUxMf9kjQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.53':
+    resolution: {integrity: sha512-yIsKqMz0CtRnVa6x3Pa+mzTihr4Ty+Z6HfPbZ7RVbk1Uxnco4+CUn7Qbm/5SBol1JD/7nvY8rphAgyAi7Lj6Vg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-beta.53':
+    resolution: {integrity: sha512-GTXe+mxsCGUnJOFMhfGWmefP7Q9TpYUseHvhAhr21nCTgdS8jPsvirb0tJwM3lN0/u/cg7bpFNa16fQrjKrCjQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.53':
+    resolution: {integrity: sha512-9Tmp7bBvKqyDkMcL4e089pH3RsjD3SUungjmqWtyhNOxoQMh0fSmINTyYV8KXtE+JkxYMPWvnEt+/mfpVCkk8w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.53':
+    resolution: {integrity: sha512-a1y5fiB0iovuzdbjUxa7+Zcvgv+mTmlGGC4XydVIsyl48eoxgaYkA3l9079hyTyhECsPq+mbr0gVQsFU11OJAQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.53':
+    resolution: {integrity: sha512-bpIGX+ov9PhJYV+wHNXl9rzq4F0QvILiURn0y0oepbQx+7stmQsKA0DhPGwmhfvF856wq+gbM8L92SAa/CBcLg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.53':
+    resolution: {integrity: sha512-bGe5EBB8FVjHBR1mOLOPEFg1Lp3//7geqWkU5NIhxe+yH0W8FVrQ6WRYOap4SUTKdklD/dC4qPLREkMMQ855FA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.53':
+    resolution: {integrity: sha512-qL+63WKVQs1CMvFedlPt0U9PiEKJOAL/bsHMKUDS6Vp2Q+YAv/QLPu8rcvkfIMvQ0FPU2WL0aX4eWwF6e/GAnA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.53':
+    resolution: {integrity: sha512-VGl9JIGjoJh3H8Mb+7xnVqODajBmrdOOb9lxWXdcmxyI+zjB2sux69br0hZJDTyLJfvBoYm439zPACYbCjGRmw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.53':
+    resolution: {integrity: sha512-B4iIserJXuSnNzA5xBLFUIjTfhNy7d9sq4FUMQY3GhQWGVhS2RWWzzDnkSU6MUt7/aHUrep0CdQfXUJI9D3W7A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.53':
+    resolution: {integrity: sha512-BUjAEgpABEJXilGq/BPh7jeU3WAJ5o15c1ZEgHaDWSz3LB881LQZnbNJHmUiM4d1JQWMYYyR1Y490IBHi2FPJg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.53':
+    resolution: {integrity: sha512-s27uU7tpCWSjHBnxyVXHt3rMrQdJq5MHNv3BzsewCIroIw3DJFjMH1dzCPPMUFxnh1r52Nf9IJ/eWp6LDoyGcw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.53':
+    resolution: {integrity: sha512-cjWL/USPJ1g0en2htb4ssMjIycc36RvdQAx1WlXnS6DpULswiUTVXPDesTifSKYSyvx24E0YqQkEm0K/M2Z/AA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-beta.53':
+    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+
+  '@rollup/pluginutils@5.3.0':
+    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.56.0':
+    resolution: {integrity: sha512-LNKIPA5k8PF1+jAFomGe3qN3bbIgJe/IlpDBwuVjrDKrJhVWywgnJvflMt/zkbVNLFtF1+94SljYQS6e99klnw==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.56.0':
+    resolution: {integrity: sha512-lfbVUbelYqXlYiU/HApNMJzT1E87UPGvzveGg2h0ktUNlOCxKlWuJ9jtfvs1sKHdwU4fzY7Pl8sAl49/XaEk6Q==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.56.0':
+    resolution: {integrity: sha512-EgxD1ocWfhoD6xSOeEEwyE7tDvwTgZc8Bss7wCWe+uc7wO8G34HHCUH+Q6cHqJubxIAnQzAsyUsClt0yFLu06w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.56.0':
+    resolution: {integrity: sha512-1vXe1vcMOssb/hOF8iv52A7feWW2xnu+c8BV4t1F//m9QVLTfNVpEdja5ia762j/UEJe2Z1jAmEqZAK42tVW3g==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.56.0':
+    resolution: {integrity: sha512-bof7fbIlvqsyv/DtaXSck4VYQ9lPtoWNFCB/JY4snlFuJREXfZnm+Ej6yaCHfQvofJDXLDMTVxWscVSuQvVWUQ==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.56.0':
+    resolution: {integrity: sha512-KNa6lYHloW+7lTEkYGa37fpvPq+NKG/EHKM8+G/g9WDU7ls4sMqbVRV78J6LdNuVaeeK5WB9/9VAFbKxcbXKYg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.56.0':
+    resolution: {integrity: sha512-E8jKK87uOvLrrLN28jnAAAChNq5LeCd2mGgZF+fGF5D507WlG/Noct3lP/QzQ6MrqJ5BCKNwI9ipADB6jyiq2A==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.56.0':
+    resolution: {integrity: sha512-jQosa5FMYF5Z6prEpTCCmzCXz6eKr/tCBssSmQGEeozA9tkRUty/5Vx06ibaOP9RCrW1Pvb8yp3gvZhHwTDsJw==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.56.0':
+    resolution: {integrity: sha512-uQVoKkrC1KGEV6udrdVahASIsaF8h7iLG0U0W+Xn14ucFwi6uS539PsAr24IEF9/FoDtzMeeJXJIBo5RkbNWvQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.56.0':
+    resolution: {integrity: sha512-vLZ1yJKLxhQLFKTs42RwTwa6zkGln+bnXc8ueFGMYmBTLfNu58sl5/eXyxRa2RarTkJbXl8TKPgfS6V5ijNqEA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.56.0':
+    resolution: {integrity: sha512-FWfHOCub564kSE3xJQLLIC/hbKqHSVxy8vY75/YHHzWvbJL7aYJkdgwD/xGfUlL5UV2SB7otapLrcCj2xnF1dg==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.56.0':
+    resolution: {integrity: sha512-z1EkujxIh7nbrKL1lmIpqFTc/sr0u8Uk0zK/qIEFldbt6EDKWFk/pxFq3gYj4Bjn3aa9eEhYRlL3H8ZbPT1xvA==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.56.0':
+    resolution: {integrity: sha512-iNFTluqgdoQC7AIE8Q34R3AuPrJGJirj5wMUErxj22deOcY7XwZRaqYmB6ZKFHoVGqRcRd0mqO+845jAibKCkw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.56.0':
+    resolution: {integrity: sha512-MtMeFVlD2LIKjp2sE2xM2slq3Zxf9zwVuw0jemsxvh1QOpHSsSzfNOTH9uYW9i1MXFxUSMmLpeVeUzoNOKBaWg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.56.0':
+    resolution: {integrity: sha512-in+v6wiHdzzVhYKXIk5U74dEZHdKN9KH0Q4ANHOTvyXPG41bajYRsy7a8TPKbYPl34hU7PP7hMVHRvv/5aCSew==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.56.0':
+    resolution: {integrity: sha512-yni2raKHB8m9NQpI9fPVwN754mn6dHQSbDTwxdr9SE0ks38DTjLMMBjrwvB5+mXrX+C0npX0CVeCUcvvvD8CNQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.56.0':
+    resolution: {integrity: sha512-zhLLJx9nQPu7wezbxt2ut+CI4YlXi68ndEve16tPc/iwoylWS9B3FxpLS2PkmfYgDQtosah07Mj9E0khc3Y+vQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.56.0':
+    resolution: {integrity: sha512-MVC6UDp16ZSH7x4rtuJPAEoE1RwS8N4oK9DLHy3FTEdFoUTCFVzMfJl/BVJ330C+hx8FfprA5Wqx4FhZXkj2Kw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.56.0':
+    resolution: {integrity: sha512-ZhGH1eA4Qv0lxaV00azCIS1ChedK0V32952Md3FtnxSqZTBTd6tgil4nZT5cU8B+SIw3PFYkvyR4FKo2oyZIHA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.56.0':
+    resolution: {integrity: sha512-O16XcmyDeFI9879pEcmtWvD/2nyxR9mF7Gs44lf1vGGx8Vg2DRNx11aVXBEqOQhWb92WN4z7fW/q4+2NYzCbBA==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.56.0':
+    resolution: {integrity: sha512-LhN/Reh+7F3RCgQIRbgw8ZMwUwyqJM+8pXNT6IIJAqm2IdKkzpCh/V9EdgOMBKuebIrzswqy4ATlrDgiOwbRcQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.56.0':
+    resolution: {integrity: sha512-kbFsOObXp3LBULg1d3JIUQMa9Kv4UitDmpS+k0tinPBz3watcUiV2/LUDMMucA6pZO3WGE27P7DsfaN54l9ing==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.56.0':
+    resolution: {integrity: sha512-vSSgny54D6P4vf2izbtFm/TcWYedw7f8eBrOiGGecyHyQB9q4Kqentjaj8hToe+995nob/Wv48pDqL5a62EWtg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.56.0':
+    resolution: {integrity: sha512-FeCnkPCTHQJFbiGG49KjV5YGW/8b9rrXAM2Mz2kiIoktq2qsJxRD5giEMEOD2lPdgs72upzefaUvS+nc8E3UzQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.56.0':
+    resolution: {integrity: sha512-H8AE9Ur/t0+1VXujj90w0HrSOuv0Nq9r1vSZF2t5km20NTfosQsGGUXDaKdQZzwuLts7IyL1fYT4hM95TI9c4g==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sindresorhus/base62@1.0.0':
+    resolution: {integrity: sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==}
+    engines: {node: '>=18'}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@stylistic/eslint-plugin@5.7.1':
+    resolution: {integrity: sha512-zjTUwIsEfT+k9BmXwq1QEFYsb4afBlsI1AXFyWQBgggMzwBFOuu92pGrE5OFx90IOjNl+lUbQoTG7f8S0PkOdg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=9.0.0'
+
+  '@tailwindcss/node@4.1.18':
+    resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.18':
+    resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.1.18':
+    resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7
+
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
+  '@tsconfig/node24@24.0.4':
+    resolution: {integrity: sha512-2A933l5P5oCbv6qSxHs7ckKwobs8BDAe9SJ/Xr2Hy+nDlwmLE1GhFh/g/vXGRZWgxBg9nX/5piDtHR9Dkw/XuA==}
+
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/debug@4.1.12':
+    resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/jsdom@27.0.0':
+    resolution: {integrity: sha512-NZyFl/PViwKzdEkQg96gtnB8wm+1ljhdDay9ahn4hgb+SfVtPCbm3TlmDUFXTA+MGN3CijicnMhG18SI5H3rFw==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/node@22.19.7':
+    resolution: {integrity: sha512-MciR4AKGHWl7xwxkBa6xUGxQJ4VBOmPTF7sL+iGzuahOFaO0jHCsuEfS80pan1ef4gWId1oWOweIhrDEYLuaOw==}
+
+  '@types/node@24.10.9':
+    resolution: {integrity: sha512-ne4A0IpG3+2ETuREInjPNhUGis1SFjv1d5asp8MzEAGtOZeTeHVDOYqOgqfhvseqg/iXty2hjBf1zAOb7RNiNw==}
+
+  '@types/tough-cookie@4.0.5':
+    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
+  '@typescript-eslint/eslint-plugin@8.53.1':
+    resolution: {integrity: sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.53.1
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/parser@8.53.1':
+    resolution: {integrity: sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.53.1':
+    resolution: {integrity: sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/scope-manager@8.53.1':
+    resolution: {integrity: sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.53.1':
+    resolution: {integrity: sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.53.1':
+    resolution: {integrity: sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/types@8.53.1':
+    resolution: {integrity: sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.53.1':
+    resolution: {integrity: sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.53.1':
+    resolution: {integrity: sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.53.1':
+    resolution: {integrity: sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@unhead/vue@2.1.2':
+    resolution: {integrity: sha512-w5yxH/fkkLWAFAOnMSIbvAikNHYn6pgC7zGF/BasXf+K3CO1cYIPFehYAk5jpcsbiNPMc3goyyw1prGLoyD14g==}
+    peerDependencies:
+      vue: '>=3.5.18'
+
+  '@vitejs/plugin-vue@6.0.3':
+    resolution: {integrity: sha512-TlGPkLFLVOY3T7fZrwdvKpjprR3s4fxRln0ORDo1VQ7HHyxJwTlrjKU3kpVWTlaAjIEuCTokmjkZnr8Tpc925w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      vue: ^3.2.25
+
+  '@vitest/browser-playwright@4.0.18':
+    resolution: {integrity: sha512-gfajTHVCiwpxRj1qh0Sh/5bbGLG4F/ZH/V9xvFVoFddpITfMta9YGow0W6ZpTTORv2vdJuz9TnrNSmjKvpOf4g==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 4.0.18
+
+  '@vitest/browser@4.0.15':
+    resolution: {integrity: sha512-zedtczX688KehaIaAv7m25CeDLb0gBtAOa2Oi1G1cqvSO5aLSVfH6lpZMJLW8BKYuWMxLQc9/5GYoM+jgvGIrw==}
+    peerDependencies:
+      vitest: 4.0.15
+
+  '@vitest/browser@4.0.18':
+    resolution: {integrity: sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==}
+    peerDependencies:
+      vitest: 4.0.18
+
+  '@vitest/coverage-v8@4.0.15':
+    resolution: {integrity: sha512-FUJ+1RkpTFW7rQITdgTi93qOCWJobWhBirEPCeXh2SW2wsTlFxy51apDz5gzG+ZEYt/THvWeNmhdAoS9DTwpCw==}
+    peerDependencies:
+      '@vitest/browser': 4.0.15
+      vitest: 4.0.15
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
+  '@vitest/eslint-plugin@1.6.6':
+    resolution: {integrity: sha512-bwgQxQWRtnTVzsUHK824tBmHzjV0iTx3tZaiQIYDjX3SA7TsQS8CuDVqxXrRY3FaOUMgbGavesCxI9MOfFLm7Q==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: '>=8.57.0'
+      typescript: '>=5.0.0'
+      vitest: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      vitest:
+        optional: true
+
+  '@vitest/expect@4.0.18':
+    resolution: {integrity: sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==}
+
+  '@vitest/mocker@4.0.15':
+    resolution: {integrity: sha512-CZ28GLfOEIFkvCFngN8Sfx5h+Se0zN+h4B7yOsPVCcgtiO7t5jt9xQh2E1UkFep+eb9fjyMfuC5gBypwb07fvQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/mocker@4.0.18':
+    resolution: {integrity: sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@4.0.15':
+    resolution: {integrity: sha512-SWdqR8vEv83WtZcrfLNqlqeQXlQLh2iilO1Wk1gv4eiHKjEzvgHb2OVc3mIPyhZE6F+CtfYjNlDJwP5MN6Km7A==}
+
+  '@vitest/pretty-format@4.0.18':
+    resolution: {integrity: sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==}
+
+  '@vitest/runner@4.0.18':
+    resolution: {integrity: sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==}
+
+  '@vitest/snapshot@4.0.18':
+    resolution: {integrity: sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==}
+
+  '@vitest/spy@4.0.15':
+    resolution: {integrity: sha512-+EIjOJmnY6mIfdXtE/bnozKEvTC4Uczg19yeZ2vtCz5Yyb0QQ31QWVQ8hswJ3Ysx/K2EqaNsVanjr//2+P3FHw==}
+
+  '@vitest/spy@4.0.18':
+    resolution: {integrity: sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==}
+
+  '@vitest/utils@4.0.15':
+    resolution: {integrity: sha512-HXjPW2w5dxhTD0dLwtYHDnelK3j8sR8cWIaLxr22evTyY6q8pRCjZSmhRWVjBaOVXChQd6AwMzi9pucorXCPZA==}
+
+  '@vitest/utils@4.0.18':
+    resolution: {integrity: sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==}
+
+  '@volar/language-core@2.4.27':
+    resolution: {integrity: sha512-DjmjBWZ4tJKxfNC1F6HyYERNHPYS7L7OPFyCrestykNdUZMFYzI9WTyvwPcaNaHlrEUwESHYsfEw3isInncZxQ==}
+
+  '@volar/source-map@2.4.27':
+    resolution: {integrity: sha512-ynlcBReMgOZj2i6po+qVswtDUeeBRCTgDurjMGShbm8WYZgJ0PA4RmtebBJ0BCYol1qPv3GQF6jK7C9qoVc7lg==}
+
+  '@volar/typescript@2.4.27':
+    resolution: {integrity: sha512-eWaYCcl/uAPInSK2Lze6IqVWaBu/itVqR5InXcHXFyles4zO++Mglt3oxdgj75BDcv1Knr9Y93nowS8U3wqhxg==}
+
+  '@vue/babel-helper-vue-transform-on@1.5.0':
+    resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
+
+  '@vue/babel-plugin-jsx@1.5.0':
+    resolution: {integrity: sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+
+  '@vue/babel-plugin-resolve-type@1.5.0':
+    resolution: {integrity: sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@vue/compiler-core@3.5.27':
+    resolution: {integrity: sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==}
+
+  '@vue/compiler-dom@3.5.27':
+    resolution: {integrity: sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==}
+
+  '@vue/compiler-sfc@3.5.27':
+    resolution: {integrity: sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==}
+
+  '@vue/compiler-ssr@3.5.27':
+    resolution: {integrity: sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+
+  '@vue/devtools-core@8.0.5':
+    resolution: {integrity: sha512-dpCw8nl0GDBuiL9SaY0mtDxoGIEmU38w+TQiYEPOLhW03VDC0lfNMYXS/qhl4I0YlysGp04NLY4UNn6xgD0VIQ==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
+  '@vue/devtools-kit@8.0.5':
+    resolution: {integrity: sha512-q2VV6x1U3KJMTQPUlRMyWEKVbcHuxhqJdSr6Jtjz5uAThAIrfJ6WVZdGZm5cuO63ZnSUz0RCsVwiUUb0mDV0Yg==}
+
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
+  '@vue/devtools-shared@8.0.5':
+    resolution: {integrity: sha512-bRLn6/spxpmgLk+iwOrR29KrYnJjG9DGpHGkDFG82UM21ZpJ39ztUT9OXX3g+usW7/b2z+h46I9ZiYyB07XMXg==}
+
+  '@vue/eslint-config-prettier@10.2.0':
+    resolution: {integrity: sha512-GL3YBLwv/+b86yHcNNfPJxOTtVFJ4Mbc9UU3zR+KVoG7SwGTjPT+32fXamscNumElhcpXW3mT0DgzS9w32S7Bw==}
+    peerDependencies:
+      eslint: '>= 8.21.0'
+      prettier: '>= 3.0.0'
+
+  '@vue/eslint-config-typescript@14.6.0':
+    resolution: {integrity: sha512-UpiRY/7go4Yps4mYCjkvlIbVWmn9YvPGQDxTAlcKLphyaD77LjIu3plH4Y9zNT0GB4f3K5tMmhhtRhPOgrQ/bQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.10.0
+      eslint-plugin-vue: ^9.28.0 || ^10.0.0
+      typescript: '>=4.8.4'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/language-core@3.2.3':
+    resolution: {integrity: sha512-VpN/GnYDzGLh44AI6i1OB/WsLXo6vwnl0EWHBelGc4TyC0yEq6azwNaed/+Tgr8anFlSdWYnMEkyHJDPe7ii7A==}
+
+  '@vue/reactivity@3.5.27':
+    resolution: {integrity: sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==}
+
+  '@vue/runtime-core@3.5.27':
+    resolution: {integrity: sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==}
+
+  '@vue/runtime-dom@3.5.27':
+    resolution: {integrity: sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==}
+
+  '@vue/server-renderer@3.5.27':
+    resolution: {integrity: sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==}
+    peerDependencies:
+      vue: 3.5.27
+
+  '@vue/shared@3.5.27':
+    resolution: {integrity: sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==}
+
+  '@vue/test-utils@2.4.6':
+    resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
+
+  '@vue/tsconfig@0.8.1':
+    resolution: {integrity: sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==}
+    peerDependencies:
+      typescript: 5.x
+      vue: ^3.4.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      vue:
+        optional: true
+
+  '@vueuse/core@14.1.0':
+    resolution: {integrity: sha512-rgBinKs07hAYyPF834mDTigH7BtPqvZ3Pryuzt1SD/lg5wEcWqvwzXXYGEDb2/cP0Sj5zSvHl3WkmMELr5kfWw==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  '@vueuse/metadata@14.1.0':
+    resolution: {integrity: sha512-7hK4g015rWn2PhKcZ99NyT+ZD9sbwm7SGvp7k+k+rKGWnLjS/oQozoIZzWfCewSUeBmnJkIb+CNr7Zc/EyRnnA==}
+
+  '@vueuse/shared@14.1.0':
+    resolution: {integrity: sha512-EcKxtYvn6gx1F8z9J5/rsg3+lTQnvOruQd8fUecW99DCK04BkWD7z5KQ/wTAx+DazyoEE9dJt/zV8OIEQbM6kw==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  alien-signals@3.1.2:
+    resolution: {integrity: sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  ansis@4.2.0:
+    resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
+    engines: {node: '>=14'}
+
+  are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-v8-to-istanbul@0.3.10:
+    resolution: {integrity: sha512-p4K7vMz2ZSk3wN8l5o3y2bJAoZXT3VuJI5OLTATY/01CYWumWvwkUw0SqDBnNq6IiTO3qDa1eSQDibAV8g7XOQ==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  baseline-browser-mapping@2.9.17:
+    resolution: {integrity: sha512-agD0MgJFUP/4nvjqzIB29zRPUuCF7Ge6mEv9s8dHrtYD7QWXRcx75rOADE/d5ah1NI+0vkDl0yorDd5U852IQQ==}
+    hasBin: true
+
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
+  birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  builtin-modules@5.0.0:
+    resolution: {integrity: sha512-bkXY9WsVpY7CvMhKSR6pZilZu9Ln5WDrKVBUXf2S443etkmEO4V58heTecXcUIsNsi4Rx8JUO4NfX1IcQl4deg==}
+    engines: {node: '>=18.20'}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001766:
+    resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  change-case@5.4.4:
+    resolution: {integrity: sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  ci-info@4.3.1:
+    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+    engines: {node: '>=8'}
+
+  clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
+  commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  comment-parser@1.4.1:
+    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
+    engines: {node: '>= 12.0.0'}
+
+  comment-parser@1.4.5:
+    resolution: {integrity: sha512-aRDkn3uyIlCFfk5NUA+VdwMmMsh8JGhc4hapfV4yxymHGQ3BVskMQfoXGpCo5IoBuQ9tS5iiVKhCpTcB4pW4qw==}
+    engines: {node: '>= 12.0.0'}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
+  core-js-compat@3.48.0:
+    resolution: {integrity: sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-tree@3.1.0:
+    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  cssstyle@5.3.7:
+    resolution: {integrity: sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==}
+    engines: {node: '>=20'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  data-urls@6.0.1:
+    resolution: {integrity: sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==}
+    engines: {node: '>=20'}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.4.0:
+    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
+    engines: {node: '>=18'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff-sequences@27.5.1:
+    resolution: {integrity: sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  editorconfig@1.0.4:
+    resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  electron-to-chromium@1.5.277:
+    resolution: {integrity: sha512-wKXFZw4erWmmOz5N/grBoJ2XrNJGDFMu2+W5ACHza5rHtvsqrK4gb6rnLC7XxKB9WlJ+RmyQatuEXmtm86xbnw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  empathic@2.0.0:
+    resolution: {integrity: sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==}
+    engines: {node: '>=14'}
+
+  enhanced-resolve@5.18.4:
+    resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
+  error-stack-parser-es@1.0.5:
+    resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  esbuild@0.27.2:
+    resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-compat-utils@0.5.1:
+    resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-compat-utils@0.6.5:
+    resolution: {integrity: sha512-vAUHYzue4YAa2hNACjB8HvUQj5yehAZgiClyFVVom9cP8z5NSFq3PwB/TtJslN2zAMgRX6FCFCjYBbQh71g5RQ==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-flat-gitignore@2.1.0:
+    resolution: {integrity: sha512-cJzNJ7L+psWp5mXM7jBX+fjHtBvvh06RBlcweMhKD8jWqQw0G78hOW5tpVALGHGFPsBV+ot2H+pdDGJy6CV8pA==}
+    peerDependencies:
+      eslint: ^9.5.0
+
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-flat-config-utils@2.1.4:
+    resolution: {integrity: sha512-bEnmU5gqzS+4O+id9vrbP43vByjF+8KOs+QuuV4OlqAuXmnRW2zfI/Rza1fQvdihQ5h4DUo0NqFAiViD4mSrzQ==}
+
+  eslint-formatting-reporter@0.0.0:
+    resolution: {integrity: sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw==}
+    peerDependencies:
+      eslint: '>=8.40.0'
+
+  eslint-json-compat-utils@0.2.1:
+    resolution: {integrity: sha512-YzEodbDyW8DX8bImKhAcCeu/L31Dd/70Bidx2Qex9OFUtgzXLqtfWL4Hr5fM/aCCB8QUZLuJur0S9k6UfgFkfg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@eslint/json': '*'
+      eslint: '*'
+      jsonc-eslint-parser: ^2.4.0
+    peerDependenciesMeta:
+      '@eslint/json':
+        optional: true
+
+  eslint-merge-processors@2.0.0:
+    resolution: {integrity: sha512-sUuhSf3IrJdGooquEUB5TNpGNpBoQccbnaLHsb1XkBLUPPqCNivCpY05ZcpCOiV9uHwO2yxXEWVczVclzMxYlA==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-parser-plain@0.1.1:
+    resolution: {integrity: sha512-KRgd6wuxH4U8kczqPp+Oyk4irThIhHWxgFgLDtpgjUGVIS3wGrJntvZW/p6hHq1T4FOwnOtCNkvAI4Kr+mQ/Hw==}
+
+  eslint-plugin-antfu@3.1.3:
+    resolution: {integrity: sha512-Az1QuqQJ/c2efWCxVxF249u3D4AcAu1Y3VCGAlJm+x4cgnn1ybUAnCT5DWVcogeaWduQKeVw07YFydVTOF4xDw==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-plugin-command@3.4.0:
+    resolution: {integrity: sha512-EW4eg/a7TKEhG0s5IEti72kh3YOTlnhfFNuctq5WnB1fst37/IHTd5OkD+vnlRf3opTvUcSRihAateP6bT5ZcA==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-plugin-es-x@7.8.0:
+    resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+
+  eslint-plugin-format@1.3.1:
+    resolution: {integrity: sha512-nK96Gnt6/9wj8KhTFg+D80Mc01cffrcB15NO6pkTJmPpO0vHV+9yxegr+wVry4O3uGbu83HN86inCO3IsML9Rw==}
+    peerDependencies:
+      eslint: ^8.40.0 || ^9.0.0
+
+  eslint-plugin-import-lite@0.4.0:
+    resolution: {integrity: sha512-My0ReAg8WbHXYECIHVJkWB8UxrinZn3m72yonOYH6MFj40ZN1vHYQj16iq2Fd8Wrt/vRZJwDX2xm/BzDk1FzTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=9.0.0'
+      typescript: '>=4.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  eslint-plugin-jsdoc@61.7.1:
+    resolution: {integrity: sha512-36DpldF95MlTX//n3/naULFVt8d1cV4jmSkx7ZKrE9ikkKHAgMLesuWp1SmwpVwAs5ndIM6abKd6PeOYZUgdWg==}
+    engines: {node: '>=20.11.0'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+
+  eslint-plugin-jsonc@2.21.0:
+    resolution: {integrity: sha512-HttlxdNG5ly3YjP1cFMP62R4qKLxJURfBZo2gnMY+yQojZxkLyOpY1H1KRTKBmvQeSG9pIpSGEhDjE17vvYosg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-plugin-n@17.23.2:
+    resolution: {integrity: sha512-RhWBeb7YVPmNa2eggvJooiuehdL76/bbfj/OJewyoGT80qn5PXdz8zMOTO6YHOsI7byPt7+Ighh/i/4a5/v7hw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.23.0'
+
+  eslint-plugin-no-only-tests@3.3.0:
+    resolution: {integrity: sha512-brcKcxGnISN2CcVhXJ/kEQlNa0MEfGRtwKtWA16SkqXHKitaKIMrfemJKLKX1YqDU5C/5JY3PvZXd5jEW04e0Q==}
+    engines: {node: '>=5.0.0'}
+
+  eslint-plugin-perfectionist@4.15.1:
+    resolution: {integrity: sha512-MHF0cBoOG0XyBf7G0EAFCuJJu4I18wy0zAoT1OHfx2o6EOx1EFTIzr2HGeuZa1kDcusoX0xJ9V7oZmaeFd773Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      eslint: '>=8.45.0'
+
+  eslint-plugin-pnpm@1.5.0:
+    resolution: {integrity: sha512-ayMo1GvrQ/sF/bz1aOAiH0jv9eAqU2Z+a1ycoWz/uFFK5NxQDq49BDKQtBumcOUBf2VHyiTW4a8u+6KVqoIWzQ==}
+    peerDependencies:
+      eslint: ^9.0.0
+
+  eslint-plugin-prettier@5.5.5:
+    resolution: {integrity: sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+
+  eslint-plugin-regexp@2.10.0:
+    resolution: {integrity: sha512-ovzQT8ESVn5oOe5a7gIDPD5v9bCSjIFJu57sVPDqgPRXicQzOnYfFN21WoQBQF18vrhT5o7UMKFwJQVVjyJ0ng==}
+    engines: {node: ^18 || >=20}
+    peerDependencies:
+      eslint: '>=8.44.0'
+
+  eslint-plugin-toml@0.12.0:
+    resolution: {integrity: sha512-+/wVObA9DVhwZB1nG83D2OAQRrcQZXy+drqUnFJKymqnmbnbfg/UPmEMCKrJNcEboUGxUjYrJlgy+/Y930mURQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-plugin-unicorn@62.0.0:
+    resolution: {integrity: sha512-HIlIkGLkvf29YEiS/ImuDZQbP12gWyx5i3C6XrRxMvVdqMroCI9qoVYCoIl17ChN+U89pn9sVwLxhIWj5nEc7g==}
+    engines: {node: ^20.10.0 || >=21.0.0}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-unused-imports@4.3.0:
+    resolution: {integrity: sha512-ZFBmXMGBYfHttdRtOG9nFFpmUvMtbHSjsKrS20vdWdbfiVYsO3yA2SGYy9i9XmZJDfMGBflZGBCm70SEnFQtOA==}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
+      eslint: ^9.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+
+  eslint-plugin-vue@10.6.2:
+    resolution: {integrity: sha512-nA5yUs/B1KmKzvC42fyD0+l9Yd+LtEpVhWRbXuDj0e+ZURcTtyRbMDWUeJmTAh2wC6jC83raS63anNM2YT3NPw==}
+    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
+      vue-eslint-parser: ^10.0.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-yml@1.19.1:
+    resolution: {integrity: sha512-bYkOxyEiXh9WxUhVYPELdSHxGG5pOjCSeJOVkfdIyj6tuiHDxrES2WAW1dBxn3iaZQey57XflwLtCYRcNPOiOg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-processor-vue-blocks@2.0.0:
+    resolution: {integrity: sha512-u4W0CJwGoWY3bjXAuFpc/b6eK3NQEI8MoeW7ritKj3G3z/WtHrKjkqf+wk8mPEy5rlMGS+k6AZYOw2XBoN/02Q==}
+    peerDependencies:
+      '@vue/compiler-sfc': ^3.3.0
+      eslint: '>=9.0.0'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.0:
+    resolution: {integrity: sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.2:
+    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.1.0:
+    resolution: {integrity: sha512-WFWYhO1fV4iYkqOOvq8FbqIhr2pYfoDY0kCotMkDeNtGpiGGkZ1iov2u8ydjtgM8yF8rzK7oaTbw2NAzbAbehw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fault@2.0.1:
+    resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
+    engines: {node: '>=18'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  format@0.2.2:
+    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    engines: {node: '>=0.4.x'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  generic-names@4.0.0:
+    resolution: {integrity: sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-tsconfig@4.13.0:
+    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    hasBin: true
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hookable@6.0.1:
+    resolution: {integrity: sha512-uKGyY8BuzN/a5gvzvA+3FVWo0+wUjgtfSdnmjtrOVwQCZPHpHDH2WRO3VZSOeluYrHoDCiXFffZXs8Dj1ULWtw==}
+
+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  icss-utils@5.1.0:
+    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  is-arrayish@0.3.4:
+    resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
+
+  is-builtin-module@5.0.0:
+    resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
+    engines: {node: '>=18.20'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-source-maps@5.0.6:
+    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  js-beautify@1.15.4:
+    resolution: {integrity: sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsdoc-type-pratt-parser@4.8.0:
+    resolution: {integrity: sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==}
+    engines: {node: '>=12.0.0'}
+
+  jsdoc-type-pratt-parser@7.0.0:
+    resolution: {integrity: sha512-c7YbokssPOSHmqTbSAmTtnVgAVa/7lumWNYqomgd5KOMyPrRve2anx6lonfOsXEQacqF9FKVUj7bLg4vRSvdYA==}
+    engines: {node: '>=20.0.0'}
+
+  jsdom@27.4.0:
+    resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@4.0.0:
+    resolution: {integrity: sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-eslint-parser@2.4.2:
+    resolution: {integrity: sha512-1e4qoRgnn448pRuMvKGsFFymUCquZV0mpGgOyIKNgD3JVDTsVJyRBGH/Fm0tBb8WsWGgmB1mDe6/yJMQM37DUA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.30.2:
+    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-android-arm64@1.31.1:
+    resolution: {integrity: sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.30.2:
+    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-arm64@1.31.1:
+    resolution: {integrity: sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.2:
+    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.31.1:
+    resolution: {integrity: sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.2:
+    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-freebsd-x64@1.31.1:
+    resolution: {integrity: sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    resolution: {integrity: sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    resolution: {integrity: sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    resolution: {integrity: sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.30.2:
+    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-musl@1.31.1:
+    resolution: {integrity: sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    resolution: {integrity: sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.2:
+    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lightningcss@1.31.1:
+    resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
+    engines: {node: '>= 12.0.0'}
+
+  loader-utils@3.3.1:
+    resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
+    engines: {node: '>= 12.13.0'}
+
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash@4.17.23:
+    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@11.2.4:
+    resolution: {integrity: sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.5.1:
+    resolution: {integrity: sha512-xrHS24IxaLrvuo613F719wvOIv9xPHFWQHuvGUBmPnCA/3MQxKI3b+r7n1jAoDHmsbC5bRhTZYR77invLAxVnw==}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.2:
+    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
+
+  mdast-util-frontmatter@2.0.1:
+    resolution: {integrity: sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  mdn-data@2.12.2:
+    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
+
+  memorystream@0.3.1:
+    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
+    engines: {node: '>= 0.10.0'}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-frontmatter@2.0.0:
+    resolution: {integrity: sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.1:
+    resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@5.1.6:
+    resolution: {integrity: sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  natural-orderby@5.0.0:
+    resolution: {integrity: sha512-kKHJhxwpR/Okycz4HhQKKlhWe4ASEfPgkSWNmKFHd7+ezuQlxkA5cM3+XkBPvm1gmHen3w53qsYAv+8GwRrBlg==}
+    engines: {node: '>=18'}
+
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+
+  nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  npm-normalize-package-bin@4.0.0:
+    resolution: {integrity: sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  npm-run-all2@8.0.4:
+    resolution: {integrity: sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==}
+    engines: {node: ^20.5.0 || >=22.0.0, npm: '>= 10'}
+    hasBin: true
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-deep-merge@2.0.0:
+    resolution: {integrity: sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==}
+
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+
+  parse-imports-exports@0.2.4:
+    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
+
+  parse-statements@1.0.11:
+    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  parse5@8.0.0:
+    resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  pixelmatch@7.1.0:
+    resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==}
+    hasBin: true
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  playwright-core@1.56.1:
+    resolution: {integrity: sha512-hutraynyn31F+Bifme+Ps9Vq59hKuUCz7H1kDOcBs+2oGguKkWTU50bBWrtz34OUWmIwpBTWDxaRPXrIXkgvmQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.56.1:
+    resolution: {integrity: sha512-aFi5B0WovBHTEvpM3DzXTUaeN6eN0qWnTkKx4NQaH4Wvcmc153PdaY2UBdSYKaGYw+UyWXSVyxDUg5DoPEttjw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
+  png-to-ico@3.0.1:
+    resolution: {integrity: sha512-S8BOAoaGd9gT5uaemQ62arIY3Jzco7Uc7LwUTqRyqJDTsKqOAiyfyN4dSdT0D+Zf8XvgztgpRbM5wnQd7EgYwg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  pnpm-workspace-yaml@1.5.0:
+    resolution: {integrity: sha512-PxdyJuFvq5B0qm3s9PaH/xOtSxrcvpBRr+BblhucpWjs8c79d4b7/cXhyY4AyHOHCnqklCYZTjfl0bT/mFVTRw==}
+
+  postcss-modules-extract-imports@3.1.0:
+    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-local-by-default@4.2.0:
+    resolution: {integrity: sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-scope@3.2.1:
+    resolution: {integrity: sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-values@4.0.0:
+    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.1:
+    resolution: {integrity: sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==}
+    engines: {node: '>=6.0.0'}
+
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  read-package-json-fast@4.0.0:
+    resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  refa@0.12.1:
+    resolution: {integrity: sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-ast-analysis@0.7.1:
+    resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+
+  regjsparser@0.13.0:
+    resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
+    hasBin: true
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reserved-identifiers@1.2.0:
+    resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
+    engines: {node: '>=18'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rolldown-vite@7.3.1:
+    resolution: {integrity: sha512-LYzdNAjRHhF2yA4JUQm/QyARyi216N2rpJ0lJZb8E9FU2y5v6Vk+xq/U4XBOxMefpWixT5H3TslmAHm1rqIq2w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      esbuild: ^0.27.0
+      jiti: '>=1.21.0'
+      less: ^4.0.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
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  rolldown@1.0.0-beta.53:
+    resolution: {integrity: sha512-Qd9c2p0XKZdgT5AYd+KgAMggJ8ZmCs3JnS9PTMWkyUfteKlfmKtxJbWTHkVakxwXs1Ub7jrRYVeFeF7N0sQxyw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  rollup@4.56.0:
+    resolution: {integrity: sha512-9FwVqlgUHzbXtDg9RCMgodF3Ua4Na6Gau+Sdt9vyCN4RhHfVKX2DCHy3BjMLTDd47ITDhYAnTwGulWTblJSDLg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scslre@0.3.0:
+    resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
+    engines: {node: ^14.0.0 || >=16.0.0}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  sharp@0.33.5:
+    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.8.3:
+    resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-swizzle@0.2.4:
+    resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.2:
+    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
+    engines: {node: '>=12'}
+
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
+    engines: {node: '>=16'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.12:
+    resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  tailwindcss@4.1.18:
+    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinyrainbow@3.0.3:
+    resolution: {integrity: sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@7.0.19:
+    resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
+
+  tldts@7.0.19:
+    resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  to-valid-identifier@1.0.0:
+    resolution: {integrity: sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==}
+    engines: {node: '>=20'}
+
+  toml-eslint-parser@0.10.1:
+    resolution: {integrity: sha512-9mjy3frhioGIVGcwamlVlUyJ9x+WHw/TXiz9R4YOlmsIuBN43r9Dp8HZ35SF9EKjHrn3BUZj04CF+YqZ2oJ+7w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@6.0.0:
+    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-declaration-location@1.0.7:
+    resolution: {integrity: sha512-EDyGAwH1gO0Ausm9gV6T2nUvBgXT5kGoCMJPllOaooZ+4VvJiKBdZE7wK18N1deEowhcUptS+5GXZK8U/fvpwA==}
+    peerDependencies:
+      typescript: '>=4.0.0'
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsx@4.21.0:
+    resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript-eslint@8.53.1:
+    resolution: {integrity: sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
+  unhead@2.1.2:
+    resolution: {integrity: sha512-vSihrxyb+zsEUfEbraZBCjdE0p/WSoc2NGDrpwwSNAwuPxhYK1nH3eegf02IENLpn1sUhL8IoO84JWmRQ6tILA==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
+  unplugin-utils@0.3.1:
+    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
+    engines: {node: '>=20.19.0'}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  vite-css-modules@1.12.0:
+    resolution: {integrity: sha512-1QeZAuk58qaYwPspLpG7QdOHrvcqQqTQ8sNyPhEIXM5hFwG/R4pdr4UsvReDtTkEbBHV1cdx88EMxyo6UivceA==}
+    peerDependencies:
+      lightningcss: ^1.23.0
+      postcss: ^8.4.33
+      vite: ^5.0.12 || ^6.0.0 || ^7.0.0
+    peerDependenciesMeta:
+      lightningcss:
+        optional: true
+
+  vite-dev-rpc@1.1.0:
+    resolution: {integrity: sha512-pKXZlgoXGoE8sEKiKJSng4hI1sQ4wi5YT24FCrwrLt6opmkjlqPPVmiPWWJn8M8byMxRGzp1CrFuqQs4M/Z39A==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.1 || ^7.0.0-0
+
+  vite-hot-client@2.1.0:
+    resolution: {integrity: sha512-7SpgZmU7R+dDnSmvXE1mfDtnHLHQSisdySVR7lO8ceAXvM0otZeuQQ6C8LrS5d/aYyP/QZ0hI0L+dIPrm4YlFQ==}
+    peerDependencies:
+      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
+
+  vite-plugin-inspect@11.3.3:
+    resolution: {integrity: sha512-u2eV5La99oHoYPHE6UvbwgEqKKOQGz86wMg40CCosP6q8BkB6e5xPneZfYagK4ojPJSj5anHCrnvC20DpwVdRA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': '*'
+      vite: ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+
+  vite-plugin-vue-devtools@8.0.5:
+    resolution: {integrity: sha512-p619BlKFOqQXJ6uDWS1vUPQzuJOD6xJTfftj57JXBGoBD/yeQCowR7pnWcr/FEX4/HVkFbreI6w2uuGBmQOh6A==}
+    engines: {node: '>=v14.21.3'}
+    peerDependencies:
+      vite: ^6.0.0 || ^7.0.0-0
+
+  vite-plugin-vue-inspector@5.3.2:
+    resolution: {integrity: sha512-YvEKooQcSiBTAs0DoYLfefNja9bLgkFM7NI2b07bE2SruuvX0MEa9cMaxjKVMkeCp5Nz9FRIdcN1rOdFVBeL6Q==}
+    peerDependencies:
+      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
+
+  vite-svg-loader@5.1.0:
+    resolution: {integrity: sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==}
+    peerDependencies:
+      vue: '>=3.2.13'
+
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    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
+
+  vitest-browser-vue@2.0.2:
+    resolution: {integrity: sha512-/IM/+gOBEPL5Ocu/n28NmAvr1XgqGxzJrgwkPx9O+ioB52iuyg25nDQXlDDPSCm5PJFmwNzA6yycWxFAFTqXYA==}
+    peerDependencies:
+      vitest: ^4.0.0-0
+      vue: ^3.0.0
+
+  vitest@4.0.18:
+    resolution: {integrity: sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 4.0.18
+      '@vitest/browser-preview': 4.0.18
+      '@vitest/browser-webdriverio': 4.0.18
+      '@vitest/ui': 4.0.18
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  vue-component-type-helpers@2.2.12:
+    resolution: {integrity: sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==}
+
+  vue-eslint-parser@10.2.0:
+    resolution: {integrity: sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  vue-router@4.6.4:
+    resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  vue-tsc@3.2.3:
+    resolution: {integrity: sha512-1RdRB7rQXGFMdpo0aXf9spVzWEPGAk7PEb/ejHQwVrcuQA/HsGiixIc3uBQeqY2YjeEEgvr2ShQewBgcN4c1Cw==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue@3.5.27:
+    resolution: {integrity: sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@15.1.0:
+    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
+    engines: {node: '>=20'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@5.0.0:
+    resolution: {integrity: sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  ws@8.19.0:
+    resolution: {integrity: sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yaml-eslint-parser@1.3.2:
+    resolution: {integrity: sha512-odxVsHAkZYYglR30aPYRY4nUGJnoJ2y1ww2HDvZALo0BDETv9kWbi16J52eHs+PWRNmF4ub6nZqfVOeesOvntg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+
+  yaml-eslint-parser@2.0.0:
+    resolution: {integrity: sha512-h0uDm97wvT2bokfwwTmY6kJ1hp6YDFL0nRHwNKz8s/VD1FH/vvZjAKoMUE+un0eaYBSG7/c6h+lJTP+31tjgTw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  yaml@2.8.2:
+    resolution: {integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@acemir/cssom@0.9.31': {}
+
+  '@antfu/eslint-config@6.7.3(@vue/compiler-sfc@3.5.27)(eslint-plugin-format@1.3.1(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)(vitest@4.0.18)':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@clack/prompts': 0.11.0
+      '@eslint-community/eslint-plugin-eslint-comments': 4.6.0(eslint@9.39.2(jiti@2.6.1))
+      '@eslint/markdown': 7.5.1
+      '@stylistic/eslint-plugin': 5.7.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/eslint-plugin': 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@vitest/eslint-plugin': 1.6.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)(vitest@4.0.18)
+      ansis: 4.2.0
+      cac: 6.7.14
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-config-flat-gitignore: 2.1.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-flat-config-utils: 2.1.4
+      eslint-merge-processors: 2.0.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-antfu: 3.1.3(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-command: 3.4.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import-lite: 0.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-jsdoc: 61.7.1(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-jsonc: 2.21.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-n: 17.23.2(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-no-only-tests: 3.3.0
+      eslint-plugin-perfectionist: 4.15.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-pnpm: 1.5.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-toml: 0.12.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-unicorn: 62.0.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-unused-imports: 4.3.0(@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-vue: 10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
+      eslint-plugin-yml: 1.19.1(eslint@9.39.2(jiti@2.6.1))
+      eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.27)(eslint@9.39.2(jiti@2.6.1))
+      globals: 16.5.0
+      jsonc-eslint-parser: 2.4.2
+      local-pkg: 1.1.2
+      parse-gitignore: 2.0.0
+      toml-eslint-parser: 0.10.1
+      vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@2.6.1))
+      yaml-eslint-parser: 1.3.2
+    optionalDependencies:
+      eslint-plugin-format: 1.3.1(eslint@9.39.2(jiti@2.6.1))
+    transitivePeerDependencies:
+      - '@eslint/json'
+      - '@vue/compiler-sfc'
+      - supports-color
+      - typescript
+      - vitest
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.2
+
+  '@asamuzakjp/css-color@4.1.1':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 11.2.4
+
+  '@asamuzakjp/dom-selector@6.7.6':
+    dependencies:
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.1.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.2.4
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
+  '@babel/code-frame@7.28.6':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.28.6': {}
+
+  '@babel/core@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.28.6
+      '@babel/generator': 7.28.6
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/helpers': 7.28.6
+      '@babel/parser': 7.28.6
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.28.6
+      '@babel/types': 7.28.6
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.28.6':
+    dependencies:
+      '@babel/parser': 7.28.6
+      '@babel/types': 7.28.6
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    dependencies:
+      '@babel/types': 7.28.6
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.28.6
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.28.6
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    dependencies:
+      '@babel/traverse': 7.28.6
+      '@babel/types': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.28.6
+      '@babel/types': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.28.6
+
+  '@babel/helper-plugin-utils@7.28.6': {}
+
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.6
+      '@babel/types': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.28.6':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.28.6
+
+  '@babel/parser@7.28.6':
+    dependencies:
+      '@babel/types': 7.28.6
+
+  '@babel/plugin-proposal-decorators@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-decorators': 7.28.6(@babel/core@7.28.6)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-syntax-decorators@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.28.6)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.28.6
+      '@babel/parser': 7.28.6
+      '@babel/types': 7.28.6
+
+  '@babel/traverse@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.28.6
+      '@babel/generator': 7.28.6
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.6
+      '@babel/template': 7.28.6
+      '@babel/types': 7.28.6
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.28.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@clack/core@0.5.0':
+    dependencies:
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
+  '@clack/prompts@0.11.0':
+    dependencies:
+      '@clack/core': 0.5.0
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.25': {}
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@dprint/formatter@0.5.1': {}
+
+  '@dprint/markdown@0.20.0': {}
+
+  '@dprint/toml@0.7.0': {}
+
+  '@emnapi/core@1.8.1':
+    dependencies:
+      '@emnapi/wasi-threads': 1.1.0
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.8.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.1.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@es-joy/jsdoccomment@0.78.0':
+    dependencies:
+      '@types/estree': 1.0.8
+      '@typescript-eslint/types': 8.53.1
+      comment-parser: 1.4.1
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.0.0
+
+  '@es-joy/resolve.exports@1.2.0': {}
+
+  '@esbuild/aix-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm@0.27.2':
+    optional: true
+
+  '@esbuild/android-x64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.2':
+    optional: true
+
+  '@eslint-community/eslint-plugin-eslint-comments@4.6.0(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.2(jiti@2.6.1)
+      ignore: 7.0.5
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      '@eslint/core': 0.17.0
+    optionalDependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
+  '@eslint/config-array@0.21.1':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.3':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.2': {}
+
+  '@eslint/markdown@7.5.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      '@eslint/plugin-kit': 0.4.1
+      github-slugger: 2.0.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-frontmatter: 2.0.1
+      mdast-util-gfm: 3.1.0
+      micromark-extension-frontmatter: 2.0.0
+      micromark-extension-gfm: 3.0.0
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@exodus/bytes@1.9.0': {}
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@img/sharp-darwin-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.8.1
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.2
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@material-design-icons/svg@0.14.15': {}
+
+  '@napi-rs/wasm-runtime@1.1.1':
+    dependencies:
+      '@emnapi/core': 1.8.1
+      '@emnapi/runtime': 1.8.1
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@one-ini/wasm@0.1.1': {}
+
+  '@oxc-project/runtime@0.101.0': {}
+
+  '@oxc-project/types@0.101.0': {}
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@pkgr/core@0.2.9': {}
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/binding-android-arm64@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-beta.53':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.1.1
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-beta.53':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-beta.53': {}
+
+  '@rollup/pluginutils@5.3.0(rollup@4.56.0)':
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-walker: 2.0.2
+      picomatch: 4.0.3
+    optionalDependencies:
+      rollup: 4.56.0
+
+  '@rollup/rollup-android-arm-eabi@4.56.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.56.0':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.56.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.56.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.56.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.56.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.56.0':
+    optional: true
+
+  '@sindresorhus/base62@1.0.0': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/types': 8.53.1
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
+
+  '@tailwindcss/node@4.1.18':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.18.4
+      jiti: 2.6.1
+      lightningcss: 1.30.2
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.18
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.18':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-x64': 4.1.18
+      '@tailwindcss/oxide-freebsd-x64': 4.1.18
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.18
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.18
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.18
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+
+  '@tailwindcss/vite@4.1.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))':
+    dependencies:
+      '@tailwindcss/node': 4.1.18
+      '@tailwindcss/oxide': 4.1.18
+      tailwindcss: 4.1.18
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+
+  '@trysound/sax@0.2.0': {}
+
+  '@tsconfig/node24@24.0.4': {}
+
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/debug@4.1.12':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/jsdom@27.0.0':
+    dependencies:
+      '@types/node': 24.10.9
+      '@types/tough-cookie': 4.0.5
+      parse5: 7.3.0
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
+  '@types/node@22.19.7':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/node@24.10.9':
+    dependencies:
+      undici-types: 7.16.0
+
+  '@types/tough-cookie@4.0.5': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/web-bluetooth@0.0.21': {}
+
+  '@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/type-utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      eslint: 9.39.2(jiti@2.6.1)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.53.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.53.1':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
+
+  '@typescript-eslint/tsconfig-utils@8.53.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.53.1': {}
+
+  '@typescript-eslint/typescript-estree@8.53.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.53.1':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      eslint-visitor-keys: 4.2.1
+
+  '@unhead/vue@2.1.2(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      hookable: 6.0.1
+      unhead: 2.1.2
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vitejs/plugin-vue@6.0.3(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-beta.53
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vitest/browser-playwright@4.0.18(playwright@1.56.1)(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)':
+    dependencies:
+      '@vitest/browser': 4.0.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)
+      '@vitest/mocker': 4.0.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      playwright: 1.56.1
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)':
+    dependencies:
+      '@vitest/mocker': 4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      '@vitest/utils': 4.0.15
+      magic-string: 0.30.21
+      pixelmatch: 7.1.0
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+      ws: 8.19.0
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+    optional: true
+
+  '@vitest/browser@4.0.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)':
+    dependencies:
+      '@vitest/mocker': 4.0.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      '@vitest/utils': 4.0.18
+      magic-string: 0.30.21
+      pixelmatch: 7.1.0
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+      ws: 8.19.0
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/coverage-v8@4.0.15(@vitest/browser@4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18))(vitest@4.0.18)':
+    dependencies:
+      '@bcoe/v8-coverage': 1.0.2
+      '@vitest/utils': 4.0.15
+      ast-v8-to-istanbul: 0.3.10
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6
+      istanbul-reports: 3.2.0
+      magicast: 0.5.1
+      obug: 2.1.1
+      std-env: 3.10.0
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+    optionalDependencies:
+      '@vitest/browser': 4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitest/eslint-plugin@1.6.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)(vitest@4.0.18)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+    optionalDependencies:
+      typescript: 5.9.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitest/expect@4.0.18':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.0.18
+      '@vitest/utils': 4.0.18
+      chai: 6.2.2
+      tinyrainbow: 3.0.3
+
+  '@vitest/mocker@4.0.15(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))':
+    dependencies:
+      '@vitest/spy': 4.0.15
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+    optional: true
+
+  '@vitest/mocker@4.0.18(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))':
+    dependencies:
+      '@vitest/spy': 4.0.18
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+
+  '@vitest/mocker@4.0.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))':
+    dependencies:
+      '@vitest/spy': 4.0.18
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+
+  '@vitest/pretty-format@4.0.15':
+    dependencies:
+      tinyrainbow: 3.0.3
+
+  '@vitest/pretty-format@4.0.18':
+    dependencies:
+      tinyrainbow: 3.0.3
+
+  '@vitest/runner@4.0.18':
+    dependencies:
+      '@vitest/utils': 4.0.18
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.0.18':
+    dependencies:
+      '@vitest/pretty-format': 4.0.18
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@4.0.15':
+    optional: true
+
+  '@vitest/spy@4.0.18': {}
+
+  '@vitest/utils@4.0.15':
+    dependencies:
+      '@vitest/pretty-format': 4.0.15
+      tinyrainbow: 3.0.3
+
+  '@vitest/utils@4.0.18':
+    dependencies:
+      '@vitest/pretty-format': 4.0.18
+      tinyrainbow: 3.0.3
+
+  '@volar/language-core@2.4.27':
+    dependencies:
+      '@volar/source-map': 2.4.27
+
+  '@volar/source-map@2.4.27': {}
+
+  '@volar/typescript@2.4.27':
+    dependencies:
+      '@volar/language-core': 2.4.27
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vue/babel-helper-vue-transform-on@1.5.0': {}
+
+  '@vue/babel-plugin-jsx@1.5.0(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.28.6)
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.28.6
+      '@babel/types': 7.28.6
+      '@vue/babel-helper-vue-transform-on': 1.5.0
+      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.28.6)
+      '@vue/shared': 3.5.27
+    optionalDependencies:
+      '@babel/core': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.28.6)':
+    dependencies:
+      '@babel/code-frame': 7.28.6
+      '@babel/core': 7.28.6
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/parser': 7.28.6
+      '@vue/compiler-sfc': 3.5.27
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/compiler-core@3.5.27':
+    dependencies:
+      '@babel/parser': 7.28.6
+      '@vue/shared': 3.5.27
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.27':
+    dependencies:
+      '@vue/compiler-core': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/compiler-sfc@3.5.27':
+    dependencies:
+      '@babel/parser': 7.28.6
+      '@vue/compiler-core': 3.5.27
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.27':
+    dependencies:
+      '@vue/compiler-dom': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-api@7.7.9':
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+
+  '@vue/devtools-core@8.0.5(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@vue/devtools-kit': 8.0.5
+      '@vue/devtools-shared': 8.0.5
+      mitt: 3.0.1
+      nanoid: 5.1.6
+      pathe: 2.0.3
+      vite-hot-client: 2.1.0(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      vue: 3.5.27(typescript@5.9.3)
+    transitivePeerDependencies:
+      - vite
+
+  '@vue/devtools-kit@7.7.9':
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-kit@8.0.5':
+    dependencies:
+      '@vue/devtools-shared': 8.0.5
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 2.1.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-shared@7.7.9':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/devtools-shared@8.0.5':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/eslint-config-prettier@10.2.0(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1)':
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-prettier: 5.5.5(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1)
+      prettier: 3.8.1
+    transitivePeerDependencies:
+      - '@types/eslint'
+
+  '@vue/eslint-config-typescript@14.6.0(eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-plugin-vue: 10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)))
+      fast-glob: 3.3.3
+      typescript-eslint: 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@2.6.1))
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/language-core@3.2.3':
+    dependencies:
+      '@volar/language-core': 2.4.27
+      '@vue/compiler-dom': 3.5.27
+      '@vue/shared': 3.5.27
+      alien-signals: 3.1.2
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+      picomatch: 4.0.3
+
+  '@vue/reactivity@3.5.27':
+    dependencies:
+      '@vue/shared': 3.5.27
+
+  '@vue/runtime-core@3.5.27':
+    dependencies:
+      '@vue/reactivity': 3.5.27
+      '@vue/shared': 3.5.27
+
+  '@vue/runtime-dom@3.5.27':
+    dependencies:
+      '@vue/reactivity': 3.5.27
+      '@vue/runtime-core': 3.5.27
+      '@vue/shared': 3.5.27
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.27(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.27
+      '@vue/shared': 3.5.27
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vue/shared@3.5.27': {}
+
+  '@vue/test-utils@2.4.6':
+    dependencies:
+      js-beautify: 1.15.4
+      vue-component-type-helpers: 2.2.12
+
+  '@vue/tsconfig@0.8.1(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))':
+    optionalDependencies:
+      typescript: 5.9.3
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vueuse/core@14.1.0(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 14.1.0
+      '@vueuse/shared': 14.1.0(vue@3.5.27(typescript@5.9.3))
+      vue: 3.5.27(typescript@5.9.3)
+
+  '@vueuse/metadata@14.1.0': {}
+
+  '@vueuse/shared@14.1.0(vue@3.5.27(typescript@5.9.3))':
+    dependencies:
+      vue: 3.5.27(typescript@5.9.3)
+
+  abbrev@2.0.0: {}
+
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn@8.15.0: {}
+
+  agent-base@7.1.4: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  alien-signals@3.1.2: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.3: {}
+
+  ansis@4.2.0: {}
+
+  are-docs-informative@0.0.2: {}
+
+  argparse@2.0.1: {}
+
+  assertion-error@2.0.1: {}
+
+  ast-v8-to-istanbul@0.3.10:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 9.0.1
+
+  balanced-match@1.0.2: {}
+
+  baseline-browser-mapping@2.9.17: {}
+
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
+  birpc@2.9.0: {}
+
+  boolbase@1.0.0: {}
+
+  brace-expansion@1.1.12:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.2:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.9.17
+      caniuse-lite: 1.0.30001766
+      electron-to-chromium: 1.5.277
+      node-releases: 2.0.27
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
+  builtin-modules@5.0.0: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  cac@6.7.14: {}
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001766: {}
+
+  ccount@2.0.1: {}
+
+  chai@6.2.2: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  change-case@5.4.4: {}
+
+  character-entities@2.0.2: {}
+
+  ci-info@4.3.1: {}
+
+  clean-regexp@1.0.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.4
+
+  color@4.2.3:
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+
+  commander@10.0.1: {}
+
+  commander@7.2.0: {}
+
+  comment-parser@1.4.1: {}
+
+  comment-parser@1.4.5: {}
+
+  concat-map@0.0.1: {}
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  convert-source-map@2.0.0: {}
+
+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
+  core-js-compat@3.48.0:
+    dependencies:
+      browserslist: 4.28.1
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-tree@3.1.0:
+    dependencies:
+      mdn-data: 2.12.2
+      source-map-js: 1.2.1
+
+  css-what@6.2.2: {}
+
+  cssesc@3.0.0: {}
+
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
+  cssstyle@5.3.7:
+    dependencies:
+      '@asamuzakjp/css-color': 4.1.1
+      '@csstools/css-syntax-patches-for-csstree': 1.0.25
+      css-tree: 3.1.0
+      lru-cache: 11.2.4
+
+  csstype@3.2.3: {}
+
+  data-urls@6.0.1:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 15.1.0
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js@10.6.0: {}
+
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  deep-is@0.1.4: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.4.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  define-lazy-prop@3.0.0: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@2.1.2: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff-sequences@27.5.1: {}
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  eastasianwidth@0.2.0: {}
+
+  editorconfig@1.0.4:
+    dependencies:
+      '@one-ini/wasm': 0.1.1
+      commander: 10.0.1
+      minimatch: 9.0.1
+      semver: 7.7.3
+
+  electron-to-chromium@1.5.277: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  empathic@2.0.0: {}
+
+  enhanced-resolve@5.18.4:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  entities@7.0.1: {}
+
+  error-stack-parser-es@1.0.5: {}
+
+  es-module-lexer@1.7.0: {}
+
+  esbuild@0.27.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.2
+      '@esbuild/android-arm': 0.27.2
+      '@esbuild/android-arm64': 0.27.2
+      '@esbuild/android-x64': 0.27.2
+      '@esbuild/darwin-arm64': 0.27.2
+      '@esbuild/darwin-x64': 0.27.2
+      '@esbuild/freebsd-arm64': 0.27.2
+      '@esbuild/freebsd-x64': 0.27.2
+      '@esbuild/linux-arm': 0.27.2
+      '@esbuild/linux-arm64': 0.27.2
+      '@esbuild/linux-ia32': 0.27.2
+      '@esbuild/linux-loong64': 0.27.2
+      '@esbuild/linux-mips64el': 0.27.2
+      '@esbuild/linux-ppc64': 0.27.2
+      '@esbuild/linux-riscv64': 0.27.2
+      '@esbuild/linux-s390x': 0.27.2
+      '@esbuild/linux-x64': 0.27.2
+      '@esbuild/netbsd-arm64': 0.27.2
+      '@esbuild/netbsd-x64': 0.27.2
+      '@esbuild/openbsd-arm64': 0.27.2
+      '@esbuild/openbsd-x64': 0.27.2
+      '@esbuild/openharmony-arm64': 0.27.2
+      '@esbuild/sunos-x64': 0.27.2
+      '@esbuild/win32-arm64': 0.27.2
+      '@esbuild/win32-ia32': 0.27.2
+      '@esbuild/win32-x64': 0.27.2
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-compat-utils@0.5.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      semver: 7.7.3
+
+  eslint-compat-utils@0.6.5(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      semver: 7.7.3
+
+  eslint-config-flat-gitignore@2.1.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@2.6.1))
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-flat-config-utils@2.1.4:
+    dependencies:
+      pathe: 2.0.3
+
+  eslint-formatting-reporter@0.0.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      prettier-linter-helpers: 1.0.1
+
+  eslint-json-compat-utils@0.2.1(eslint@9.39.2(jiti@2.6.1))(jsonc-eslint-parser@2.4.2):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      esquery: 1.7.0
+      jsonc-eslint-parser: 2.4.2
+
+  eslint-merge-processors@2.0.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-parser-plain@0.1.1: {}
+
+  eslint-plugin-antfu@3.1.3(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-plugin-command@3.4.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.78.0
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-plugin-es-x@7.8.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-compat-utils: 0.5.1(eslint@9.39.2(jiti@2.6.1))
+
+  eslint-plugin-format@1.3.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@dprint/formatter': 0.5.1
+      '@dprint/markdown': 0.20.0
+      '@dprint/toml': 0.7.0
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-formatting-reporter: 0.0.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-parser-plain: 0.1.1
+      ohash: 2.0.11
+      prettier: 3.8.1
+      synckit: 0.11.12
+
+  eslint-plugin-import-lite@0.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  eslint-plugin-jsdoc@61.7.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.78.0
+      '@es-joy/resolve.exports': 1.2.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.1
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.2(jiti@2.6.1)
+      espree: 11.1.0
+      esquery: 1.7.0
+      html-entities: 2.6.0
+      object-deep-merge: 2.0.0
+      parse-imports-exports: 0.2.4
+      semver: 7.7.3
+      spdx-expression-parse: 4.0.0
+      to-valid-identifier: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-jsonc@2.21.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      diff-sequences: 27.5.1
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@2.6.1))
+      eslint-json-compat-utils: 0.2.1(eslint@9.39.2(jiti@2.6.1))(jsonc-eslint-parser@2.4.2)
+      espree: 10.4.0
+      graphemer: 1.4.0
+      jsonc-eslint-parser: 2.4.2
+      natural-compare: 1.4.0
+      synckit: 0.11.12
+    transitivePeerDependencies:
+      - '@eslint/json'
+
+  eslint-plugin-n@17.23.2(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      enhanced-resolve: 5.18.4
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-plugin-es-x: 7.8.0(eslint@9.39.2(jiti@2.6.1))
+      get-tsconfig: 4.13.0
+      globals: 15.15.0
+      globrex: 0.1.2
+      ignore: 5.3.2
+      semver: 7.7.3
+      ts-declaration-location: 1.0.7(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
+  eslint-plugin-no-only-tests@3.3.0: {}
+
+  eslint-plugin-perfectionist@4.15.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      natural-orderby: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-plugin-pnpm@1.5.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      empathic: 2.0.0
+      eslint: 9.39.2(jiti@2.6.1)
+      jsonc-eslint-parser: 2.4.2
+      pathe: 2.0.3
+      pnpm-workspace-yaml: 1.5.0
+      tinyglobby: 0.2.15
+      yaml: 2.8.2
+      yaml-eslint-parser: 2.0.0
+
+  eslint-plugin-prettier@5.5.5(eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))(prettier@3.8.1):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      prettier: 3.8.1
+      prettier-linter-helpers: 1.0.1
+      synckit: 0.11.12
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
+
+  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      comment-parser: 1.4.5
+      eslint: 9.39.2(jiti@2.6.1)
+      jsdoc-type-pratt-parser: 4.8.0
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+      scslre: 0.3.0
+
+  eslint-plugin-toml@0.12.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@2.6.1))
+      lodash: 4.17.23
+      toml-eslint-parser: 0.10.1
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-unicorn@62.0.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint/plugin-kit': 0.4.1
+      change-case: 5.4.4
+      ci-info: 4.3.1
+      clean-regexp: 1.0.0
+      core-js-compat: 3.48.0
+      eslint: 9.39.2(jiti@2.6.1)
+      esquery: 1.7.0
+      find-up-simple: 1.0.1
+      globals: 16.5.0
+      indent-string: 5.0.0
+      is-builtin-module: 5.0.0
+      jsesc: 3.1.0
+      pluralize: 8.0.0
+      regexp-tree: 0.1.27
+      regjsparser: 0.13.0
+      semver: 7.7.3
+      strip-indent: 4.1.1
+
+  eslint-plugin-unused-imports@4.3.0(@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+
+  eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@5.7.1(eslint@9.39.2(jiti@2.6.1)))(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1))):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      eslint: 9.39.2(jiti@2.6.1)
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.1
+      semver: 7.7.3
+      vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@2.6.1))
+      xml-name-validator: 4.0.0
+    optionalDependencies:
+      '@stylistic/eslint-plugin': 5.7.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+
+  eslint-plugin-yml@1.19.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      debug: 4.4.3
+      diff-sequences: 27.5.1
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@2.6.1))
+      natural-compare: 1.4.0
+      yaml-eslint-parser: 1.3.2
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-processor-vue-blocks@2.0.0(@vue/compiler-sfc@3.5.27)(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@vue/compiler-sfc': 3.5.27
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.0: {}
+
+  eslint@9.39.2(jiti@2.6.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.3
+      '@eslint/js': 9.39.2
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.1.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 5.0.0
+
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 3.4.3
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  esutils@2.0.3: {}
+
+  expect-type@1.3.0: {}
+
+  exsolve@1.0.8: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-diff@1.3.0: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fault@2.0.1:
+    dependencies:
+      format: 0.2.2
+
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up-simple@1.0.1: {}
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.3
+      keyv: 4.5.4
+
+  flatted@3.3.3: {}
+
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  format@0.2.2: {}
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  generic-names@4.0.0:
+    dependencies:
+      loader-utils: 3.3.1
+
+  gensync@1.0.0-beta.2: {}
+
+  get-tsconfig@4.13.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  github-slugger@2.0.0: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@10.5.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  globals@14.0.0: {}
+
+  globals@15.15.0: {}
+
+  globals@16.5.0: {}
+
+  globrex@0.1.2: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  has-flag@4.0.0: {}
+
+  hookable@5.5.3: {}
+
+  hookable@6.0.1: {}
+
+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.9.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  html-entities@2.6.0: {}
+
+  html-escaper@2.0.2: {}
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  icss-utils@5.1.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@5.0.0: {}
+
+  ini@1.3.8: {}
+
+  is-arrayish@0.3.4: {}
+
+  is-builtin-module@5.0.0:
+    dependencies:
+      builtin-modules: 5.0.0
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-number@7.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-what@5.5.0: {}
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.1: {}
+
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-lib-source-maps@5.0.6:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      debug: 4.4.3
+      istanbul-lib-coverage: 3.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jiti@2.6.1: {}
+
+  js-beautify@1.15.4:
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 1.0.4
+      glob: 10.5.0
+      js-cookie: 3.0.5
+      nopt: 7.2.1
+
+  js-cookie@3.0.5: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdoc-type-pratt-parser@4.8.0: {}
+
+  jsdoc-type-pratt-parser@7.0.0: {}
+
+  jsdom@27.4.0:
+    dependencies:
+      '@acemir/cssom': 0.9.31
+      '@asamuzakjp/dom-selector': 6.7.6
+      '@exodus/bytes': 1.9.0
+      cssstyle: 5.3.7
+      data-urls: 6.0.1
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      parse5: 8.0.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+      ws: 8.19.0
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@4.0.0: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  jsonc-eslint-parser@2.4.2:
+    dependencies:
+      acorn: 8.15.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.7.3
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  kolorist@1.8.0: {}
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.30.2:
+    optional: true
+
+  lightningcss-android-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.31.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.31.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    optional: true
+
+  lightningcss@1.30.2:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.30.2
+      lightningcss-darwin-arm64: 1.30.2
+      lightningcss-darwin-x64: 1.30.2
+      lightningcss-freebsd-x64: 1.30.2
+      lightningcss-linux-arm-gnueabihf: 1.30.2
+      lightningcss-linux-arm64-gnu: 1.30.2
+      lightningcss-linux-arm64-musl: 1.30.2
+      lightningcss-linux-x64-gnu: 1.30.2
+      lightningcss-linux-x64-musl: 1.30.2
+      lightningcss-win32-arm64-msvc: 1.30.2
+      lightningcss-win32-x64-msvc: 1.30.2
+
+  lightningcss@1.31.1:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.31.1
+      lightningcss-darwin-arm64: 1.31.1
+      lightningcss-darwin-x64: 1.31.1
+      lightningcss-freebsd-x64: 1.31.1
+      lightningcss-linux-arm-gnueabihf: 1.31.1
+      lightningcss-linux-arm64-gnu: 1.31.1
+      lightningcss-linux-arm64-musl: 1.31.1
+      lightningcss-linux-x64-gnu: 1.31.1
+      lightningcss-linux-x64-musl: 1.31.1
+      lightningcss-win32-arm64-msvc: 1.31.1
+      lightningcss-win32-x64-msvc: 1.31.1
+
+  loader-utils@3.3.1: {}
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.0
+      pkg-types: 2.3.0
+      quansync: 0.2.11
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  lodash@4.17.23: {}
+
+  longest-streak@3.1.0: {}
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@11.2.4: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.5.1:
+    dependencies:
+      '@babel/parser': 7.28.6
+      '@babel/types': 7.28.6
+      source-map-js: 1.2.1
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.7.3
+
+  markdown-table@3.0.4: {}
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-frontmatter@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      escape-string-regexp: 5.0.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      micromark-extension-frontmatter: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
+  mdn-data@2.12.2: {}
+
+  memorystream@0.3.1: {}
+
+  merge2@1.4.1: {}
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-frontmatter@2.0.0:
+    dependencies:
+      fault: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.12
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.12
+
+  minimatch@9.0.1:
+    dependencies:
+      brace-expansion: 2.0.2
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.2
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.2: {}
+
+  mitt@3.0.1: {}
+
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  nanoid@3.3.11: {}
+
+  nanoid@5.1.6: {}
+
+  natural-compare@1.4.0: {}
+
+  natural-orderby@5.0.0: {}
+
+  node-releases@2.0.27: {}
+
+  nopt@7.2.1:
+    dependencies:
+      abbrev: 2.0.0
+
+  npm-normalize-package-bin@4.0.0: {}
+
+  npm-run-all2@8.0.4:
+    dependencies:
+      ansi-styles: 6.2.3
+      cross-spawn: 7.0.6
+      memorystream: 0.3.1
+      picomatch: 4.0.3
+      pidtree: 0.6.0
+      read-package-json-fast: 4.0.0
+      shell-quote: 1.8.3
+      which: 5.0.0
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  object-deep-merge@2.0.0: {}
+
+  obug@2.1.1: {}
+
+  ohash@2.0.11: {}
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.4.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-json-from-dist@1.0.1: {}
+
+  package-manager-detector@1.6.0: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-gitignore@2.0.0: {}
+
+  parse-imports-exports@0.2.4:
+    dependencies:
+      parse-statements: 1.0.11
+
+  parse-statements@1.0.11: {}
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
+  parse5@8.0.0:
+    dependencies:
+      entities: 6.0.1
+
+  path-browserify@1.0.1: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  pathe@2.0.3: {}
+
+  perfect-debounce@1.0.0: {}
+
+  perfect-debounce@2.1.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.1: {}
+
+  picomatch@4.0.3: {}
+
+  pidtree@0.6.0: {}
+
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.9
+      vue: 3.5.27(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  pixelmatch@7.1.0:
+    dependencies:
+      pngjs: 7.0.0
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
+  playwright-core@1.56.1: {}
+
+  playwright@1.56.1:
+    dependencies:
+      playwright-core: 1.56.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  pluralize@8.0.0: {}
+
+  png-to-ico@3.0.1:
+    dependencies:
+      '@types/node': 22.19.7
+      minimist: 1.2.8
+      pngjs: 7.0.0
+
+  pngjs@7.0.0: {}
+
+  pnpm-workspace-yaml@1.5.0:
+    dependencies:
+      yaml: 2.8.2
+
+  postcss-modules-extract-imports@3.1.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.6):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+      postcss-value-parser: 4.2.0
+
+  postcss-modules-scope@3.2.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+
+  postcss-modules-values@4.0.0(postcss@8.5.6):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
+
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  prettier-linter-helpers@1.0.1:
+    dependencies:
+      fast-diff: 1.3.0
+
+  prettier@3.8.1: {}
+
+  proto-list@1.2.4: {}
+
+  punycode@2.3.1: {}
+
+  quansync@0.2.11: {}
+
+  queue-microtask@1.2.3: {}
+
+  read-package-json-fast@4.0.0:
+    dependencies:
+      json-parse-even-better-errors: 4.0.0
+      npm-normalize-package-bin: 4.0.0
+
+  refa@0.12.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+
+  regexp-ast-analysis@0.7.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+
+  regexp-tree@0.1.27: {}
+
+  regjsparser@0.13.0:
+    dependencies:
+      jsesc: 3.1.0
+
+  require-from-string@2.0.2: {}
+
+  reserved-identifiers@1.2.0: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
+
+  rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2):
+    dependencies:
+      '@oxc-project/runtime': 0.101.0
+      fdir: 6.5.0(picomatch@4.0.3)
+      lightningcss: 1.31.1
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rolldown: 1.0.0-beta.53
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 24.10.9
+      esbuild: 0.27.2
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      tsx: 4.21.0
+      yaml: 2.8.2
+
+  rolldown@1.0.0-beta.53:
+    dependencies:
+      '@oxc-project/types': 0.101.0
+      '@rolldown/pluginutils': 1.0.0-beta.53
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-beta.53
+      '@rolldown/binding-darwin-arm64': 1.0.0-beta.53
+      '@rolldown/binding-darwin-x64': 1.0.0-beta.53
+      '@rolldown/binding-freebsd-x64': 1.0.0-beta.53
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.53
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.53
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-beta.53
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-beta.53
+      '@rolldown/binding-linux-x64-musl': 1.0.0-beta.53
+      '@rolldown/binding-openharmony-arm64': 1.0.0-beta.53
+      '@rolldown/binding-wasm32-wasi': 1.0.0-beta.53
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.53
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-beta.53
+
+  rollup@4.56.0:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.56.0
+      '@rollup/rollup-android-arm64': 4.56.0
+      '@rollup/rollup-darwin-arm64': 4.56.0
+      '@rollup/rollup-darwin-x64': 4.56.0
+      '@rollup/rollup-freebsd-arm64': 4.56.0
+      '@rollup/rollup-freebsd-x64': 4.56.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.56.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.56.0
+      '@rollup/rollup-linux-arm64-gnu': 4.56.0
+      '@rollup/rollup-linux-arm64-musl': 4.56.0
+      '@rollup/rollup-linux-loong64-gnu': 4.56.0
+      '@rollup/rollup-linux-loong64-musl': 4.56.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.56.0
+      '@rollup/rollup-linux-ppc64-musl': 4.56.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.56.0
+      '@rollup/rollup-linux-riscv64-musl': 4.56.0
+      '@rollup/rollup-linux-s390x-gnu': 4.56.0
+      '@rollup/rollup-linux-x64-gnu': 4.56.0
+      '@rollup/rollup-linux-x64-musl': 4.56.0
+      '@rollup/rollup-openbsd-x64': 4.56.0
+      '@rollup/rollup-openharmony-arm64': 4.56.0
+      '@rollup/rollup-win32-arm64-msvc': 4.56.0
+      '@rollup/rollup-win32-ia32-msvc': 4.56.0
+      '@rollup/rollup-win32-x64-gnu': 4.56.0
+      '@rollup/rollup-win32-x64-msvc': 4.56.0
+      fsevents: 2.3.3
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scslre@0.3.0:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+
+  semver@6.3.1: {}
+
+  semver@7.7.3: {}
+
+  sharp@0.33.5:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.1.2
+      semver: 7.7.3
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.33.5
+      '@img/sharp-darwin-x64': 0.33.5
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-linux-arm': 0.33.5
+      '@img/sharp-linux-arm64': 0.33.5
+      '@img/sharp-linux-s390x': 0.33.5
+      '@img/sharp-linux-x64': 0.33.5
+      '@img/sharp-linuxmusl-arm64': 0.33.5
+      '@img/sharp-linuxmusl-x64': 0.33.5
+      '@img/sharp-wasm32': 0.33.5
+      '@img/sharp-win32-ia32': 0.33.5
+      '@img/sharp-win32-x64': 0.33.5
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shell-quote@1.8.3: {}
+
+  siginfo@2.0.0: {}
+
+  signal-exit@4.1.0: {}
+
+  simple-swizzle@0.2.4:
+    dependencies:
+      is-arrayish: 0.3.4
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  sisteransi@1.0.5: {}
+
+  source-map-js@1.2.1: {}
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
+  speakingurl@14.0.1: {}
+
+  stackback@0.0.2: {}
+
+  std-env@3.10.0: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.2
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.2:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-indent@4.1.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  superjson@2.2.6:
+    dependencies:
+      copy-anything: 4.0.5
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.2.2
+      css-tree: 2.3.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+
+  symbol-tree@3.2.4: {}
+
+  synckit@0.11.12:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
+  tailwindcss@4.1.18: {}
+
+  tapable@2.3.0: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@1.0.2: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  tinyrainbow@3.0.3: {}
+
+  tldts-core@7.0.19: {}
+
+  tldts@7.0.19:
+    dependencies:
+      tldts-core: 7.0.19
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  to-valid-identifier@1.0.0:
+    dependencies:
+      '@sindresorhus/base62': 1.0.0
+      reserved-identifiers: 1.2.0
+
+  toml-eslint-parser@0.10.1:
+    dependencies:
+      eslint-visitor-keys: 3.4.3
+
+  totalist@3.0.1: {}
+
+  tough-cookie@6.0.0:
+    dependencies:
+      tldts: 7.0.19
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
+  ts-api-utils@2.4.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  ts-declaration-location@1.0.7(typescript@5.9.3):
+    dependencies:
+      picomatch: 4.0.3
+      typescript: 5.9.3
+
+  tslib@2.8.1:
+    optional: true
+
+  tsx@4.21.0:
+    dependencies:
+      esbuild: 0.27.2
+      get-tsconfig: 4.13.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  typescript-eslint@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@5.9.3: {}
+
+  ufo@1.6.3: {}
+
+  undici-types@6.21.0: {}
+
+  undici-types@7.16.0: {}
+
+  unhead@2.1.2:
+    dependencies:
+      hookable: 6.0.1
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.3
+
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
+    dependencies:
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  vite-css-modules@1.12.0(lightningcss@1.31.1)(postcss@8.5.6)(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(rollup@4.56.0):
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      '@rollup/pluginutils': 5.3.0(rollup@4.56.0)
+      generic-names: 4.0.0
+      icss-utils: 5.1.0(postcss@8.5.6)
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.6)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.6)
+      postcss-modules-scope: 3.2.1(postcss@8.5.6)
+      postcss-modules-values: 4.0.0(postcss@8.5.6)
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+    optionalDependencies:
+      lightningcss: 1.31.1
+    transitivePeerDependencies:
+      - rollup
+
+  vite-dev-rpc@1.1.0(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)):
+    dependencies:
+      birpc: 2.9.0
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+      vite-hot-client: 2.1.0(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+
+  vite-hot-client@2.1.0(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)):
+    dependencies:
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+
+  vite-plugin-inspect@11.3.3(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)):
+    dependencies:
+      ansis: 4.2.0
+      debug: 4.4.3
+      error-stack-parser-es: 1.0.5
+      ohash: 2.0.11
+      open: 10.2.0
+      perfect-debounce: 2.1.0
+      sirv: 3.0.2
+      unplugin-utils: 0.3.1
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+      vite-dev-rpc: 1.1.0(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-plugin-vue-devtools@8.0.5(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-core': 8.0.5(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+      '@vue/devtools-kit': 8.0.5
+      '@vue/devtools-shared': 8.0.5
+      sirv: 3.0.2
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+      vite-plugin-inspect: 11.3.3(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+      vite-plugin-vue-inspector: 5.3.2(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))
+    transitivePeerDependencies:
+      - '@nuxt/kit'
+      - supports-color
+      - vue
+
+  vite-plugin-vue-inspector@5.3.2(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)):
+    dependencies:
+      '@babel/core': 7.28.6
+      '@babel/plugin-proposal-decorators': 7.28.6(@babel/core@7.28.6)
+      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.28.6)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.6)
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.28.6)
+      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.6)
+      '@vue/compiler-dom': 3.5.27
+      kolorist: 1.8.0
+      magic-string: 0.30.21
+      vite: rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-svg-loader@5.1.0(vue@3.5.27(typescript@5.9.3)):
+    dependencies:
+      svgo: 3.3.2
+      vue: 3.5.27(typescript@5.9.3)
+
+  vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2):
+    dependencies:
+      esbuild: 0.27.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.56.0
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 24.10.9
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      lightningcss: 1.31.1
+      tsx: 4.21.0
+      yaml: 2.8.2
+
+  vitest-browser-vue@2.0.2(vitest@4.0.18)(vue@3.5.27(typescript@5.9.3)):
+    dependencies:
+      '@vue/test-utils': 2.4.6
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+      vue: 3.5.27(typescript@5.9.3)
+
+  vitest@4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(jiti@2.6.1)(jsdom@27.4.0)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2):
+    dependencies:
+      '@vitest/expect': 4.0.18
+      '@vitest/mocker': 4.0.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
+      '@vitest/pretty-format': 4.0.18
+      '@vitest/runner': 4.0.18
+      '@vitest/snapshot': 4.0.18
+      '@vitest/spy': 4.0.18
+      '@vitest/utils': 4.0.18
+      es-module-lexer: 1.7.0
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      obug: 2.1.1
+      pathe: 2.0.3
+      picomatch: 4.0.3
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 1.0.2
+      tinyglobby: 0.2.15
+      tinyrainbow: 3.0.3
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 24.10.9
+      '@vitest/browser-playwright': 4.0.18(playwright@1.56.1)(rolldown-vite@7.3.1(@types/node@24.10.9)(esbuild@0.27.2)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.2))(vitest@4.0.18)
+      jsdom: 27.4.0
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - yaml
+
+  vscode-uri@3.1.0: {}
+
+  vue-component-type-helpers@2.2.12: {}
+
+  vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      semver: 7.7.3
+    transitivePeerDependencies:
+      - supports-color
+
+  vue-router@4.6.4(vue@3.5.27(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.27(typescript@5.9.3)
+
+  vue-tsc@3.2.3(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.27
+      '@vue/language-core': 3.2.3
+      typescript: 5.9.3
+
+  vue@3.5.27(typescript@5.9.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.27
+      '@vue/compiler-sfc': 3.5.27
+      '@vue/runtime-dom': 3.5.27
+      '@vue/server-renderer': 3.5.27(vue@3.5.27(typescript@5.9.3))
+      '@vue/shared': 3.5.27
+    optionalDependencies:
+      typescript: 5.9.3
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@8.0.1: {}
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@15.1.0:
+    dependencies:
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@5.0.0:
+    dependencies:
+      isexe: 3.1.1
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  word-wrap@1.2.5: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 5.1.2
+      strip-ansi: 7.1.2
+
+  ws@8.19.0: {}
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.0
+
+  xml-name-validator@4.0.0: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  yallist@3.1.1: {}
+
+  yaml-eslint-parser@1.3.2:
+    dependencies:
+      eslint-visitor-keys: 3.4.3
+      yaml: 2.8.2
+
+  yaml-eslint-parser@2.0.0:
+    dependencies:
+      eslint-visitor-keys: 5.0.0
+      yaml: 2.8.2
+
+  yaml@2.8.2: {}
+
+  yocto-queue@0.1.0: {}
+
+  zwitch@2.0.4: {}
diff --git a/Frontend/pnpm-workspace.yaml b/Frontend/pnpm-workspace.yaml
new file mode 100644
index 0000000..557931f
--- /dev/null
+++ b/Frontend/pnpm-workspace.yaml
@@ -0,0 +1,12 @@
+catalogMode: manual
+
+shellEmulator: true
+
+trustPolicy: no-downgrade
+trustPolicyExclude:
+  - semver@6.3.1
+  - undici-types@6.21.0
+
+onlyBuiltDependencies:
+  - esbuild
+  - sharp
diff --git a/Frontend/public/MuzikaGromcheAudio/.gitkeep b/Frontend/public/MuzikaGromcheAudio/.gitkeep
new file mode 100644
index 0000000..69228eb
--- /dev/null
+++ b/Frontend/public/MuzikaGromcheAudio/.gitkeep
@@ -0,0 +1 @@
+Copy /Assets/ to this directory.
diff --git a/Frontend/public/apple-touch-icon.png b/Frontend/public/apple-touch-icon.png
new file mode 100644
index 0000000..cef7a71
Binary files /dev/null and b/Frontend/public/apple-touch-icon.png differ
diff --git a/Frontend/public/favicon.ico b/Frontend/public/favicon.ico
new file mode 100644
index 0000000..e01443c
Binary files /dev/null and b/Frontend/public/favicon.ico differ
diff --git a/Frontend/public/icon-192.png b/Frontend/public/icon-192.png
new file mode 100644
index 0000000..d81be9d
Binary files /dev/null and b/Frontend/public/icon-192.png differ
diff --git a/Frontend/public/icon-256.png b/Frontend/public/icon-256.png
new file mode 100644
index 0000000..d648efc
Binary files /dev/null and b/Frontend/public/icon-256.png differ
diff --git a/Frontend/public/icon-32.png b/Frontend/public/icon-32.png
new file mode 100644
index 0000000..f353137
Binary files /dev/null and b/Frontend/public/icon-32.png differ
diff --git a/Frontend/scripts/generate-icons.ts b/Frontend/scripts/generate-icons.ts
new file mode 100644
index 0000000..c11e189
--- /dev/null
+++ b/Frontend/scripts/generate-icons.ts
@@ -0,0 +1,51 @@
+import { promises as fs } from 'node:fs'
+import path from 'node:path'
+import process from 'node:process'
+import { fileURLToPath } from 'node:url'
+import toIco from 'png-to-ico'
+import sharp from 'sharp'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const sourceIcon = path.resolve(__dirname, '../../icon.png')
+const outputDir = path.resolve(__dirname, '../public')
+
+async function generateIcons() {
+  await fs.mkdir(outputDir, { recursive: true })
+
+  // Generate PNGs
+  const sizes = [32, 192, 256]
+  for (const size of sizes) {
+    const outputPath = path.join(outputDir, `icon-${size}.png`)
+    await sharp(sourceIcon)
+      .resize(size, size)
+      .toFile(outputPath)
+    console.log(`Generated ${outputPath}`)
+  }
+
+  // Generate apple-touch-icon
+  const appleIconPath = path.join(outputDir, 'apple-touch-icon.png')
+  await sharp(sourceIcon)
+    .resize(180, 180)
+    .toFile(appleIconPath)
+  console.log(`Generated ${appleIconPath}`)
+
+  // Generate favicon.ico
+  const icoSizes = [16, 24, 32, 48]
+  const buffers = await Promise.all(icoSizes.map(size =>
+    sharp(sourceIcon)
+      .resize(size, size)
+      .png()
+      .toBuffer(),
+  ))
+  const icoBuffer = await toIco(buffers)
+  const icoPath = path.join(outputDir, 'favicon.ico')
+  await fs.writeFile(icoPath, icoBuffer)
+  console.log(`Generated ${icoPath}`)
+}
+
+generateIcons().catch((err) => {
+  console.error(err)
+  process.exit(1)
+})
diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
new file mode 100644
index 0000000..2e211c3
--- /dev/null
+++ b/Frontend/src/App.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import GlobalHeader from '@/global-header/GlobalHeader.vue'
+import { useGlobalHeaderStore } from './global-header/GlobalHeaderStore'
+
+const DEFAULT_TITLE = 'MuzikaGromche'
+
+const globalHeaderStore = useGlobalHeaderStore()
+globalHeaderStore.defaultTitle = DEFAULT_TITLE
+</script>
+
+<template>
+  <div class="tw:h-full tw:flex tw:flex-col">
+    <GlobalHeader class="tw:flex-none" />
+    <main class="tw:flex-auto tw:overflow-hidden">
+      <RouterView />
+    </main>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/assets/MuzikaGromcheTracks.json b/Frontend/src/assets/MuzikaGromcheTracks.json
new file mode 100644
index 0000000..7a24031
--- /dev/null
+++ b/Frontend/src/assets/MuzikaGromcheTracks.json
@@ -0,0 +1,3342 @@
+{
+  "version": "1337.9001.68",
+  "tracks": [
+    {
+      "Enabled": true,
+      "Name": "Arcane",
+      "Artist": "Imagine Dragons & J.I.D",
+      "Song": "Enemy",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 38.28,
+      "Bpm": 77.0002,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 41.366,
+      "FileDurationLoop": 24.935,
+      "FileNameIntro": "ArcaneIntro.ogg",
+      "FileNameLoop": "ArcaneLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -1.5,
+      "FadeOutDuration": 1.5,
+      "ColorTransitionIn": 0.2,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InOutExpo",
+      "FlickerLightsTimeSeries": [
+        -48.1,
+        -44.1,
+        -16.0,
+        15.9,
+        31.9
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -48.0,
+          0.0
+        ],
+        [
+          -47.75,
+          0.5
+        ],
+        [
+          -44.0,
+          0.2
+        ],
+        [
+          -43.75,
+          0.5
+        ],
+        [
+          -36.0,
+          0.0
+        ],
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.25,
+          0.4
+        ],
+        [
+          6.0,
+          0.0
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          8.25,
+          0.4
+        ],
+        [
+          14.0,
+          0.0
+        ],
+        [
+          16.0,
+          0.0
+        ],
+        [
+          16.25,
+          0.4
+        ],
+        [
+          22.0,
+          0.0
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          24.25,
+          0.4
+        ],
+        [
+          30.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          24.0,
+          0.0
+        ],
+        [
+          24.25,
+          0.5
+        ],
+        [
+          30.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#F0FBFF",
+        "#0B95FF",
+        "#A8F5E2",
+        "#B79BF2",
+        "#FED2E1"
+      ],
+      "GameOverText": "[LIFE SUPPORT: HEXTECH]"
+    },
+    {
+      "Enabled": true,
+      "Name": "AttentionPls1",
+      "Artist": "Отпетые Мошенники",
+      "Song": "Обратите внимание",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 39.19,
+      "Bpm": 97.8244247,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 49.061,
+      "FileDurationLoop": 19.627,
+      "FileNameIntro": "AttentionPls1Intro.ogg",
+      "FileNameLoop": "AttentionPlsLoop.ogg",
+      "BeatsOffset": 0.3,
+      "FadeOutBeat": -6.0,
+      "FadeOutDuration": 5.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -8.0,
+        31.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          7.0,
+          0.0
+        ],
+        [
+          12.0,
+          0.9
+        ],
+        [
+          15.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          23.0,
+          0.0
+        ],
+        [
+          28.0,
+          0.4
+        ],
+        [
+          31.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#FCEB3C",
+        "#FC3C9D",
+        "#65C7FA",
+        "#89FC8F",
+        "#FEE9E9",
+        "#FCEB3C",
+        "#89FC8F",
+        "#FC3C9D"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "AttentionPls2",
+      "Artist": "Отпетые Мошенники",
+      "Song": "Обратите внимание",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 39.19,
+      "Bpm": 97.8244247,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 49.061,
+      "FileDurationLoop": 19.627,
+      "FileNameIntro": "AttentionPls2Intro.ogg",
+      "FileNameLoop": "AttentionPlsLoop.ogg",
+      "BeatsOffset": 0.3,
+      "FadeOutBeat": -6.0,
+      "FadeOutDuration": 5.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -8.0,
+        31.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          7.0,
+          0.0
+        ],
+        [
+          12.0,
+          0.9
+        ],
+        [
+          15.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          23.0,
+          0.0
+        ],
+        [
+          28.0,
+          0.4
+        ],
+        [
+          31.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#FCEB3C",
+        "#FC3C9D",
+        "#65C7FA",
+        "#89FC8F",
+        "#FEE9E9",
+        "#FCEB3C",
+        "#89FC8F",
+        "#FC3C9D"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "BbIXODaHET",
+      "Artist": "Сплин",
+      "Song": "Выхода нет",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 40.85,
+      "Bpm": 84.82064,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 53.368,
+      "FileDurationLoop": 22.636,
+      "FileNameIntro": "BbIXODaHETIntro.ogg",
+      "FileNameLoop": "BbIXODaHETLoop.ogg",
+      "BeatsOffset": 0.3,
+      "FadeOutBeat": -6.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.7,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InOutCubic",
+      "FlickerLightsTimeSeries": [
+        -32.5,
+        -16.5,
+        30.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -1.0,
+          0.0
+        ],
+        [
+          2.0,
+          0.4
+        ],
+        [
+          7.0,
+          0.0
+        ],
+        [
+          31.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#E6D58F",
+        "#612F7E",
+        "#D9783F",
+        "#C3411C",
+        "#D3B742",
+        "#549BDE"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "BeefLiver1",
+      "Artist": "Imagine Dragons",
+      "Song": "Believer",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 39.35,
+      "Bpm": 124.999992,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.166,
+      "FileDurationLoop": 23.04,
+      "FileNameIntro": "BeefLiver1Intro.ogg",
+      "FileNameLoop": "BeefLiverLoop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -3.0,
+      "FadeOutDuration": 3.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -48.0,
+        -40.0,
+        -4.5,
+        44.0
+      ],
+      "Lyrics": [
+        [
+          -66.0,
+          "First things first"
+        ],
+        [
+          -62.0,
+          "First things first,\nI'ma say all the words\ninside my head"
+        ],
+        [
+          -57.0,
+          "I'm fired up and tired of"
+        ],
+        [
+          -52.0,
+          "the way that things have been,\noh-ooh"
+        ],
+        [
+          -44.0,
+          "(x2)\nThe way that things have been,\noh-ooooh"
+        ],
+        [
+          -34.0,
+          "I was broken from a young age, taking my sulkin' to the masses"
+        ],
+        [
+          -27.0,
+          "Writing my poems for the few"
+        ],
+        [
+          -23.0,
+          "that look at me, took to me,\nshook at me, feelin' me"
+        ],
+        [
+          -19.0,
+          "Singing from heartache from the pain"
+        ],
+        [
+          -15.0,
+          "Singing from heartache from the pain,\ntaking my message from the veins"
+        ],
+        [
+          -11.0,
+          "Speaking my lesson from the brain"
+        ],
+        [
+          -8.0,
+          "Speaking my lesson from the brain,\nseeing the beauty through the"
+        ],
+        [
+          -0.1,
+          "PAIN!"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          0.5,
+          0.6
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          15.0,
+          0.0
+        ],
+        [
+          16.0,
+          0.4
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          29.0,
+          0.0
+        ],
+        [
+          30.0,
+          0.3
+        ],
+        [
+          36.0,
+          0.0
+        ],
+        [
+          37.0,
+          0.0
+        ],
+        [
+          38.0,
+          0.3
+        ],
+        [
+          44.0,
+          0.0
+        ],
+        [
+          47.5,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FFEBEB",
+        "#FFEBEB",
+        "#445782",
+        "#EBA602",
+        "#5EEBB9",
+        "#8EE3DC",
+        "#A23045",
+        "#262222"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "BeefLiver3",
+      "Artist": "Imagine Dragons",
+      "Song": "Believer",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 39.35,
+      "Bpm": 124.999992,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.166,
+      "FileDurationLoop": 23.04,
+      "FileNameIntro": "BeefLiver3Intro.ogg",
+      "FileNameLoop": "BeefLiverLoop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -3.0,
+      "FadeOutDuration": 3.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -48.0,
+        -40.0,
+        -4.5,
+        44.0
+      ],
+      "Lyrics": [
+        [
+          -66.0,
+          "Third things third"
+        ],
+        [
+          -62.0,
+          "Third things third,\nsend a prayer to the ones up above"
+        ],
+        [
+          -57.0,
+          "All the hate that you've heard has turned"
+        ],
+        [
+          -52.0,
+          "your spirit to a dove,\noh-ooh"
+        ],
+        [
+          -44.0,
+          "(x2)\nYour spirit up above,\noh-ooooh"
+        ],
+        [
+          -34.0,
+          "I was chokin' in the crowd, building my rain up in the cloud"
+        ],
+        [
+          -27.0,
+          "Falling like ashes to the ground"
+        ],
+        [
+          -23.0,
+          "hoping my feelings, they would drown"
+        ],
+        [
+          -19.0,
+          "But they never did, ever lived, ebbin' and flowin'"
+        ],
+        [
+          -15.0,
+          "Inhibited, limited 'til it broke open"
+        ],
+        [
+          -11.0,
+          "Inhibited, limited 'til it broke open and rained down"
+        ],
+        [
+          -8.0,
+          "It rained down like"
+        ],
+        [
+          -0.1,
+          "PAIN!"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          0.5,
+          0.6
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          15.0,
+          0.0
+        ],
+        [
+          16.0,
+          0.4
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          29.0,
+          0.0
+        ],
+        [
+          30.0,
+          0.3
+        ],
+        [
+          36.0,
+          0.0
+        ],
+        [
+          37.0,
+          0.0
+        ],
+        [
+          38.0,
+          0.3
+        ],
+        [
+          44.0,
+          0.0
+        ],
+        [
+          47.5,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FFEBEB",
+        "#FFEBEB",
+        "#445782",
+        "#EBA602",
+        "#5EEBB9",
+        "#8EE3DC",
+        "#A23045",
+        "#262222"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "BeefLiver4",
+      "Artist": "Imagine Dragons",
+      "Song": "Believer",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 31.68,
+      "Bpm": 124.999992,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 35.487,
+      "FileDurationLoop": 23.04,
+      "FileNameIntro": "BeefLiver4Intro.ogg",
+      "FileNameLoop": "BeefLiver4Loop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -3.0,
+      "FadeOutDuration": 3.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -32.0,
+        -24.0,
+        -4.5,
+        44.0
+      ],
+      "Lyrics": [
+        [
+          -50.0,
+          "Last things last"
+        ],
+        [
+          -46.0,
+          "Last things last,\nby the grace\nof the fire and the flames"
+        ],
+        [
+          -41.0,
+          "You're the face of the future"
+        ],
+        [
+          -36.0,
+          "the blood in my veins, oh-ooh"
+        ],
+        [
+          -28.0,
+          "(x2)\nThe blood in my veins, oh-ooooh"
+        ],
+        [
+          -19.0,
+          "But they never did, ever lived, ebbin' and flowin'"
+        ],
+        [
+          -15.0,
+          "Inhibited, limited 'til it broke open"
+        ],
+        [
+          -11.0,
+          "Inhibited, limited 'til it broke open and rained down"
+        ],
+        [
+          -8.0,
+          "It rained down like"
+        ],
+        [
+          -0.1,
+          "PAIN!"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          0.5,
+          0.6
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          15.0,
+          0.0
+        ],
+        [
+          16.0,
+          0.4
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          29.0,
+          0.0
+        ],
+        [
+          30.0,
+          0.3
+        ],
+        [
+          36.0,
+          0.0
+        ],
+        [
+          37.0,
+          0.0
+        ],
+        [
+          38.0,
+          0.3
+        ],
+        [
+          44.0,
+          0.0
+        ],
+        [
+          47.5,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FFEBEB",
+        "#FFEBEB",
+        "#445782",
+        "#EBA602",
+        "#5EEBB9",
+        "#8EE3DC",
+        "#A23045",
+        "#262222"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Beha1",
+      "Artist": "Ленинград ft. Глюк'oZа ft. ST",
+      "Song": "Жу-Жу",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 35.23,
+      "Bpm": 81.99027,
+      "Beats": 34,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 47.15,
+      "FileDurationLoop": 24.881,
+      "FileNameIntro": "Beha1Intro.ogg",
+      "FileNameLoop": "BehaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 3.9,
+      "ColorTransitionIn": 0.1,
+      "ColorTransitionOut": 0.6,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -6.0,
+        16.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#9554F9",
+        "#3769FD",
+        "#E43B65",
+        "#59CFEA",
+        "#7F3FEE",
+        "#C831FE"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Beha2",
+      "Artist": "Ленинград ft. Глюк'oZа ft. ST",
+      "Song": "Жу-Жу",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 38.16,
+      "Bpm": 81.99027,
+      "Beats": 34,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 50.064,
+      "FileDurationLoop": 24.881,
+      "FileNameIntro": "Beha2Intro.ogg",
+      "FileNameLoop": "BehaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 3.9,
+      "ColorTransitionIn": 0.1,
+      "ColorTransitionOut": 0.6,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -6.0,
+        16.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#9554F9",
+        "#3769FD",
+        "#E43B65",
+        "#59CFEA",
+        "#7F3FEE",
+        "#C831FE"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Beha3",
+      "Artist": "Ленинград ft. Глюк'oZа ft. ST",
+      "Song": "Жу-Жу",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 35.21,
+      "Bpm": 81.99027,
+      "Beats": 34,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 47.111,
+      "FileDurationLoop": 24.881,
+      "FileNameIntro": "Beha3Intro.ogg",
+      "FileNameLoop": "BehaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 3.9,
+      "ColorTransitionIn": 0.1,
+      "ColorTransitionOut": 0.6,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -6.0,
+        16.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#9554F9",
+        "#3769FD",
+        "#E43B65",
+        "#59CFEA",
+        "#7F3FEE",
+        "#C831FE"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Chereshnya",
+      "Artist": "Дискотека Авария",
+      "Song": "Малинки",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 45.48,
+      "Bpm": 131.958755,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 46.15,
+      "FileDurationLoop": 29.1,
+      "FileNameIntro": "ChereshnyaIntro.ogg",
+      "FileNameLoop": "ChereshnyaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.3,
+      "ColorTransitionOut": 0.35,
+      "ColorTransitionEasing": "InOutCubic",
+      "FlickerLightsTimeSeries": [
+        -5.0,
+        27.0,
+        29.0,
+        59.0,
+        61.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#A01471",
+        "#CB2243",
+        "#4CAF50",
+        "#F01D7A",
+        "#AF005A",
+        "#EF355F",
+        "#FFD85D",
+        "#FF66B2",
+        "#A01471",
+        "#4CAF50",
+        "#CB2243",
+        "#F01D7A",
+        "#AF005A",
+        "#FFD85D",
+        "#EF355F",
+        "#FF66B2"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "DeployDestroy",
+      "Artist": "Noize MC",
+      "Song": "Устрой дестрой",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 40.68,
+      "Bpm": 129.878922,
+      "Beats": 32,
+      "LoopOffset": 32,
+      "Ext": "ogg",
+      "FileDurationIntro": 57.283,
+      "FileDurationLoop": 14.783,
+      "FileNameIntro": "DeployDestroyIntro.ogg",
+      "FileNameLoop": "DeployDestroyLoop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -38.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.25,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -101.0,
+        -93.0,
+        -77.0,
+        -61.0,
+        -37.0,
+        -5.0,
+        27.0
+      ],
+      "Lyrics": [
+        [
+          -111.0,
+          "Deploy Destroy, porjadok eto otstoj"
+        ],
+        [
+          -103.0,
+          "Krushi, lomaj, trjasi bashkoju pustoj"
+        ],
+        [
+          -95.0,
+          "Dopej, razbej i novuju otkryvaj"
+        ],
+        [
+          -87.0,
+          "Davaj-davaj!"
+        ],
+        [
+          -79.0,
+          "Chestnoe slovo ja nevinoven"
+        ],
+        [
+          -75.0,
+          "Ja ne pomnju, otkuda stol'ko krovi"
+        ],
+        [
+          -71.0,
+          "Na moih ladonjah\nyi moej odezhde"
+        ],
+        [
+          -67.0,
+          "Ja nikogda nikogo\nne bil prezhde"
+        ],
+        [
+          -63.0,
+          "Ja nikogda nichego\nne pil prezhde"
+        ],
+        [
+          -59.0,
+          "Byl tih, spokoen,\nso vsemi vezhliv"
+        ],
+        [
+          -55.0,
+          "Vsegda tol'ko v urnu\nbrosal musor"
+        ],
+        [
+          -51.0,
+          "Obhodil storonoj shumnye tusy"
+        ],
+        [
+          -47.0,
+          "Zapreshhjonnyh veshhestv nikakih ne juzal"
+        ],
+        [
+          -43.0,
+          "Byl polozhitel'nej samogo pljusa"
+        ],
+        [
+          -39.0,
+          "A potom kak-to raz\njetu pesnju uslyshal"
+        ],
+        [
+          -35.0,
+          "I vsjo proshhaj, moja krysha"
+        ],
+        [
+          -31.0,
+          "Deploy Destroy, porjadok eto otstoj"
+        ],
+        [
+          -23.0,
+          "Krushi, lomaj, trjasi bashkoju pustoj"
+        ],
+        [
+          -15.0,
+          "Dopej, razbej i novuju otkryvaj"
+        ],
+        [
+          -7.0,
+          "Davaj-davaj!"
+        ],
+        [
+          1.0,
+          "Deploy Destroy, porjadok eto otstoj"
+        ],
+        [
+          9.0,
+          "Krushi, lomaj, trjasi bashkoju pustoj"
+        ],
+        [
+          17.0,
+          "Dopej, razbej i novuju otkryvaj"
+        ],
+        [
+          25.0,
+          "Davaj-davaj!"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -48.0,
+          0.0
+        ],
+        [
+          -46.0,
+          0.7
+        ],
+        [
+          -42.0,
+          0.0
+        ],
+        [
+          16.0,
+          0.0
+        ],
+        [
+          19.0,
+          0.3
+        ],
+        [
+          23.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#217F87",
+        "#BAFF00",
+        "#73BE25",
+        "#78AB4E",
+        "#FFFF00"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "DiscoKapot",
+      "Artist": "Дискотека Авария",
+      "Song": "Новогодняя",
+      "IsExplicit": false,
+      "Season": "New Year",
+      "Language": "Russian",
+      "WindUpTimer": 30.3,
+      "Bpm": 67.01337,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 33.933,
+      "FileDurationLoop": 28.651,
+      "FileNameIntro": "DiscoKapotIntro.ogg",
+      "FileNameLoop": "DiscoKapotLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.6,
+      "ColorTransitionEasing": "InOutExpo",
+      "FlickerLightsTimeSeries": [
+        -32.0,
+        -24.0,
+        -16.0,
+        16.0,
+        32.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.25,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#0B6623",
+        "#FF2D2D",
+        "#FFD700",
+        "#00BFFF",
+        "#9400D3",
+        "#00FF7F"
+      ],
+      "GameOverText": "[NEXT YEAR -- DEFINITELY]"
+    },
+    {
+      "Enabled": true,
+      "Name": "Durochka",
+      "Artist": "Би-2",
+      "Song": "Дурочка",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 37.0,
+      "Bpm": 129.9686,
+      "Beats": 40,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 38.833,
+      "FileDurationLoop": 18.466,
+      "FileNameIntro": "DurochkaIntro.ogg",
+      "FileNameLoop": "DurochkaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -7.0,
+      "FadeOutDuration": 7.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -9.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#5986FE",
+        "#FEFEDC",
+        "#FF4FDF",
+        "#FEFEDC",
+        "#FFAA23",
+        "#FEFEDC",
+        "#F95A5A",
+        "#FEFEDC"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "GodMode",
+      "Artist": "Fall Out Boy",
+      "Song": "Immortals",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 40.38,
+      "Bpm": 108.016876,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 42.6,
+      "FileDurationLoop": 35.55,
+      "FileNameIntro": "GodModeIntro.ogg",
+      "FileNameLoop": "GodModeLoop.ogg",
+      "BeatsOffset": 0.1,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.5,
+      "ColorTransitionOut": 0.5,
+      "ColorTransitionEasing": "OutCubic",
+      "FlickerLightsTimeSeries": [
+        -5.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          0.0,
+          0.7
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          63.5,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FBDBDB",
+        "#4B81FF",
+        "#564242",
+        "#C90AE2",
+        "#FBDBDB",
+        "#61CBE3",
+        "#564242",
+        "#ED3131"
+      ],
+      "GameOverText": "[COULD'VE BEEN: IMMORTAL]"
+    },
+    {
+      "Enabled": true,
+      "Name": "Gorgorod",
+      "Artist": "Oxxxymiron",
+      "Song": "Город под подошвой",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 43.2,
+      "Bpm": 90.0,
+      "Beats": 24,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 47.866,
+      "FileDurationLoop": 16.0,
+      "FileNameIntro": "GorgorodIntro.ogg",
+      "FileNameLoop": "GorgorodLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -2.0,
+      "FadeOutDuration": 2.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.25,
+      "ColorTransitionEasing": "InExpo",
+      "FlickerLightsTimeSeries": [
+        20.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#42367E",
+        "#FF9400",
+        "#932A04",
+        "#FF9400",
+        "#932A04",
+        "#42367E",
+        "#FF9400",
+        "#932A04"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "HighLow",
+      "Artist": "Nirvana",
+      "Song": "Smells Like Teen Spirit",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 37.12,
+      "Bpm": 117.873367,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 40.3,
+      "FileDurationLoop": 24.433,
+      "FileNameIntro": "HighLowIntro.ogg",
+      "FileNameLoop": "HighLowLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -1.5,
+      "FadeOutDuration": 1.5,
+      "ColorTransitionIn": 0.75,
+      "ColorTransitionOut": 0.25,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -33.0,
+        39.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -2.0,
+          0.0
+        ],
+        [
+          -1.0,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          -2.0,
+          0.0
+        ],
+        [
+          -1.0,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#2E2E28",
+        "#DFA24D",
+        "#2E2E28",
+        "#DFA24D",
+        "#2E2E28",
+        "#DFA24D",
+        "#2E2E28",
+        "#DFA24D"
+      ],
+      "GameOverText": "[LIFE SUPORT: NIRVANA]"
+    },
+    {
+      "Enabled": true,
+      "Name": "IkWilJe",
+      "Artist": "My Chemical Romance",
+      "Song": "All I Want for Christmas Is You",
+      "IsExplicit": false,
+      "Season": "New Year",
+      "Language": "English",
+      "WindUpTimer": 43.03,
+      "Bpm": 82.11054,
+      "Beats": 54,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 63.815,
+      "FileDurationLoop": 39.459,
+      "FileNameIntro": "IkWilJeIntro.ogg",
+      "FileNameLoop": "IkWilJeLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -14.0,
+      "FadeOutDuration": 12.0,
+      "ColorTransitionIn": 0.01,
+      "ColorTransitionOut": 0.99,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        31.45
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.25,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#0B6623",
+        "#FF2D2D",
+        "#FFD700",
+        "#00BFFF",
+        "#9400D3",
+        "#00FF7F"
+      ],
+      "GameOverText": "[NEXT YEAR -- DEFINITELY]"
+    },
+    {
+      "Enabled": true,
+      "Name": "Kach",
+      "Artist": "Black Eyed Peas",
+      "Song": "Pump It",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 47.3,
+      "Bpm": 153.6,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 48.866,
+      "FileDurationLoop": 18.75,
+      "FileNameIntro": "KachIntro.ogg",
+      "FileNameLoop": "KachLoop.ogg",
+      "BeatsOffset": 0.4,
+      "FadeOutBeat": -6.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.8,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -120.5,
+        -105.0,
+        -89.0,
+        -8.0,
+        44.0,
+        45.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#7774DE",
+        "#1EA59A",
+        "#3BC457",
+        "#3BC457",
+        "#CA6935",
+        "#A82615",
+        "#A7AA43",
+        "#A7AA43",
+        "#4C2B81",
+        "#2E802B",
+        "#C952E7",
+        "#C952E7"
+      ],
+      "GameOverText": "[DIDN'T PUMP IT: LOUDER]"
+    },
+    {
+      "Enabled": true,
+      "Name": "MoyaZhittya",
+      "Artist": "Bon Jovi",
+      "Song": "It's My Life",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 34.53,
+      "Bpm": 120.0,
+      "Beats": 32,
+      "LoopOffset": 32,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.533,
+      "FileDurationLoop": 16.0,
+      "FileNameIntro": "MoyaZhittyaIntro.ogg",
+      "FileNameLoop": "MoyaZhittyaLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -35.0,
+      "FadeOutDuration": 3.3,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.5,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -100.5,
+        -99.5,
+        -92.5,
+        -91.5,
+        -76.5,
+        -75.5,
+        -60.5,
+        -59.5,
+        -37.0,
+        -36.0,
+        -4.5,
+        -3.5,
+        27.5,
+        28.5
+      ],
+      "Lyrics": [
+        [
+          -84.0,
+          "This ain't a song for the broken-hearted"
+        ],
+        [
+          -68.0,
+          "No silent prayer for the faith-departed"
+        ],
+        [
+          -52.0,
+          "I ain't gonna be"
+        ],
+        [
+          -48.0,
+          "I ain't gonna be\njust a face in the crowd"
+        ],
+        [
+          -45.0,
+          "YOU'RE"
+        ],
+        [
+          -44.0,
+          "you're GONNA"
+        ],
+        [
+          -43.5,
+          "you're gonna HEAR"
+        ],
+        [
+          -43.0,
+          "you're gonna hear\nMY"
+        ],
+        [
+          -42.0,
+          "you're gonna hear\nmy VOICE"
+        ],
+        [
+          -41.0,
+          "WHEN I"
+        ],
+        [
+          -40.0,
+          "When I SHOUT IT"
+        ],
+        [
+          -39.0,
+          "When I shout it\nOUT LOUD"
+        ],
+        [
+          -34.0,
+          "IT'S MY"
+        ],
+        [
+          -32.0,
+          "IT'S MY\nLIIIIIFE"
+        ],
+        [
+          -28.0,
+          "And it's now or never"
+        ],
+        [
+          -22.0,
+          "I ain't gonna"
+        ],
+        [
+          -20.0,
+          "I ain't gonna\nlive forever"
+        ],
+        [
+          -14.0,
+          "I just want to live"
+        ],
+        [
+          -10.0,
+          "I just want to live\nwhile I'm alive"
+        ],
+        [
+          -2.0,
+          "IT'S MY"
+        ],
+        [
+          0.0,
+          "IT'S MY\nLIIIIIFE"
+        ],
+        [
+          2.0,
+          "My heart is like"
+        ],
+        [
+          4.0,
+          "My heart is like\nan open highway"
+        ],
+        [
+          10.0,
+          "Like Frankie said,"
+        ],
+        [
+          12.0,
+          "Like Frankie said,\n\"I did it my way\""
+        ],
+        [
+          18.0,
+          "I just want to live"
+        ],
+        [
+          22.0,
+          "I just want to live\nwhile I'm alive"
+        ],
+        [
+          30.0,
+          "IT'S MY"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -33.0,
+          0.0
+        ],
+        [
+          -31.0,
+          0.7
+        ],
+        [
+          -1.0,
+          0.0
+        ],
+        [
+          1.0,
+          0.7
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          31.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#A8C480",
+        "#3ABBBE",
+        "#6E9855",
+        "#4C6846",
+        "#748084",
+        "#058099"
+      ],
+      "GameOverText": "[LIFE IS: NOW OR NEVER]"
+    },
+    {
+      "Enabled": true,
+      "Name": "MuzikaGromche",
+      "Artist": "Пошлая Молли",
+      "Song": "Нон стоп",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 46.3,
+      "Bpm": 129.729721,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 50.283,
+      "FileDurationLoop": 29.6,
+      "FileNameIntro": "MuzikaGromcheIntro.ogg",
+      "FileNameLoop": "MuzikaGromcheLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -3.0,
+      "FadeOutDuration": 3.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.25,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -5.0,
+        29.0,
+        61.0
+      ],
+      "Lyrics": [
+        [
+          -68.0,
+          "Devchata pljashut pod spidami"
+        ],
+        [
+          -60.0,
+          "A ty stoish', kak vkopannyj"
+        ],
+        [
+          -52.0,
+          "Krossovkami lomajut pol"
+        ],
+        [
+          -44.0,
+          "A ty stoish', kak vkopannyj"
+        ],
+        [
+          -36.0,
+          "Ja-ja-ja znaju, chto ty hochesh',"
+        ],
+        [
+          -32.0,
+          "Ja-ja-ja znaju, chto ty hochesh',\nTy hochesh' tancevat'"
+        ],
+        [
+          -28.0,
+          "Nu-nu zhe, nu davaj zhe,"
+        ],
+        [
+          -24.0,
+          "Nu-nu zhe, nu davaj zhe,\nNu-nu zhe, nu davaj zhe"
+        ],
+        [
+          -20.0,
+          "Ja znaju, chto ty znaesh'\nJetot trek, gotov'sja podpevat'"
+        ],
+        [
+          -12.0,
+          "1) RAZ"
+        ],
+        [
+          -10.0,
+          "raz, DVA"
+        ],
+        [
+          -8.0,
+          "raz, 2wo,\nTRI"
+        ],
+        [
+          -6.0,
+          "ras, dva,\n7ri, 4ETYRE"
+        ],
+        [
+          -1.0,
+          "Muzyka Gromche\nGlaza zakryty >_<"
+        ],
+        [
+          6.0,
+          "This is NON-STOP,\nNoch'ju otkrytij"
+        ],
+        [
+          12.0,
+          "Delaj chto hochesh', ja zabyvajus'"
+        ],
+        [
+          22.0,
+          "This is NON-STOP,\nne prekrashhajas'"
+        ],
+        [
+          31.0,
+          "Muzyka Gromche\nGlaza zakryty -.-"
+        ],
+        [
+          38.0,
+          "This is NON-STOP,\nNoch'ju otkrytij"
+        ],
+        [
+          46.0,
+          "Budu s toboju,\nsamoj primernoju"
+        ],
+        [
+          54.0,
+          "Utro v okne\nyi my budem pervye"
+        ],
+        [
+          63.0,
+          "Muzyka Gromche\nGlaza zakryty >_<"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -2.0,
+          0.0
+        ],
+        [
+          0.0,
+          0.4
+        ],
+        [
+          1.0,
+          0.6
+        ],
+        [
+          3.0,
+          0.0
+        ],
+        [
+          30.0,
+          0.0
+        ],
+        [
+          32.0,
+          0.5
+        ],
+        [
+          33.0,
+          0.7
+        ],
+        [
+          35.0,
+          0.0
+        ],
+        [
+          62.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#B300FF",
+        "#FFF100",
+        "#00FF51",
+        "#474747",
+        "#FF00B3",
+        "#0070FF"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "OnePartiyaUdar",
+      "Artist": "One-Punch Man",
+      "Song": "Opening",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Japanese",
+      "WindUpTimer": 41.27,
+      "Bpm": 130.06955,
+      "Beats": 48,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 44.983,
+      "FileDurationLoop": 22.142,
+      "FileNameIntro": "OnePartiyaUdarIntro.ogg",
+      "FileNameLoop": "OnePartiyaUdarLoop.ogg",
+      "BeatsOffset": 0.3,
+      "FadeOutBeat": -8.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.6,
+      "ColorTransitionOut": 0.15,
+      "ColorTransitionEasing": "InOutExpo",
+      "FlickerLightsTimeSeries": [
+        -68.5,
+        -16.5,
+        30.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#9C3C37",
+        "#E9BF5C",
+        "#B5E3EA",
+        "#662422",
+        "#EBC3A8",
+        "#AA8238"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Paarden",
+      "Artist": "Элизиум",
+      "Song": "Три белых коня",
+      "IsExplicit": false,
+      "Season": "New Year",
+      "Language": "Russian",
+      "WindUpTimer": 36.12,
+      "Bpm": 93.05482,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 41.45,
+      "FileDurationLoop": 20.633,
+      "FileNameIntro": "PaardenIntro.ogg",
+      "FileNameLoop": "PaardenLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutCubic",
+      "FlickerLightsTimeSeries": [
+        31.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.25,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#F0FBFF",
+        "#9ED9FF",
+        "#0B95FF",
+        "#66C7FF",
+        "#CAE8FF",
+        "#3BB6FF"
+      ],
+      "GameOverText": "[NEXT YEAR -- DEFINITELY]"
+    },
+    {
+      "Enabled": true,
+      "Name": "Peretasovka",
+      "Artist": "LMFAO",
+      "Song": "Party Rock Anthem",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 39.68,
+      "Bpm": 130.612244,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 40.6,
+      "FileDurationLoop": 14.7,
+      "FileNameIntro": "PeretasovkaIntro.ogg",
+      "FileNameLoop": "PeretasovkaLoop.ogg",
+      "BeatsOffset": 0.3,
+      "FadeOutBeat": -6.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -8.0,
+        31.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#65C7FA",
+        "#FCEB3C",
+        "#89FC8F",
+        "#FEE9E9",
+        "#FC3C9D",
+        "#FCEB3C",
+        "#89FC8F",
+        "#FC3C9D"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "PickUpSticks1",
+      "Artist": "t.A.T.u.",
+      "Song": "Show Me Love",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 38.5,
+      "Bpm": 99.89074,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.413,
+      "FileDurationLoop": 38.442,
+      "FileNameIntro": "PickUpSticks1Intro.ogg",
+      "FileNameLoop": "PickUpSticksLoop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -2.0,
+      "FadeOutDuration": 2.0,
+      "ColorTransitionIn": 0.6,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InOutCubic",
+      "FlickerLightsTimeSeries": [
+        -36.0,
+        -4.0,
+        32.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.5,
+          0.5
+        ],
+        [
+          3.0,
+          0.0
+        ],
+        [
+          32.0,
+          0.0
+        ],
+        [
+          34.0,
+          0.3
+        ],
+        [
+          40.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          23.0,
+          0.0
+        ],
+        [
+          28.0,
+          0.6
+        ],
+        [
+          31.0,
+          0.0
+        ],
+        [
+          34.0,
+          0.0
+        ],
+        [
+          38.0,
+          0.7
+        ],
+        [
+          52.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#EEA0A5",
+        "#EEA0A5"
+      ],
+      "GameOverText": "[LOVE SUPPORT: OFFLINE]"
+    },
+    {
+      "Enabled": true,
+      "Name": "PickUpSticks2",
+      "Artist": "t.A.T.u.",
+      "Song": "Show Me Love",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 38.47,
+      "Bpm": 99.89074,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.404,
+      "FileDurationLoop": 38.442,
+      "FileNameIntro": "PickUpSticks2Intro.ogg",
+      "FileNameLoop": "PickUpSticksLoop.ogg",
+      "BeatsOffset": 0.2,
+      "FadeOutBeat": -2.0,
+      "FadeOutDuration": 2.0,
+      "ColorTransitionIn": 0.6,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InOutCubic",
+      "FlickerLightsTimeSeries": [
+        -36.0,
+        -4.0,
+        32.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.5,
+          0.5
+        ],
+        [
+          3.0,
+          0.0
+        ],
+        [
+          32.0,
+          0.0
+        ],
+        [
+          34.0,
+          0.3
+        ],
+        [
+          40.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          23.0,
+          0.0
+        ],
+        [
+          28.0,
+          0.5
+        ],
+        [
+          31.0,
+          0.0
+        ],
+        [
+          34.0,
+          0.0
+        ],
+        [
+          38.0,
+          0.5
+        ],
+        [
+          52.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#CA71FC",
+        "#D01760",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#FC933C",
+        "#FC933C",
+        "#FC3C9D",
+        "#FC3C9D",
+        "#EEA0A5",
+        "#EEA0A5",
+        "#CA71FC",
+        "#CA71FC",
+        "#D01760",
+        "#D01760",
+        "#EEA0A5",
+        "#EEA0A5"
+      ],
+      "GameOverText": "[LOVE SUPPORT: OFFLINE]"
+    },
+    {
+      "Enabled": true,
+      "Name": "PWNED",
+      "Artist": "CYBEЯIA",
+      "Song": "Russian Hackers",
+      "IsExplicit": true,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 39.73,
+      "Bpm": 289.8113,
+      "Beats": 128,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 59.633,
+      "FileDurationLoop": 26.5,
+      "FileNameIntro": "PWNEDIntro.ogg",
+      "FileNameLoop": "PWNEDLoop.ogg",
+      "BeatsOffset": -0.2,
+      "FadeOutBeat": -8.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.5,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InExpo",
+      "FlickerLightsTimeSeries": [
+        -136.0,
+        -72.0,
+        -12.0,
+        88.0
+      ],
+      "Lyrics": [
+        [
+          -190.0,
+          "These Russian hackers have been"
+        ],
+        [
+          -184.0,
+          "in these US governments\nsince March"
+        ],
+        [
+          -172.0,
+          "and it is an extraordinary invasion of our cyberspace"
+        ],
+        [
+          -152.0,
+          "Russian hackers got access to sensitive"
+        ],
+        [
+          -142.0,
+          "parts of the White House email system..."
+        ],
+        [
+          -134.0,
+          "[They began to recognize...]"
+        ],
+        [
+          -126.0,
+          "<Russian hackers/>"
+        ],
+        [
+          -118.0,
+          "<Russian hackers/>\n X__X"
+        ],
+        [
+          -110.0,
+          "Gonna crack your"
+        ],
+        [
+          -102.0,
+          "Gonna crack your\nStrongest pa$$words%123"
+        ],
+        [
+          -94.0,
+          "You popped online"
+        ],
+        [
+          -86.0,
+          "You popped online\nTo look for sneakers"
+        ],
+        [
+          -78.0,
+          "My hand just popped"
+        ],
+        [
+          -70.0,
+          "My hand just popped\nRight in your knickers >_< "
+        ],
+        [
+          -62.0,
+          "Keystrokes like Uzi"
+        ],
+        [
+          -54.0,
+          "Keystrokes like Uzi\nWill make you go all goosey"
+        ],
+        [
+          -46.0,
+          "Kicking down your backdoor"
+        ],
+        [
+          -38.0,
+          "Kicking down your backdoor\nCount down before you lose it"
+        ],
+        [
+          -30.0,
+          "Keystrokes like Uzi"
+        ],
+        [
+          -22.0,
+          "Keystrokes like Uzi\nWill make you go all goosey"
+        ],
+        [
+          -14.0,
+          "Kicking down your backdoor"
+        ],
+        [
+          -6.0,
+          "Kicking down your backdoor\nCount down before you lose it"
+        ],
+        [
+          0.0,
+          "C:\\> $Ru55ian hack3rs"
+        ],
+        [
+          4.0,
+          "C:\\> $Ru55ian hack3rs\n O__o"
+        ],
+        [
+          8.0,
+          "Infamous White House attackers"
+        ],
+        [
+          16.0,
+          "Stealing your cookies\nto this beat"
+        ],
+        [
+          24.0,
+          "Counting crypto to\nembarrass Wall Street"
+        ],
+        [
+          32.0,
+          "Russi?n ^hackers\tЯushan h@ckers###"
+        ],
+        [
+          34.0,
+          "\tЯushan h@ckers###\n   X_X"
+        ],
+        [
+          36.0,
+          "Russi?n ^hackers\n--.--\tЯushan h@ckers###\n  X___X"
+        ],
+        [
+          38.0,
+          "\tЯushan h@ckers###\n X_____X"
+        ],
+        [
+          40.0,
+          "Infamous White House attackers"
+        ],
+        [
+          48.0,
+          "Stealing your cookies\nto this beat"
+        ],
+        [
+          56.0,
+          "Counting crypto to\nembarrass Wall Street"
+        ],
+        [
+          80.0,
+          "Instling min3r.exe\t\t\tresolving ur private IP\n/"
+        ],
+        [
+          82.0,
+          "Instling min3r.exe\n00% [8=D            ]\tHenllo ${username = \"user\"}\t\tresolving ur private IP\n-"
+        ],
+        [
+          84.0,
+          "Instling min3r.exe\n34% [8====D         ]\t\t\tresolving ur private IP\n\\"
+        ],
+        [
+          86.0,
+          "Instling min3r.exe\n69% [8=========D    ]\t\t\tresolving ur private IP\n| Trying... 127.0.0.1"
+        ],
+        [
+          88.0,
+          "Instling min3r.exe\n95% [8============D ]\t\tWhere did you download\nthis < mod / dll > from?\tresolving ur private IP\n Trying... 127.0.0.1/"
+        ],
+        [
+          90.0,
+          "Instling min3r.exe\n99% [8=============D]\t\t\tresolving ur private IP\n- Trying... 127.0.0.1"
+        ],
+        [
+          92.0,
+          "Encrpt1ng f!les.. \n99% [8=============D]\t\t\tresolving ur private IP\n\\ Trying... 127.0.0.1"
+        ],
+        [
+          94.0,
+          "Encrpt1ng f!les...\n100% enj0y \\o/\t\t\tresolving ur private IP\n| Trying... 127.0.0.1"
+        ],
+        [
+          96.0,
+          "\t\t\tresolving ur private IP\n/ Trying... 127.0.0.1"
+        ],
+        [
+          98.0,
+          "\t\t\tresolving ur private IP\nP_WNED"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -128.0,
+          0.0
+        ],
+        [
+          -127.0,
+          0.7
+        ],
+        [
+          -116.0,
+          0.0
+        ],
+        [
+          68.0,
+          0.0
+        ],
+        [
+          72.0,
+          0.3
+        ],
+        [
+          88.0,
+          0.5
+        ],
+        [
+          98.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FFFFFF",
+        "#0032A0",
+        "#DA291C",
+        "#000000",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#FFFFFF",
+        "#0032A0",
+        "#DA291C",
+        "#000000",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#9E9E9E",
+        "#383838",
+        "#383838",
+        "#383838",
+        "#383838",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#5E5E5E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#2E2E2E",
+        "#666666",
+        "#666666",
+        "#666666",
+        "#666666",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#4B4B4B",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#8E8E8E",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#1D1D1D",
+        "#1D1D1D"
+      ],
+      "GameOverText": "[HACK3D BY: RUSSI4NS]"
+    },
+    {
+      "Enabled": true,
+      "Name": "ReelGoon",
+      "Artist": "John Shanks and Sheryl Crow",
+      "Song": "Real Gone",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 45.15,
+      "Bpm": 117.997726,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 47.45,
+      "FileDurationLoop": 32.543,
+      "FileNameIntro": "ReelGoonIntro.ogg",
+      "FileNameLoop": "ReelGoonLoop.ogg",
+      "BeatsOffset": -0.35,
+      "FadeOutBeat": -2.0,
+      "FadeOutDuration": 2.0,
+      "ColorTransitionIn": 0.1,
+      "ColorTransitionOut": 0.35,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -41.0,
+        61.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          -0.05,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ],
+        [
+          60.0,
+          0.0
+        ],
+        [
+          61.0,
+          0.5
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#DE1C31",
+        "#F7E26B",
+        "#3D3D3D",
+        "#FBB040",
+        "#ED4E4A",
+        "#F0BD37",
+        "#E41E2E",
+        "#2E2D2B"
+      ],
+      "GameOverText": "[LIFE SUPPORT: REAL GONE]"
+    },
+    {
+      "Enabled": true,
+      "Name": "RiseAndShine",
+      "Artist": "Fall Out Boy",
+      "Song": "The Phoenix",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 59.87,
+      "Bpm": 137.8815,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 61.616,
+      "FileDurationLoop": 27.85,
+      "FileNameIntro": "RiseAndShineIntro.ogg",
+      "FileNameLoop": "RiseAndShineLoop.ogg",
+      "BeatsOffset": 0.1,
+      "FadeOutBeat": -4.5,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.5,
+      "ColorTransitionOut": 0.5,
+      "ColorTransitionEasing": "OutCubic",
+      "FlickerLightsTimeSeries": [
+        -5.5,
+        31.0,
+        63.9
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -0.5,
+          0.0
+        ],
+        [
+          0.0,
+          0.7
+        ],
+        [
+          8.0,
+          0.0
+        ],
+        [
+          63.5,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FC6F3C",
+        "#3CB0FC",
+        "#FCD489",
+        "#564242",
+        "#FC6F3C",
+        "#3CB0FC",
+        "#63E98C",
+        "#866868"
+      ],
+      "GameOverText": "[ HEY, YOUNG BLOOD ]"
+    },
+    {
+      "Enabled": true,
+      "Name": "Song2",
+      "Artist": "Витас",
+      "Song": "Опера #2",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 38.63,
+      "Bpm": 50.0,
+      "Beats": 34,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 43.433,
+      "FileDurationLoop": 40.8,
+      "FileNameIntro": "Song2Intro.ogg",
+      "FileNameLoop": "Song2Loop.ogg",
+      "BeatsOffset": 0.1,
+      "FadeOutBeat": -2.0,
+      "FadeOutDuration": 2.0,
+      "ColorTransitionIn": 0.3,
+      "ColorTransitionOut": 0.3,
+      "ColorTransitionEasing": "InCubic",
+      "FlickerLightsTimeSeries": [
+        2.5
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FFD3E3",
+        "#78A0FF",
+        "#FFD3E3",
+        "#74A392",
+        "#FFD3E3",
+        "#E4B082",
+        "#FFD3E3",
+        "#E277AA"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "TwoFastTuFurious",
+      "Artist": "t.A.T.u.",
+      "Song": "Not Gonna Get Us / Нас не догонят",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 36.08,
+      "Bpm": 130.034317,
+      "Beats": 96,
+      "LoopOffset": 48,
+      "Ext": "ogg",
+      "FileDurationIntro": 39.308,
+      "FileDurationLoop": 44.296,
+      "FileNameIntro": "TwoFastTuFuriousIntro.ogg",
+      "FileNameLoop": "TwoFastTuFuriousLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -54.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.6,
+      "ColorTransitionEasing": "InOutCubic",
+      "FlickerLightsTimeSeries": [
+        -80.0,
+        -14.0,
+        34.0,
+        82.0
+      ],
+      "Lyrics": [
+        [
+          -126.0,
+          "Starting from here,\nlet's make a promise"
+        ],
+        [
+          -110.0,
+          "You and me, let's just be honest"
+        ],
+        [
+          -100.0,
+          "We're gonna run,\nnothing can stop us"
+        ],
+        [
+          -89.0,
+          "Even the night,\nthat falls all around us"
+        ],
+        [
+          -80.0,
+          "Soon there will be\nlaughter and voices"
+        ],
+        [
+          -70.0,
+          "Beyond the clouds,\nover the mountains"
+        ],
+        [
+          -62.0,
+          "We'll run away,\non roads that are empty"
+        ],
+        [
+          -55.0,
+          "Lights from the airfield,\nshining upon you"
+        ],
+        [
+          -48.0,
+          "Nothing can stop this"
+        ],
+        [
+          -44.0,
+          "Nothing can stop this,\nnot now, I love you"
+        ],
+        [
+          -40.0,
+          "They're not gonna get us"
+        ],
+        [
+          -36.0,
+          "They're not gonna get us\nTHEY'RE NOT GONNA GET US"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -48.0,
+          0.0
+        ],
+        [
+          -47.75,
+          0.5
+        ],
+        [
+          -42.0,
+          0.0
+        ],
+        [
+          0.0,
+          0.0
+        ],
+        [
+          0.25,
+          0.5
+        ],
+        [
+          6.0,
+          0.0
+        ],
+        [
+          48.0,
+          0.0
+        ],
+        [
+          48.25,
+          0.5
+        ],
+        [
+          54.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [
+        [
+          -24.0,
+          0.0
+        ],
+        [
+          -23.75,
+          0.5
+        ],
+        [
+          -18.0,
+          0.0
+        ],
+        [
+          24.0,
+          0.0
+        ],
+        [
+          24.25,
+          0.5
+        ],
+        [
+          30.0,
+          0.0
+        ],
+        [
+          72.0,
+          0.0
+        ],
+        [
+          72.25,
+          0.5
+        ],
+        [
+          78.0,
+          0.0
+        ]
+      ],
+      "Palette": [
+        "#F0FBFF",
+        "#9ED9FF",
+        "#0B95FF",
+        "#66C7FF",
+        "#CAE8FF",
+        "#3BB6FF"
+      ],
+      "GameOverText": "[ O NOES, THEY GOT US ]"
+    },
+    {
+      "Enabled": true,
+      "Name": "VseVZale",
+      "Artist": "Дискотека Авария",
+      "Song": " Х.Х.Х.И.Р.Н.Р.",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Russian",
+      "WindUpTimer": 38.28,
+      "Bpm": 137.965729,
+      "Beats": 64,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 40.016,
+      "FileDurationLoop": 27.833,
+      "FileNameIntro": "VseVZaleIntro.ogg",
+      "FileNameLoop": "VseVZaleLoop.ogg",
+      "BeatsOffset": 0.25,
+      "FadeOutBeat": -3.0,
+      "FadeOutDuration": 2.5,
+      "ColorTransitionIn": 0.25,
+      "ColorTransitionOut": 0.25,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -5.0,
+        29.0,
+        59.0
+      ],
+      "Lyrics": [
+        [
+          -30.0,
+          "VSE V ZALE\nDvigajtes' s nami"
+        ],
+        [
+          -24.0,
+          "Chtob sotrjasalis'\nSami my, steny i pol!"
+        ],
+        [
+          -14.0,
+          "Vse znaem - jeto examen na dom nam zadan"
+        ],
+        [
+          -4.0,
+          "HIP-HOP, HOUSE & ROCK-N-ROLL"
+        ],
+        [
+          2.0,
+          "VSE V ZALE\nDvigajtes' s nami"
+        ],
+        [
+          8.0,
+          "Chtob sotrjasalis'\nSami my, steny i pol!"
+        ],
+        [
+          18.0,
+          "Vse znaem - jeto examen na dom nam zadan"
+        ],
+        [
+          28.0,
+          "HIP-HOP, HOUSE & ROCK-N-ROLL"
+        ],
+        [
+          32.0,
+          "O-o-o-o! Zdes' startuet hip-hop party"
+        ],
+        [
+          44.0,
+          "Tolstyj paren', nam igraj!"
+        ],
+        [
+          48.0,
+          "O-o-o-o! Pesen i devchonok hvatit!"
+        ],
+        [
+          60.0,
+          "Everybody shake your body"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#00D1FF",
+        "#6696FB",
+        "#704DF8",
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#00D1FF",
+        "#6696FB",
+        "#704DF8",
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#00D1FF",
+        "#6696FB",
+        "#704DF8",
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#00D1FF",
+        "#6696FB",
+        "#704DF8",
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#00D1FF",
+        "#6696FB",
+        "#704DF8",
+        "#FF7F00",
+        "#FFB600",
+        "#FFED00",
+        "#FFED00",
+        "#00D1FF",
+        "#00D1FF",
+        "#6696FB",
+        "#6696FB",
+        "#704DF8",
+        "#704DF8",
+        "#FF7F00",
+        "#FF7F00",
+        "#FFB600",
+        "#FFB600",
+        "#FFED00",
+        "#FFED00",
+        "#00D1FF",
+        "#00D1FF",
+        "#6696FB",
+        "#6696FB",
+        "#704DF8",
+        "#704DF8",
+        "#FF7F00",
+        "#FF7F00",
+        "#FFB600",
+        "#FFB600",
+        "#FFED00",
+        "#FFED00",
+        "#00D1FF",
+        "#00D1FF",
+        "#6696FB",
+        "#6696FB",
+        "#704DF8",
+        "#704DF8"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "Whistle",
+      "Artist": "Flo Rida",
+      "Song": "Whistle",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "English",
+      "WindUpTimer": 41.27,
+      "Bpm": 104.016182,
+      "Beats": 48,
+      "LoopOffset": 16,
+      "Ext": "ogg",
+      "FileDurationIntro": 52.433,
+      "FileDurationLoop": 27.688,
+      "FileNameIntro": "WhistleIntro.ogg",
+      "FileNameLoop": "WhistleLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -22.0,
+      "FadeOutDuration": 6.0,
+      "ColorTransitionIn": 0.5,
+      "ColorTransitionOut": 0.2,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -20.0,
+        12.0
+      ],
+      "Lyrics": [
+        [
+          -40.0,
+          "Can you blow my whistle, baby, whistle, baby?"
+        ],
+        [
+          -36.0,
+          "Can you blow my whistle, baby, whistle, baby? Let me know"
+        ],
+        [
+          -33.5,
+          "Girl, I'm gonna show you how to\ndo it"
+        ],
+        [
+          -30.5,
+          "Girl, I'm gonna show you how to\ndo it and we start real slow"
+        ],
+        [
+          -27.0,
+          "You just put your lips together"
+        ],
+        [
+          -24.0,
+          "You just put your lips together and you come real close"
+        ],
+        [
+          -21.0,
+          "Can you blow my whistle, baby, whistle, baby?"
+        ],
+        [
+          -17.0,
+          "HERE WE GO"
+        ],
+        [
+          10.0,
+          "Yeah, baby, make that whistle"
+        ],
+        [
+          12.0,
+          "Yeah, baby, make that whistle\nblow oh oh oh"
+        ],
+        [
+          15.0,
+          "Can you blow my whistle, baby, whistle, baby?"
+        ],
+        [
+          20.0,
+          "Can you blow my whistle, baby, whistle, baby? Let me know"
+        ],
+        [
+          23.0,
+          "Girl, I'm gonna show you how to\ndo it"
+        ],
+        [
+          28.0,
+          "Girl, I'm gonna show you how to\ndo it and we start real slow"
+        ],
+        [
+          32.0,
+          "You just put your lips together"
+        ],
+        [
+          36.0,
+          "You just put your lips together and you come real close"
+        ],
+        [
+          39.0,
+          "Can you blow my whistle, baby, whistle, baby?"
+        ],
+        [
+          46.0,
+          "HERE"
+        ],
+        [
+          47.0,
+          "Here WE"
+        ],
+        [
+          48.0,
+          "Here we GO"
+        ]
+      ],
+      "DrunknessLoopOffsetTimeSeries": [
+        [
+          -16.0,
+          0.0
+        ],
+        [
+          -15.25,
+          0.7
+        ],
+        [
+          -12.0,
+          0.0
+        ],
+        [
+          9.0,
+          0.0
+        ],
+        [
+          15.0,
+          0.4
+        ],
+        [
+          16.0,
+          0.7
+        ],
+        [
+          18.0,
+          0.4
+        ],
+        [
+          21.0,
+          0.0
+        ]
+      ],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#8DDEDD",
+        "#98DE28",
+        "#E8DB4B",
+        "#F060A8",
+        "#EEC263",
+        "#725DEB"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": false,
+      "Name": "Yalgaar",
+      "Artist": "Ajey Nagar and Wily Frenzy",
+      "Song": "Yalgaar",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Hindi",
+      "WindUpTimer": 52.17,
+      "Bpm": 92.0157242,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 53.466,
+      "FileDurationLoop": 20.866,
+      "FileNameIntro": "YalgaarIntro.ogg",
+      "FileNameLoop": "YalgaarLoop.ogg",
+      "BeatsOffset": 0.0,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.1,
+      "ColorTransitionOut": 0.35,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -5.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#C0402D",
+        "#906F0B",
+        "#DC8044",
+        "#70190A",
+        "#929FAF",
+        "#4248A2",
+        "#AE2727",
+        "#2D2D42"
+      ],
+      "GameOverText": null
+    },
+    {
+      "Enabled": true,
+      "Name": "ZmeiGorynich",
+      "Artist": "aespa",
+      "Song": "Black Mamba",
+      "IsExplicit": false,
+      "Season": null,
+      "Language": "Korean",
+      "WindUpTimer": 46.13,
+      "Bpm": 90.0014,
+      "Beats": 32,
+      "LoopOffset": 0,
+      "Ext": "ogg",
+      "FileDurationIntro": 48.8,
+      "FileDurationLoop": 21.333,
+      "FileNameIntro": "ZmeiGorynichIntro.ogg",
+      "FileNameLoop": "ZmeiGorynichLoop.ogg",
+      "BeatsOffset": 0.1,
+      "FadeOutBeat": -4.0,
+      "FadeOutDuration": 4.0,
+      "ColorTransitionIn": 0.4,
+      "ColorTransitionOut": 0.4,
+      "ColorTransitionEasing": "OutExpo",
+      "FlickerLightsTimeSeries": [
+        -5.0,
+        31.0
+      ],
+      "Lyrics": [],
+      "DrunknessLoopOffsetTimeSeries": [],
+      "CondensationLoopOffsetTimeSeries": [],
+      "Palette": [
+        "#4C8AC5",
+        "#AF326A",
+        "#0B1666",
+        "#AFD2FC",
+        "#C55297",
+        "#540070"
+      ],
+      "GameOverText": "[MUZIKA: K-POP GROMCHE]"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/Frontend/src/assets/fonts/3270-Regular.woff b/Frontend/src/assets/fonts/3270-Regular.woff
new file mode 100644
index 0000000..d74887d
Binary files /dev/null and b/Frontend/src/assets/fonts/3270-Regular.woff differ
diff --git a/Frontend/src/assets/playhead-main.png b/Frontend/src/assets/playhead-main.png
new file mode 100644
index 0000000..1e43c43
Binary files /dev/null and b/Frontend/src/assets/playhead-main.png differ
diff --git a/Frontend/src/assets/playhead-top.png b/Frontend/src/assets/playhead-top.png
new file mode 100644
index 0000000..15c38dd
Binary files /dev/null and b/Frontend/src/assets/playhead-top.png differ
diff --git a/Frontend/src/audio/AudioEngine.ts b/Frontend/src/audio/AudioEngine.ts
new file mode 100644
index 0000000..0d274c6
--- /dev/null
+++ b/Frontend/src/audio/AudioEngine.ts
@@ -0,0 +1,554 @@
+/*
+  AudioEngine.ts
+  A small singleton wrapper around the WebAudio AudioContext that:
+  - lazily creates the AudioContext
+  - provides fetch/decode + simple caching
+  - schedules intro and loop buffers to play seamlessly
+  - exposes play/pause/stop and a volume control via a master GainNode
+  - provides a short fade-in/out GainNode to avoid clicks (few ms)
+  - exposes getPosition() to read current playback time relative to intro start
+*/
+
+import type { ConfigurableWindow } from '@vueuse/core'
+import type { MaybeRefOrGetter, Ref } from 'vue'
+import type { AudioTrack } from '@/lib/AudioTrack'
+import type { Seconds } from '@/lib/units'
+import {
+
+  tryOnScopeDispose,
+  useRafFn,
+  useThrottleFn,
+  watchImmediate,
+} from '@vueuse/core'
+import {
+
+  shallowRef,
+  toValue,
+  watch,
+} from 'vue'
+import { useWrapTime, wrapTimeFn } from '@/lib/AudioTrack'
+
+export const VOLUME_MAX: number = 1.5
+
+interface PlayerHandle {
+  /**
+   * The `stop()` method schedules a sound to cease playback at the specified time.
+   */
+  stop: (when?: Seconds) => void
+}
+
+interface AudioTrackBuffersHandle extends PlayerHandle {
+  /**
+   * Time in AudioContext coordinate system of a moment which lines up with the start of the intro audio buffer.
+   * If the startPosition was greater than zero, this time is already in the past when the function returns.
+   */
+  readonly introStartTime: Seconds
+}
+
+/**
+ * Start playing intro + loop buffers at given position.
+ *
+ * @returns Handle with introStartTime and stop() method.
+ */
+function playAudioTrackBuffers(
+  audioCtx: AudioContext,
+  destinationNode: AudioNode,
+  audioTrack: AudioTrack,
+  /**
+   * Position in seconds from the start of the intro
+   */
+  startPosition: Seconds = 0,
+): AudioTrackBuffersHandle {
+  const now = audioCtx.currentTime
+
+  const introBuffer = audioTrack.loadedIntro!
+  const loopBuffer = audioTrack.loadedLoop!
+
+  const introDuration = introBuffer.duration
+  const loopDuration = loopBuffer.duration
+
+  const wrapper = wrapTimeFn(audioTrack)
+  startPosition = wrapper(startPosition)
+
+  let currentIntro: AudioBufferSourceNode | null
+  let currentLoop: AudioBufferSourceNode | null
+  let introStartTime: Seconds
+
+  // figure out where to start
+  if (startPosition < introDuration) {
+    // start intro with offset, schedule loop after remaining intro time
+    const introOffset = startPosition
+    const timeUntilLoop = introDuration - introOffset
+
+    const introNode = audioCtx.createBufferSource()
+    introNode.buffer = introBuffer
+    introNode.connect(destinationNode)
+    introNode.start(now, introOffset)
+
+    const loopNode = audioCtx.createBufferSource()
+    loopNode.buffer = loopBuffer
+    loopNode.loop = true
+    loopNode.connect(destinationNode)
+    loopNode.start(now + timeUntilLoop, 0)
+
+    currentIntro = introNode
+    currentLoop = loopNode
+    introStartTime = now - startPosition
+  }
+  else {
+    // start directly in loop with proper offset into loop
+    const loopOffset = (startPosition - introDuration) % loopDuration
+    const loopNode = audioCtx.createBufferSource()
+    loopNode.buffer = loopBuffer
+    loopNode.loop = true
+    loopNode.connect(destinationNode)
+    loopNode.start(now, loopOffset)
+
+    currentIntro = null
+    currentLoop = loopNode
+    // Note: using wrapping loop breaks logical position when starting playback from the second loop repetition onward.
+    // introStartTime = now - introDuration - loopOffset;
+    introStartTime = now - startPosition
+  }
+
+  function stop(when?: Seconds) {
+    try {
+      currentIntro?.stop(when)
+    }
+    catch {
+      /* ignore */
+    }
+    try {
+      currentLoop?.stop(when)
+    }
+    catch {
+      /* ignore */
+    }
+    currentIntro = null
+    currentLoop = null
+  }
+
+  return { introStartTime, stop }
+}
+
+interface PlayWithFadeInOut<T extends PlayerHandle> extends PlayerHandle {
+  playerResult: Omit<T, 'stop'>
+}
+
+/**
+ * 25 ms for fade-in/fade-out
+ */
+const DEFAULT_FADE_DURATION = 0.025
+
+/**
+ * Wrap the given player function with a Gain node. Applies fade in effect on start and fade out on stop.
+ *
+ * @returns Handle with introStartTime and stop() method.
+ */
+function playWithFadeInOut<T extends PlayerHandle>(
+  audioCtx: AudioContext,
+  destinationNode: AudioNode,
+  player: (destinationNode: AudioNode) => T,
+  /**
+   * Duration of fade in/out in seconds. Fade out extends past the stop() call.
+   */
+  fadeDuration: Seconds = DEFAULT_FADE_DURATION,
+): PlayWithFadeInOut<T> {
+  const GAIN_MIN = 0.0001
+  const GAIN_MAX = 1.0
+
+  const fadeGain = audioCtx.createGain()
+  fadeGain.connect(destinationNode)
+  fadeGain.gain.value = GAIN_MIN
+
+  const playerHandle = player(fadeGain)
+
+  // fade in
+  const now = audioCtx.currentTime
+  const fadeEnd = now + fadeDuration
+  fadeGain.gain.setValueAtTime(GAIN_MIN, now)
+  fadeGain.gain.linearRampToValueAtTime(GAIN_MAX, fadeEnd)
+
+  // TODO: setTimeout to actually stop after `when`?
+  function stop(_when?: Seconds) {
+    // fade out
+    const now = audioCtx.currentTime
+    const fadeEnd = now + fadeDuration
+    fadeGain.gain.cancelScheduledValues(now)
+    fadeGain.gain.setValueAtTime(GAIN_MAX, now)
+    fadeGain.gain.linearRampToValueAtTime(GAIN_MIN, fadeEnd)
+
+    playerHandle.stop(fadeEnd)
+  }
+
+  return { playerResult: playerHandle, stop }
+}
+
+/**
+ * Properties relates to the state of playback.
+ */
+export interface PlaybackState {
+  /**
+   * Readonly reference to whether audio is currently playing.
+   */
+  readonly isPlaying: Readonly<Ref<boolean>>
+  /**
+   * Readonly reference to the last remembered start-of-playback position.
+   *
+   * Will only update if stop(rememberPosition=true) or seek() is called.
+   */
+  readonly startPosition: Readonly<Ref<Seconds>>
+  /**
+   * Returns current playback position in seconds based on AudioContext time.
+   *
+   * Hook it up to requestAnimationFrame while isPlaying is true for live updates.
+   */
+  getCurrentPosition: () => Seconds
+}
+
+export interface StopOptions {
+  /**
+   * If true, update remembered playback position to current position, otherwise revert to last remembered one.
+   *
+   * Defaults to false.
+   */
+  rememberPosition?: boolean
+}
+
+export interface SeekOptions {
+  /**
+   * If scrub is requested, plays a short sample at that position.
+   *
+   * Defaults to false.
+   */
+  scrub?: boolean
+  // TODO: optionally keep playing after seeking?
+}
+
+/**
+ * Player controls and properties relates to the state of playback.
+ */
+export interface PlayerControls {
+  /**
+   * Start playing audio buffers from the last remembered position.
+   */
+  play: () => void
+  /**
+   * Stop playing audio buffers.
+   *
+   * If rememberPosition is true, update remembered playback position, otherwise revert to the last remembered one.
+   */
+  stop: (options?: StopOptions) => void
+  /**
+   * Seek to given position in seconds.
+   *
+   * - Stop the playback.
+   * - If scrub is requested, plays a short sample at that position.
+   */
+  seek: (position: Seconds, options?: SeekOptions) => void
+  /**
+   * Properties relates to the state of playback.
+   */
+  readonly playback: PlaybackState
+}
+
+interface ReusableAudioBuffersTrackPlayer extends PlayerControls {
+}
+
+function reusableAudioBuffersTrackPlayer(
+  audioCtx: AudioContext,
+  destinationNode: AudioNode,
+  audioTrack: AudioTrack,
+): ReusableAudioBuffersTrackPlayer {
+  let currentHandle: PlayWithFadeInOut<AudioTrackBuffersHandle> | null = null
+  const isPlaying = shallowRef(false)
+  const wrapper = wrapTimeFn(audioTrack)
+  const startPosition = useWrapTime(audioTrack, 0)
+
+  function play() {
+    if (currentHandle) {
+      return
+    }
+    currentHandle = playWithFadeInOut(
+      audioCtx,
+      destinationNode,
+      destinationNode =>
+        playAudioTrackBuffers(
+          audioCtx,
+          destinationNode,
+          audioTrack,
+          startPosition.value,
+        ),
+    )
+    isPlaying.value = true
+  }
+
+  function stop(options?: { rememberPosition?: boolean }) {
+    const {
+      rememberPosition = false,
+    } = options ?? {}
+
+    if (currentHandle) {
+      isPlaying.value = false
+
+      if (rememberPosition) {
+        startPosition.value = getCurrentPosition()
+      }
+
+      // stop and discard current handle
+      currentHandle.stop()
+      currentHandle = null
+    }
+  }
+
+  // Scrub is subject to debouncing/throttling, so it doesn't start
+  // playing samples too often before previous ones could stop.
+  const doThrottledScrub = useThrottleFn(() => {
+    // play a short sample at the seeked position
+    const scrubHandle = playWithFadeInOut(
+      audioCtx,
+      destinationNode,
+      destinationNode =>
+        playAudioTrackBuffers(
+          audioCtx,
+          destinationNode,
+          audioTrack,
+          startPosition.value,
+        ),
+      0.01, // short fade of 10 ms
+    )
+    setTimeout(() => {
+      scrubHandle.stop(0.01)
+    }, 80) // stop after N ms
+  }, 80)
+
+  function seek(seekPosition: Seconds, options?: SeekOptions) {
+    const {
+      scrub = false,
+    } = options ?? {}
+
+    stop({ rememberPosition: false })
+
+    startPosition.value = seekPosition
+
+    if (scrub) {
+      doThrottledScrub()
+    }
+  }
+
+  function getCurrentPosition(): Seconds {
+    if (!currentHandle) {
+      return startPosition.value
+    }
+
+    const elapsed = audioCtx.currentTime
+      - currentHandle.playerResult.introStartTime
+
+    return wrapper(elapsed)
+  }
+
+  return {
+    play,
+    stop,
+    seek,
+    playback: {
+      isPlaying,
+      startPosition,
+      getCurrentPosition,
+    },
+  }
+}
+
+interface LivePlaybackPositionOptions extends ConfigurableWindow {
+}
+
+interface LivePlaybackPositionReturn {
+  stop: () => void
+  position: Readonly<Ref<Seconds>>
+}
+
+export function useLivePlaybackPosition(
+  playback: MaybeRefOrGetter<PlaybackState | null>,
+  options?: LivePlaybackPositionOptions,
+): LivePlaybackPositionReturn {
+  const cleanups: (() => void)[] = []
+  const cleanup = () => {
+    cleanups.forEach(fn => fn())
+    cleanups.length = 0
+  }
+
+  const getPosition = () => {
+    return toValue(playback)?.getCurrentPosition() ?? 0
+  }
+
+  const position = shallowRef<Seconds>(getPosition())
+
+  const updatePosition = () => {
+    position.value = getPosition()
+  }
+
+  const raf = useRafFn(() => {
+    updatePosition()
+  }, {
+    ...options,
+    immediate: false,
+    once: false,
+  })
+
+  const stopWatch = watchImmediate(() => [
+    toValue(playback),
+  ], ([playback]) => {
+    cleanup()
+
+    updatePosition()
+
+    if (!playback) {
+      return
+    }
+
+    cleanups.push(watch(playback.isPlaying, (isPlaying) => {
+      if (isPlaying) {
+        raf.resume()
+      }
+      else {
+        raf.pause()
+        updatePosition()
+      }
+    }))
+
+    cleanups.push(watch(playback.startPosition, () => {
+      raf.pause()
+      updatePosition()
+      if (playback.isPlaying.value) {
+        raf.resume()
+      }
+    }))
+
+    cleanups.push(() => raf.pause())
+  })
+
+  const stop = () => {
+    stopWatch()
+    cleanup()
+  }
+
+  tryOnScopeDispose(cleanup)
+
+  return { stop, position }
+}
+
+export function togglePlayStop(
+  player: PlayerControls | null,
+  options?: StopOptions,
+) {
+  if (!player) {
+    return
+  }
+  if (player.playback.isPlaying.value) {
+    player.stop(options)
+  }
+  else {
+    player.play()
+  }
+}
+
+class AudioEngine {
+  audioCtx: AudioContext | null = null
+  masterGain: GainNode | null = null // controlled by UI volume slider
+  // fadeGain: GainNode | null = null; // tiny fade to avoid clicks
+
+  // cache of decoded buffers by URL
+  bufferCache = new Map<string, AudioBuffer>()
+
+  private _player: Ref<PlayerControls | null> = shallowRef(null)
+  // readonly player: Readonly<Ref<PlayerControls | null>> = this._player;
+
+  // settings
+  fadeDuration = 0.025 // 25 ms for fade-in/fade-out
+
+  init() {
+    if (this.audioCtx) {
+      return
+    }
+    this.audioCtx
+      = new (window.AudioContext || (window as any).webkitAudioContext)()
+
+    this.masterGain = this.audioCtx.createGain()
+
+    // routing: sources -> fadeGain -> masterGain -> destination
+    this.masterGain.connect(this.audioCtx.destination)
+    // default full volume
+    this.masterGain.gain.value = 1
+  }
+
+  shutdown() {
+    this.stopPlayer()
+    this.audioCtx?.close()
+    this.audioCtx = null
+    this.masterGain = null
+  }
+
+  async fetchAudioBuffer(
+    url: string,
+    signal?: AbortSignal,
+  ): Promise<AudioBuffer> {
+    this.init()
+    if (this.bufferCache.has(url)) {
+      return this.bufferCache.get(url)!
+    }
+    const res = await fetch(url, { signal })
+    if (!res.ok) {
+      throw new Error(`Network error ${res.status} when fetching ${url}`)
+    }
+    const arrayBuffer = await res.arrayBuffer()
+    const audioBuffer = await this.audioCtx!.decodeAudioData(arrayBuffer)
+    this.bufferCache.set(url, audioBuffer)
+    return audioBuffer
+  }
+
+  // set UI volume 0..VOLUME_MAX
+  setVolume(value: number) {
+    this.init()
+    if (!this.masterGain || !this.audioCtx) {
+      return
+    }
+    const now = this.audioCtx.currentTime
+    // small linear ramp to avoid jumps
+    this.masterGain.gain.cancelScheduledValues(now)
+    this.masterGain.gain.setValueAtTime(this.masterGain.gain.value, now)
+    this.masterGain.gain.linearRampToValueAtTime(value, now + 0.05)
+  }
+
+  initPlayer(
+    audioTrack: AudioTrack,
+  ): PlayerControls | null {
+    this.init()
+    if (!this.audioCtx || !this.masterGain) {
+      return null
+    }
+
+    this.stopPlayer()
+
+    if (!audioTrack.loadedIntro || !audioTrack.loadedLoop) {
+      return null
+    }
+
+    const player = reusableAudioBuffersTrackPlayer(
+      this.audioCtx,
+      this.masterGain,
+      audioTrack,
+    )
+    this._player.value = player
+    return player
+  }
+
+  private stopPlayer() {
+    if (this._player.value) {
+      this._player.value.stop()
+      this._player.value = null
+    }
+  }
+}
+
+const audioEngine = new AudioEngine()
+export default audioEngine
diff --git a/Frontend/src/audio/AudioWaveform.ts b/Frontend/src/audio/AudioWaveform.ts
new file mode 100644
index 0000000..7bf5164
--- /dev/null
+++ b/Frontend/src/audio/AudioWaveform.ts
@@ -0,0 +1,190 @@
+import type { Fn } from '@vueuse/core'
+import type { MaybeRefOrGetter, Ref } from 'vue'
+import type { Px } from '@/lib/units'
+import { tryOnScopeDispose, watchImmediate } from '@vueuse/core'
+import { computed, shallowRef, toValue, triggerRef } from 'vue'
+import { useWeakCache } from '@/lib/useWeakCache'
+
+// Result of async computation
+interface UseWaveform {
+  readonly isDone: Readonly<Ref<boolean>>
+  readonly peaks: Readonly<Ref<Float32Array>>
+  stop: () => void
+}
+
+interface WaveformComputation {
+  readonly isDone: Readonly<Ref<boolean>>
+  readonly peaks: Readonly<Ref<Float32Array>>
+  /** Start or continue asynchronous computation.  */
+  run: () => void
+  /** Stops any ongoing asynchronous computation. */
+  stop: () => void
+}
+
+const waveformsCache = useWeakCache<AudioBuffer, Map<Px, WaveformComputation>>(
+  () => new Map(),
+)
+
+const WAVEFORM_MIN_WIDTH = 10
+
+const emptyComputation: WaveformComputation = {
+  isDone: shallowRef(false),
+  peaks: shallowRef(new Float32Array(0)),
+  run() {},
+  stop() {},
+}
+
+export function useWaveform(
+  buffer: MaybeRefOrGetter<AudioBuffer>,
+  width: MaybeRefOrGetter<Px>,
+): UseWaveform {
+  const cleanups: Fn[] = []
+  const cleanup = () => {
+    cleanups.forEach(fn => fn())
+    cleanups.length = 0
+  }
+
+  const compRef: Ref<WaveformComputation> = shallowRef(emptyComputation)
+
+  const stopWatch = watchImmediate(
+    () =>
+      [
+        toValue(buffer),
+        toValue(width),
+      ] as const,
+    ([b, w]) => {
+      cleanup()
+
+      const map = waveformsCache.getOrNew(b)
+
+      if (w < WAVEFORM_MIN_WIDTH) {
+        compRef.value = emptyComputation
+        return
+      }
+
+      let comp = map.get(w)
+      if (!comp) {
+        comp = useWaveformComputation(b, w)
+        map.set(w, comp)
+      }
+      compRef.value = comp
+      comp.run()
+      cleanups.push(() => {
+        compRef.value = emptyComputation
+        comp.stop()
+      })
+    },
+  )
+
+  const stop = () => {
+    stopWatch()
+    cleanup()
+  }
+
+  tryOnScopeDispose(stop)
+
+  return {
+    isDone: computed(() => compRef.value.isDone.value),
+    peaks: computed(() => compRef.value.peaks.value),
+    stop,
+  }
+}
+
+function useWaveformComputation(buffer: AudioBuffer, width: Px): WaveformComputation {
+  // How many times run() has been called without stop().
+  // This whole computation should not stop until there is at least one user out there.
+  let users = 0
+
+  // How many pixels of `width` have been processed so far
+  let progress = 0
+
+  let timeoutID: ReturnType<typeof setInterval> | undefined
+
+  // Waveform data, length shall be equal to the requested width
+  const waveform = new Float32Array(width)
+
+  const isDone = shallowRef(false)
+  const peaks = shallowRef(waveform)
+
+  const nChannels = buffer.numberOfChannels
+
+  const samplesPerPx = buffer.length / width
+  const blocksPerChannel: Float32Array<ArrayBuffer>[] = []
+  for (let channel = 0; channel < nChannels; channel++) {
+    blocksPerChannel[channel] = new Float32Array(Math.ceil(samplesPerPx))
+  }
+
+  const areWeDoneYet = () => progress >= width
+
+  function stepBlock() {
+    const blockStart = Math.floor(progress * samplesPerPx)
+    const blockEnd = Math.floor((progress + 1) * samplesPerPx)
+    const blockSize = blockEnd - blockStart
+
+    for (let channel = 0; channel < nChannels; channel++) {
+      buffer.copyFromChannel(blocksPerChannel[channel]!, channel, blockStart)
+    }
+
+    waveform[progress] = compressBlock(blocksPerChannel, blockSize)
+    progress += 1
+  }
+
+  function stepBatchOfBlocks() {
+    // run blocks for up to ~10ms to keep UI responsive
+    const start = performance.now()
+    const progressStart = progress
+    while (!areWeDoneYet()) {
+      stepBlock()
+      if (performance.now() - start >= 10 || progress - progressStart > 100) {
+        break
+      }
+    }
+
+    triggerRef(peaks)
+    // triggerRef may as well not trigger refs
+    // https://github.com/vuejs/core/issues/9579
+    // Combined with a throttled drawing function,
+    // this is a slightly better-than-worse workaround.
+    peaks.value = new Float32Array(0)
+    peaks.value = waveform
+
+    if (areWeDoneYet()) {
+      isDone.value = true
+      timeoutID = undefined
+    }
+    else {
+      timeoutID = setTimeout(stepBatchOfBlocks, 1)
+    }
+  }
+
+  return {
+    isDone,
+    peaks,
+    run() {
+      users += 1
+
+      if (timeoutID === undefined && users === 1) {
+        timeoutID = setTimeout(stepBatchOfBlocks, 0)
+      }
+    },
+    stop() {
+      users -= 1
+
+      if (!timeoutID === undefined && users === 0) {
+        window.clearTimeout(timeoutID)
+        timeoutID = undefined
+      }
+    },
+  }
+};
+
+function compressBlock(channels: Float32Array[], blockSize: number): number {
+  let peak = 0.0
+
+  for (let i = 0; i < blockSize; i++) {
+    for (let channel = 0; channel < channels.length; channel++) {
+      peak = Math.max(peak, Math.abs(channels[channel]![i]!))
+    }
+  }
+  return peak
+}
diff --git a/Frontend/src/components/ErrorScreen.vue b/Frontend/src/components/ErrorScreen.vue
new file mode 100644
index 0000000..460cc57
--- /dev/null
+++ b/Frontend/src/components/ErrorScreen.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const {
+  title,
+  description,
+} = defineProps<{
+  title: string
+  description: string | null
+}>()
+</script>
+
+<template>
+  <div class="tw:h-full tw:flex tw:flex-col">
+    <div class="tw:w-full tw:max-w-2xl tw:self-center">
+      <h1 class="tw:text-4xl tw:p-8">
+        {{ title }}
+      </h1>
+      <p class="tw:p-4">
+        {{ description }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/Footer.vue b/Frontend/src/components/Footer.vue
new file mode 100644
index 0000000..406601b
--- /dev/null
+++ b/Frontend/src/components/Footer.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+import { useTrackStore } from '@/store/TrackStore'
+
+const trackStore = useTrackStore()
+const { version } = storeToRefs(trackStore)
+
+const product = 'MuzikaGromche'
+const productLink = 'https://thunderstore.io/c/lethal-company/p/Ratijas/MuzikaGromche/'
+const year = '2025–2026'
+const author = 'Ratijas'
+const authorLink = 'https://ratijas.me'
+</script>
+
+<template>
+  <footer>
+    <div
+      class="tw:py-2 tw:px-4 tw:gap-2 tw:flex tw:flex-row tw:max-sm:flex-col tw:flex-wrap tw:items-center tw:justify-center toolbar-background"
+      style="border-top: var(--view-separator-border);"
+    >
+      <span>
+        <span>
+          <a :href="productLink" target="_blank" rel="nofollow">{{ product }}</a>
+        </span>
+        <template v-if="version">
+          <span>
+            v{{ version }}
+          </span>
+        </template>
+      </span>
+      <div class="separator tw:max-sm:hidden" />
+      <span>
+        Copyright © {{ year }}
+      </span>
+      <div class="separator tw:max-sm:hidden" />
+      <span>
+        Made by <a :href="authorLink" target="_blank" rel="nofollow">{{ author }}</a>
+      </span>
+    </div>
+  </footer>
+</template>
+
+<style scoped>
+.separator {
+  align-self: stretch;
+  max-height: 1em;
+  margin-top: 6px;
+  margin-bottom: 4px;
+  border-left: 1.5px solid;
+}
+</style>
diff --git a/Frontend/src/components/LoadingScreen.vue b/Frontend/src/components/LoadingScreen.vue
new file mode 100644
index 0000000..5ef03fb
--- /dev/null
+++ b/Frontend/src/components/LoadingScreen.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { TransitionPresets, useTransition, watchDebounced } from '@vueuse/core'
+import { computed, shallowRef, useId } from 'vue'
+import ScreenTransition from './ScreenTransition.vue'
+
+const {
+  visible,
+  message = 'Loading…',
+  progress = undefined,
+} = defineProps<{
+  visible: boolean
+  message?: string
+  // loading progress, range 0..1
+  progress?: number | undefined
+}>()
+
+// CSS transition on width does not work in Firefox
+const zeroProgress = computed(() => progress ?? 0)
+const easedProgress = useTransition(zeroProgress, {
+  duration: 400,
+  easing: TransitionPresets.easeInOutQuad,
+})
+
+const progressId = useId()
+// Let the progress animation finish before cutting it off of updates
+const actuallyVisible = shallowRef(visible)
+watchDebounced(() => visible, () => {
+  actuallyVisible.value = visible
+}, { debounce: 600 })
+</script>
+
+<template>
+  <ScreenTransition :visible="actuallyVisible">
+    <div class="tw:h-full tw:flex tw:flex-col tw:gap-8 tw:items-center tw:justify-center tw:text-2xl">
+      <label :for="progressId">
+        {{ message }}
+      </label>
+      <progress :id="progressId" class="progress" max="1" :value="easedProgress">
+        <template v-if="progress !== undefined">
+          {{ Math.floor(progress * 100) }} %
+        </template>
+      </progress>
+    </div>
+  </ScreenTransition>
+</template>
+
+<style scoped>
+label {
+  user-select: none;
+}
+
+.progress {
+  appearance: none;
+  background-color: #1a1a1a;
+  height: 24px;
+  padding: 5px;
+  width: 350px;
+  border-radius: 5px;
+  box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
+}
+
+.progress::-webkit-progress-bar {
+  appearance: none;
+  background: none;
+}
+
+/* for some reason combining these two selector via comma breaks Chromium */
+.progress::-webkit-progress-value {
+  appearance: none;
+  height: 100%;
+  border-radius: 3px;
+  background-color: #444;
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
+
+  background-image: -webkit-linear-gradient(135deg,
+      transparent 33%, rgba(0, 0, 0, .1) 33%,
+      rgba(0, 0, 0, .1) 66%, transparent 66%);
+  background-size: 35px 20px;
+}
+
+.progress::-moz-progress-bar {
+  appearance: none;
+  background-color: #444;
+  height: 100%;
+  border-radius: 3px;
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
+
+  background-image: repeating-linear-gradient(135deg,
+      transparent 0%, transparent 33%,
+      rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%);
+  background-size: 35px 100%;
+}
+</style>
diff --git a/Frontend/src/components/ScreenTransition.vue b/Frontend/src/components/ScreenTransition.vue
new file mode 100644
index 0000000..21251cf
--- /dev/null
+++ b/Frontend/src/components/ScreenTransition.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+defineProps<{
+  visible: boolean
+}>()
+</script>
+
+<template>
+  <Transition>
+    <div v-if="visible" class="tw:h-full tw:overflow-hidden tw:isolate" style="background-color: var(--main-background-color);">
+      <div class="tw:h-full">
+        <slot />
+      </div>
+    </div>
+  </Transition>
+</template>
+
+<style scoped>
+@property --screen-transition-duration {
+  syntax: "<time>";
+  inherits: false;
+  initial-value: 0.5s;
+}
+
+/* this placeholder is needed, because Vue.js can not figure out transition duration based on nested styles */
+.v-enter-active,
+.v-leave-active {
+  transition: opacity var(--screen-transition-duration) linear;
+}
+
+.v-enter-active>div,
+.v-leave-active>div {
+  transition: transform var(--screen-transition-duration) ease-out;
+}
+
+.v-leave-to {
+  opacity: 0;
+}
+.v-leave-to>div {
+  transform: scale(130%);
+}
+</style>
diff --git a/Frontend/src/components/SearchField.vue b/Frontend/src/components/SearchField.vue
new file mode 100644
index 0000000..c8e74ad
--- /dev/null
+++ b/Frontend/src/components/SearchField.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import Clear from '@material-design-icons/svg/outlined/clear.svg'
+import Search from '@material-design-icons/svg/outlined/search.svg'
+import { computed } from 'vue'
+
+const {
+  placeholder = 'Search…',
+} = defineProps<{
+  placeholder?: string
+}>()
+const model = defineModel({ type: String, required: true })
+
+const clearDisabled = computed(() => model.value === '')
+function clear() {
+  model.value = ''
+}
+</script>
+
+<template>
+  <div class="tw:flex tw:gap-1 tw:p-0.5 tw:px-1 tw:place-items-center tw:justify-center tw:text-xl input-text">
+    <Search class="tw:flex-none tw:h-full tw:aspect-square tw:fill-current" style="color: #929292;" />
+    <input v-model="model" type="text" role="searchbox" :placeholder class="tw:flex-1 tw:min-w-0">
+    <button
+      type="button" role="button" name="clear" aria-roledescription="Clear search field" tabindex="-1" title="Clear"
+      :disabled="clearDisabled" class="button" @click="clear"
+    >
+      <Clear class="tw:flex-none tw:h-full tw:aspect-square tw:fill-current" />
+    </button>
+  </div>
+</template>
+
+<style scoped>
+.button {
+  color: #929292;
+  transition: color 150ms linear;
+}
+
+.button:active:not(:disabled) {
+  color: #767676;
+  transition: none;
+}
+
+.button:disabled {
+  color: #4a4a4a;
+}
+</style>
diff --git a/Frontend/src/components/editor/PreviewScnene.vue b/Frontend/src/components/editor/PreviewScnene.vue
new file mode 100644
index 0000000..f20eb77
--- /dev/null
+++ b/Frontend/src/components/editor/PreviewScnene.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import { useTimelineStore } from '@/store/TimelineStore'
+import { useTrackStore } from '@/store/TrackStore'
+
+const trackStore = useTrackStore()
+const timeline = useTimelineStore()
+</script>
+
+<template>
+  <div class="scene-wrapper">
+    <div class="scene">
+      <h3>
+        Preview Scene
+      </h3>
+      <p>
+        Track store status: {{ trackStore.status }}
+      </p>
+      <p>
+        Current track: {{ trackStore.currentAudioTrackName }}
+      </p>
+      <p>
+        Track status: {{ trackStore.audioTrackStatus }}
+      </p>
+      <p>
+        Track progress: {{ trackStore.audioTrackProgress }}
+      </p>
+      <p>
+        Playback status: {{ timeline.isPlaying }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.scene-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.scene {
+  width: 480px;
+  height: 160px;
+  border: 5px solid #ccc;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/Frontend/src/components/editor/TrackInfo.vue b/Frontend/src/components/editor/TrackInfo.vue
new file mode 100644
index 0000000..108d8b1
--- /dev/null
+++ b/Frontend/src/components/editor/TrackInfo.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import type { AudioTrack } from '@/lib/AudioTrack'
+import Explicit from '@material-design-icons/svg/filled/explicit.svg'
+import { computed } from 'vue'
+import Timestamp from '@/components/timeline/Timestamp.vue'
+import { LANGUAGES } from '@/lib/AudioTrack'
+
+const {
+  track,
+  edit,
+} = defineProps<{
+  track: AudioTrack
+  edit: boolean
+}>()
+
+const beatSeconds = computed(() => track.loadedLoop!.duration / track.Beats)
+const windUpBeats = computed(() => track.WindUpTimer / beatSeconds.value)
+</script>
+
+<template>
+  <div class="info-wrapper">
+    <table class="info-table">
+      <tbody>
+        <tr>
+          <td>Name:</td>
+          <td>
+            {{ track.Name }}
+          </td>
+        </tr>
+        <tr>
+          <td>Language:</td>
+          <td>
+            <select v-if="edit" v-model="track.Language">
+              <option v-for="language in LANGUAGES" :key="language" :value="language">
+                {{ language }}
+              </option>
+            </select>
+            <span v-else>
+              {{ track.Language }}
+            </span>
+          </td>
+        </tr>
+        <tr>
+          <td>Is explicit:</td>
+          <td>
+            <div style="display: flex; gap: 8px;">
+              <input id="isExplicit" type="checkbox" :checked="track.IsExplicit" :disabled="!edit">
+              <label for="isExplicit" style="flex: 1;">
+                <div title="Warning: Explicit Content" class="tw:flex-none">
+                  <Explicit class="tw:w-6 tw:h-6 tw:fill-current" />
+                </div>
+              </label>
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <td>Intro:</td>
+          <td><Timestamp :seconds="track.WindUpTimer" :beats="windUpBeats" /><span style="vertical-align: bottom;"> = 4 * {{ (windUpBeats / 4).toFixed(2) }} bars</span></td>
+        </tr>
+        <tr>
+          <td>Loop:</td>
+          <td><Timestamp :seconds="track.loadedLoop!.duration" :beats="track.Beats" /><span style="vertical-align: bottom;"> = 4 * {{ track.Beats / 4 }} bars</span></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<style scoped>
+.info-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.info-table td {
+  padding: 0 4px;
+}
+.info-table tr td:first-child {
+  font-weight: bold;
+  text-align: end;
+  vertical-align: top;
+}
+
+.info-table tr td:nth-child(2) {
+  text-align: start;
+}
+</style>
diff --git a/Frontend/src/components/inspector/InspectorPanel.vue b/Frontend/src/components/inspector/InspectorPanel.vue
new file mode 100644
index 0000000..6f7ed65
--- /dev/null
+++ b/Frontend/src/components/inspector/InspectorPanel.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import Construction from '@material-design-icons/svg/round/construction.svg'
+import { storeToRefs } from 'pinia'
+import { shallowRef } from 'vue'
+import ScrollablePanel from '@/components/library/panel/ScrollablePanel.vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+import AudioTrack from './views/AudioTrack.vue'
+
+// TODO: use selection (inspector?) manager
+const selection = shallowRef<object | null>({})
+
+const timeline = useTimelineStore()
+const { audioTrack } = storeToRefs(timeline)
+</script>
+
+<template>
+  <!-- inspector panel -->
+  <ScrollablePanel class="tw:flex-none tw:min-w-80 tw:max-w-80 tw:border-s">
+    <template #toolbar>
+      <h3 class="tw:flex tw:flex-row tw:items-center tw:gap-2 tw:px-4 tw:py-1 tw:select-none">
+        <Construction class="tw:fill-current tw:h-5 tw:w-5 toolbar-icon-shadow" />
+        Inspector
+      </h3>
+    </template>
+
+    <template #default>
+      <!-- inspector content -->
+      <div class="tw:px-4 tw:h-full tw:flex tw:flex-col" @click="selection = selection ? {} : {}">
+        <!-- nothing to inspect -->
+        <div
+          v-if="!selection"
+          class="tw:flex-1 tw:flex tw:items-center tw:justify-center tw:text-2xl tw:text-[#43474d] tw:select-none"
+        >
+          Nothing to inspect
+        </div>
+
+        <!-- inspect selection -->
+        <div v-else class="tw:flex-1 tw:flex tw:flex-col tw:gap-4 tw:py-2 tw:text-xs">
+          <AudioTrack v-if="audioTrack" :audio-track />
+        </div>
+      </div>
+    </template>
+  </ScrollablePanel>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/Control.vue b/Frontend/src/components/inspector/controls/Control.vue
new file mode 100644
index 0000000..f0a36da
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/Control.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { Control } from '@/components/inspector/controls'
+import { computed } from 'vue'
+import { getComponentFor } from './impl'
+
+const {
+  control,
+} = defineProps<{
+  control: Control
+}>()
+
+const view = computed(() => getComponentFor(control))
+</script>
+
+<template>
+  <component :is="view" :control="control" />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/ControlsView.vue b/Frontend/src/components/inspector/controls/ControlsView.vue
new file mode 100644
index 0000000..c885507
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/ControlsView.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { Controls } from '../controls'
+import Control from './Control.vue'
+
+const {
+  controls,
+} = defineProps<{
+  controls: Controls
+}>()
+</script>
+
+<template>
+  <div
+    class="tw:w-full tw:grid tw:gap-x-2 tw:gap-y-1 tw:py-2 tw:items-baseline"
+    style="grid-template-columns: 80px minmax(0, 1fr);"
+  >
+    <Control v-for="control in controls" :key="control.key" :control />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/BaseNamedControlView.vue b/Frontend/src/components/inspector/controls/impl/BaseNamedControlView.vue
new file mode 100644
index 0000000..b6a2f07
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/BaseNamedControlView.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import type { BaseNamedControl } from '@/components/inspector/controls'
+
+const {
+  control,
+  id,
+} = defineProps<{
+  control: BaseNamedControl
+  /**
+   * Input ID for an associated label.
+   */
+  id?: string
+}>()
+
+// TODO: reset function
+function reset(event: MouseEvent) {
+  event.preventDefault()
+}
+</script>
+
+<template>
+  <!-- label -->
+  <label
+    :for="id"
+    class="tw:text-right control-label"
+    :class="{ 'control-label__disabled': control.disabled }"
+    @dblclick="reset"
+  >
+    {{ control.name }}
+  </label>
+
+  <!-- control -->
+  <slot />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/ButtonControlView.vue b/Frontend/src/components/inspector/controls/impl/ButtonControlView.vue
new file mode 100644
index 0000000..823b508
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/ButtonControlView.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import type { ButtonControl } from '@/components/inspector/controls'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: ButtonControl
+}>()
+</script>
+
+<template>
+  <BaseNamedControlView :control>
+    <div class="tw:flex tw:flex-row tw:gap-2 tw:items-center tw:justify-start">
+      <button
+        type="button"
+        :disabled="control.disabled"
+        class="control-button"
+        @click="control.action"
+      >
+        <component
+          :is="control.icon"
+          v-if="control.icon"
+          class="control-button__icon"
+        />
+        <span class="control-button__text">{{ control.text }}</span>
+      </button>
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/CheckboxControlView.vue b/Frontend/src/components/inspector/controls/impl/CheckboxControlView.vue
new file mode 100644
index 0000000..9f3482a
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/CheckboxControlView.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { CheckboxControl } from '@/components/inspector/controls'
+import { useId } from 'vue'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: CheckboxControl
+}>()
+
+const id = useId()
+</script>
+
+<template>
+  <BaseNamedControlView :id :control>
+    <label
+      class="tw:flex tw:flex-row tw:gap-1 tw:items-baseline control-label"
+      :class="{ 'control-label__disabled': control.disabled }"
+    >
+      <input
+        :id
+        v-model="control.ref"
+        type="checkbox"
+        :disabled="control.disabled"
+      >
+      <component :is="control.icon" class="tw:flex-none tw:w-4 tw:h-4 tw:fill-current tw:self-center" />
+      <span v-if="control.label">
+        {{ control.label }}
+      </span>
+    </label>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/DropDownControlView.vue b/Frontend/src/components/inspector/controls/impl/DropDownControlView.vue
new file mode 100644
index 0000000..23eb6cc
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/DropDownControlView.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import type { DropDownControl } from '@/components/inspector/controls'
+import { useId } from 'vue'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: DropDownControl
+}>()
+
+const id = useId()
+</script>
+
+<template>
+  <BaseNamedControlView :id :control>
+    <div>
+      <select
+        :id
+        v-model="control.ref.value"
+        :disabled="control.disabled"
+        class="tw:w-full tw:max-w-full control-select"
+      >
+        <option v-for="option in control.options" :key="option" :value="option">
+          {{ option }}
+        </option>
+      </select>
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/HrControlView.vue b/Frontend/src/components/inspector/controls/impl/HrControlView.vue
new file mode 100644
index 0000000..75baf9e
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/HrControlView.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { HrControl } from '@/components/inspector/controls'
+
+defineProps<{
+  control: HrControl
+}>()
+</script>
+
+<template>
+  <div class="tw:col-span-full tw:py-2">
+    <hr class="tw:w-full" style="color: var(--inspector-section-separator-color);">
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/NotImplementedControlView.vue b/Frontend/src/components/inspector/controls/impl/NotImplementedControlView.vue
new file mode 100644
index 0000000..5bf2206
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/NotImplementedControlView.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { BaseControl } from '@/components/inspector/controls'
+
+defineProps<{
+  control: BaseControl
+}>()
+</script>
+
+<template>
+  <div class="tw:col-span-full">
+    Not Implemented: {{ control.kind }}
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/NumberControlView.vue b/Frontend/src/components/inspector/controls/impl/NumberControlView.vue
new file mode 100644
index 0000000..74f02d1
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/NumberControlView.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { NumberControl } from '@/components/inspector/controls'
+import { useId } from 'vue'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: NumberControl
+}>()
+
+const id = useId()
+</script>
+
+<template>
+  <BaseNamedControlView :id :control>
+    <div>
+      <input
+        :id
+        v-model.number="control.ref.value"
+        type="number"
+        :min="control.min"
+        :max="control.max"
+        :step="0.01"
+        :disabled="control.disabled"
+        :readonly="control.readonly"
+        class="input-text input-number tw:w-20"
+      >
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/RangeControlView.vue b/Frontend/src/components/inspector/controls/impl/RangeControlView.vue
new file mode 100644
index 0000000..f1367ab
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/RangeControlView.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import type { RangeControl } from '@/components/inspector/controls'
+import { useId } from 'vue'
+import Slider from '@/components/library/Slider.vue'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: RangeControl
+}>()
+
+const id = useId()
+</script>
+
+<template>
+  <BaseNamedControlView :id :control>
+    <div class="tw:flex tw:flex-row tw:gap-2 tw:items-baseline">
+      <Slider
+        :id v-model.number="control.ref.value"
+        :min="control.min" :max="control.max"
+        :step="0.01"
+        :default-value="0"
+        :disabled="control.disabled || control.readonly"
+        class="tw:flex-1 tw:self-end"
+        @update:model-value="(value) => control.ref.value = value ?? control.default"
+      />
+      <input
+        v-model.number="control.ref.value"
+        type="number"
+        :min="control.min"
+        :max="control.max"
+        :step="0.01"
+        :disabled="control.disabled"
+        :readonly="control.readonly"
+        class="input-text input-number tw:w-14"
+      >
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/TextAreaControlView.vue b/Frontend/src/components/inspector/controls/impl/TextAreaControlView.vue
new file mode 100644
index 0000000..7f5ebae
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/TextAreaControlView.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { TextControl } from '@/components/inspector/controls'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: TextControl
+}>()
+</script>
+
+<template>
+  <BaseNamedControlView :control>
+    <div>
+      <textarea
+        v-model="control.ref.value"
+        rows="4"
+        :disabled="control.disabled"
+        :readonly="control.readonly"
+        class="tw:w-full tw:max-w-full tw:block tw:resize-none input-text"
+        :class="{ 'tw:font-mono': control.monospace }"
+        spellcheck="false"
+      />
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/TextControlView.vue b/Frontend/src/components/inspector/controls/impl/TextControlView.vue
new file mode 100644
index 0000000..9ed2b22
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/TextControlView.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import type { TextControl } from '@/components/inspector/controls'
+import BaseNamedControlView from './BaseNamedControlView.vue'
+
+const {
+  control,
+} = defineProps<{
+  control: TextControl
+}>()
+</script>
+
+<template>
+  <BaseNamedControlView :control>
+    <div class="input-text">
+      <input
+        type="text"
+        :value="control.ref.value"
+        :disabled="control.disabled"
+        :readonly="control.readonly"
+        class="tw:w-full tw:max-w-full"
+        :class="{ 'tw:font-mono': control.monospace }"
+      >
+    </div>
+  </BaseNamedControlView>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/inspector/controls/impl/index.ts b/Frontend/src/components/inspector/controls/impl/index.ts
new file mode 100644
index 0000000..2c39b5c
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/impl/index.ts
@@ -0,0 +1,34 @@
+import type { Component } from 'vue'
+import type { Control } from '..'
+import ButtonControlView from './ButtonControlView.vue'
+import CheckboxControlView from './CheckboxControlView.vue'
+import DropDownControlView from './DropDownControlView.vue'
+import HrControlView from './HrControlView.vue'
+import NotImplementedControlView from './NotImplementedControlView.vue'
+import NumberControlView from './NumberControlView.vue'
+import RangeControlView from './RangeControlView.vue'
+import TextAreaControlView from './TextAreaControlView.vue'
+import TextControlView from './TextControlView.vue'
+
+/**
+ * Mapping from `control.kind` to the component that renders it.
+ */
+const viewMap: Record<Control['kind'], Component> = {
+  hr: HrControlView,
+  text: TextControlView,
+  textarea: TextAreaControlView,
+  number: NumberControlView,
+  range: RangeControlView,
+  checkbox: CheckboxControlView,
+  dropdown: DropDownControlView,
+  button: ButtonControlView,
+}
+
+/**
+ * Map `control.kind` to the component that renders it.
+ *
+ * @returns A Component that expects a single `control` property of the same kind as the one passing into this function.
+ */
+export function getComponentFor<T extends Control>(control: T): Component {
+  return viewMap[control.kind] ?? NotImplementedControlView
+}
diff --git a/Frontend/src/components/inspector/controls/index.ts b/Frontend/src/components/inspector/controls/index.ts
new file mode 100644
index 0000000..0dd2875
--- /dev/null
+++ b/Frontend/src/components/inspector/controls/index.ts
@@ -0,0 +1,99 @@
+import type { Component, Ref } from 'vue'
+
+export interface BaseControl {
+  /**
+   * Discriminator for different types of controls.
+   */
+  kind: string
+  /**
+   * Unique key of the control.
+   */
+  key: string
+}
+
+export interface HrControl extends BaseControl {
+  kind: 'hr'
+}
+
+export interface BaseNamedControl extends BaseControl {
+  /**
+   * Control's name, displayed on the left of the control view itself. Double click it to reset.
+   */
+  name: string
+  /**
+   * An Icon component to display inline with a label.
+   */
+  icon?: string | Component
+  /**
+   * Whether the control is disabled as a whole. Dims the label and implies readonly.
+   */
+  disabled?: boolean
+  /**
+   * Whether the value should be allowed to change.
+   */
+  readonly?: boolean
+}
+
+export interface BaseTextControl extends BaseNamedControl {
+  ref: Ref<string>
+  /** Whether to use monospace font. Defaults to false. */
+  monospace?: boolean
+}
+
+export interface TextControl extends BaseTextControl {
+  kind: 'text'
+}
+
+export interface TextAreaControl extends BaseTextControl {
+  kind: 'textarea'
+}
+
+export interface BaseNumberControl extends BaseNamedControl {
+  min: number
+  max: number
+  default: number
+  ref: Ref<number>
+}
+
+/** A range slider accompanied by an input field. */
+export interface RangeControl extends BaseNumberControl {
+  kind: 'range'
+}
+
+/** A text input field for a number. */
+export interface NumberControl extends BaseNumberControl {
+  kind: 'number'
+}
+
+export interface CheckboxControl extends BaseNamedControl {
+  kind: 'checkbox'
+  /** Optional additional label for the checkbox input */
+  label?: string
+  ref: Ref<boolean>
+}
+
+export interface DropDownControl extends BaseNamedControl {
+  kind: 'dropdown'
+  options: readonly string[]
+  ref: Ref<string>
+}
+
+export interface ButtonControl extends BaseNamedControl {
+  kind: 'button'
+  /** Unlike control's name label, this property is text on the button itself. */
+  text: string
+  /** Called when the button is pressed. */
+  action: () => void
+}
+
+export type Control
+  = | HrControl
+    | TextControl
+    | TextAreaControl
+    | RangeControl
+    | NumberControl
+    | CheckboxControl
+    | DropDownControl
+    | ButtonControl
+
+export type Controls = Control[]
diff --git a/Frontend/src/components/inspector/views/AudioTrack.vue b/Frontend/src/components/inspector/views/AudioTrack.vue
new file mode 100644
index 0000000..1348b21
--- /dev/null
+++ b/Frontend/src/components/inspector/views/AudioTrack.vue
@@ -0,0 +1,202 @@
+<script setup lang="ts">
+import type { Controls } from '../controls'
+import type { AudioTrack } from '@/lib/AudioTrack'
+import Explicit from '@material-design-icons/svg/filled/explicit.svg'
+import { computed, ref } from 'vue'
+import { LANGUAGES } from '@/lib/AudioTrack'
+import * as Easing from '@/lib/easing'
+import ControlsView from '../controls/ControlsView.vue'
+
+const {
+  audioTrack,
+} = defineProps<{
+  audioTrack: AudioTrack
+}>()
+
+const easing = ref(audioTrack.ColorTransitionEasing)
+const season = computed<string>({
+  get() {
+    return audioTrack.Season ?? ''
+  },
+  set(value) {
+    audioTrack.Season = value
+  },
+})
+const gameOverText = computed<string>({
+  get() {
+    return audioTrack.GameOverText ?? ''
+  },
+  set(value) {
+    audioTrack.GameOverText = value
+  },
+})
+
+const controls = computed<Controls>(() => [
+  {
+    kind: 'text',
+    key: 'Name',
+    name: 'Name',
+    ref: ref(audioTrack.Name),
+    readonly: true,
+  },
+  {
+    kind: 'text',
+    key: 'Artist',
+    name: 'Artist',
+    ref: ref(audioTrack.Artist),
+  },
+  {
+    kind: 'text',
+    key: 'Song',
+    name: 'Song',
+    ref: ref(audioTrack.Song),
+  },
+  {
+    kind: 'hr',
+    key: 'audioTrack.hr.1',
+  },
+  {
+    kind: 'checkbox',
+    key: 'IsExplicit',
+    name: 'Is Explicit',
+    icon: Explicit,
+    ref: ref(audioTrack.IsExplicit),
+    label: 'Explicit',
+  },
+  {
+    kind: 'dropdown',
+    key: 'Language',
+    name: 'Language',
+    ref: ref(audioTrack.Language),
+    options: LANGUAGES,
+  },
+  {
+    kind: 'text',
+    key: 'Season',
+    name: 'Season',
+    ref: season,
+  },
+  {
+    kind: 'hr',
+    key: 'audioTrack.hr.2',
+  },
+  {
+    kind: 'range',
+    key: 'BeatsOffset',
+    name: 'Beats Offset',
+    min: -0.5,
+    max: 0.5,
+    default: 0,
+    ref: ref(audioTrack.BeatsOffset),
+  },
+  {
+    kind: 'range',
+    key: 'LoopOffset',
+    name: 'Loop Offset',
+    disabled: true,
+    min: 0,
+    max: 128,
+    default: 0,
+    ref: ref(audioTrack.LoopOffset),
+  },
+  {
+    kind: 'number',
+    key: 'FadeOutBeat',
+    name: 'Fade Out Beat',
+    min: -1000,
+    max: 1000,
+    default: -2,
+    ref: ref(audioTrack.FadeOutBeat),
+  },
+  {
+    kind: 'number',
+    key: 'FadeOutDuration',
+    name: 'Fade Out Duration',
+    min: 0,
+    max: 1000,
+    default: 2,
+    ref: ref(audioTrack.FadeOutDuration),
+    disabled: true,
+  },
+  {
+    kind: 'dropdown',
+    key: 'Easing',
+    name: 'Easing',
+    readonly: true,
+    ref: easing,
+    options: Easing.allNames,
+  },
+  {
+    kind: 'range',
+    key: 'TransitionIn',
+    name: 'Transition In',
+    disabled: true,
+    min: 0,
+    max: 1,
+    default: 0.25,
+    ref: ref(audioTrack.ColorTransitionIn),
+  },
+  {
+    kind: 'range',
+    key: 'TransitionOut',
+    name: 'Transition Out',
+    disabled: true,
+    min: 0,
+    max: 1,
+    default: 0.25,
+    ref: ref(audioTrack.ColorTransitionOut),
+  },
+  {
+    kind: 'hr',
+    key: 'audioTrack.hr.3',
+  },
+  {
+    kind: 'number',
+    key: 'LyricsIn',
+    name: 'Lyrics In',
+    ref: ref(audioTrack.Lyrics[0]?.[0] ?? 0),
+    min: 0,
+    max: 1000,
+    default: 0,
+  },
+  {
+    kind: 'textarea',
+    key: 'LyricsText',
+    name: 'Lyrics Text',
+    ref: ref(audioTrack.Lyrics[0]?.[1] ?? ''),
+    monospace: true,
+    readonly: false,
+  },
+  {
+    kind: 'button',
+    key: 'Clear',
+    name: '',
+    text: 'Clear',
+    action: () => {
+    },
+    disabled: true,
+  },
+  {
+    kind: 'hr',
+    key: 'audioTrack.hr.4',
+  },
+  {
+    kind: 'text',
+    key: 'GameOverText',
+    name: 'Game Over',
+    ref: gameOverText,
+    monospace: true,
+  },
+])
+</script>
+
+<template>
+  <div class="tw:flex tw:flex-col tw:items-center tw:justify-center tw:select-none">
+    <h3 class="tw:text-sm">
+      Audio Track
+    </h3>
+    <ControlsView :controls />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/Card.vue b/Frontend/src/components/library/Card.vue
new file mode 100644
index 0000000..e9b031e
--- /dev/null
+++ b/Frontend/src/components/library/Card.vue
@@ -0,0 +1,195 @@
+<script setup lang="ts">
+import { shallowRef, useTemplateRef } from 'vue'
+
+// Any card with a subtle outline and hover effect
+const {
+  hoverEnabled = true,
+  playheadEnabled = true,
+  selected = false,
+} = defineProps<{
+  hoverEnabled?: boolean
+  playheadEnabled?: boolean
+  selected?: boolean
+}>()
+
+const emit = defineEmits<{
+  (e: 'select'): void
+  (e: 'activate'): void
+  (e: 'playhead', pos: number): void
+}>()
+
+// Timeline / playhead position on hover in range 0..1,
+// or NaN when not hovered or hover is not enabled.
+const playheadPosition01 = shallowRef<number>(Number.NaN)
+const playheadEl = useTemplateRef('playheadEl')
+const card = useTemplateRef('card')
+
+// Simply tracks pointer enter/leave
+const isHovered = shallowRef(false)
+// flag to detect a recent touch tap so the following click doesn't also emit 'select'
+const lastTapWasTouch = shallowRef(false)
+// show playhead on touch while pressing
+const isTouchActive = shallowRef(false)
+// Once dragging starts, pointer should no longer cause click on release/up
+const isTouchDragging = shallowRef(false)
+// Playhead is active on mouse hover or touch down, but not after touch up which leaves dangling :hover on mobile.
+
+defineExpose({
+  playheadPosition01,
+})
+
+// Returns false if playhead wasn't updated
+function updatePlayhead(event: PointerEvent): boolean {
+  const target = event.currentTarget as HTMLElement | null
+  if (!hoverEnabled || !playheadEnabled || !target) {
+    return false
+  }
+
+  const rect = target.getBoundingClientRect()
+  const x = event.clientX - rect.left
+  const pos = rect.width > 0 ? Math.max(0, Math.min(1, x / rect.width)) : 0
+  playheadPosition01.value = pos
+
+  if (playheadEl.value) {
+    // position the 1px playhead using percentage so it adapts to responsive widths
+    playheadEl.value.style.left = `${pos * 100}%`
+  }
+  // emit normalized position for parent components to react (e.g. preview color)
+  emit('playhead', pos)
+  return true
+}
+
+function onPointerEnter(_event: PointerEvent) {
+  if (hoverEnabled) {
+    isHovered.value = true
+  }
+}
+
+function onPointerLeave(_event: PointerEvent) {
+  if (hoverEnabled) {
+    isHovered.value = false
+  }
+  isTouchActive.value = false
+  isTouchDragging.value = false
+  playheadPosition01.value = Number.NaN
+  if (playheadEl.value) {
+    playheadEl.value.style.left = ''
+  }
+  emit('playhead', Number.NaN)
+}
+
+function onPointerDown(event: PointerEvent) {
+  if (event.pointerType !== 'touch') {
+    return
+  }
+  if (updatePlayhead(event)) {
+    isTouchActive.value = true
+  }
+  if (card.value) {
+    card.value.setPointerCapture(event.pointerId)
+  }
+}
+
+function onPointerUp(event: PointerEvent) {
+  // Treat a single touch tap as activation
+  if (event.pointerType === 'touch') {
+    if (!isTouchDragging.value) {
+      emit('activate')
+    }
+    lastTapWasTouch.value = true
+    // keep the flag true briefly so the subsequent click handler can suppress 'select'
+    setTimeout(() => {
+      lastTapWasTouch.value = false
+    }, 50)
+    // clear touch-active playhead state
+    isTouchActive.value = false
+    isTouchDragging.value = false
+    onPointerLeave(event)
+  }
+}
+
+function onPointerMove(event: PointerEvent) {
+  updatePlayhead(event)
+  if (event.pointerType === 'touch') {
+    isTouchDragging.value = true
+  }
+}
+
+function onClick(event: MouseEvent) {
+  // If this click follows a touch tap, suppress the 'select' event
+  if (lastTapWasTouch.value) {
+    event.preventDefault()
+    lastTapWasTouch.value = false
+    return
+  }
+  emit('select')
+}
+
+function onDblClick(_event: MouseEvent) {
+  emit('activate')
+}
+</script>
+
+<template>
+  <div
+    ref="card" class="card card-border tw:min-w-10 tw:min-h-10 tw:grid" :class="{
+      'hover-enabled': hoverEnabled,
+      'playhead-enabled': hoverEnabled && playheadEnabled,
+      'playhead-active': isHovered || isTouchActive,
+      selected,
+    }" @pointerenter="onPointerEnter" @pointerleave="onPointerLeave" @pointerdown="onPointerDown"
+    @pointerup="onPointerUp" @pointermove="onPointerMove" @click="onClick" @dblclick="onDblClick"
+    @focusin="emit('select')"
+  >
+    <!-- content container -->
+    <div class="tw:row-span-full tw:col-span-full tw:w-full tw:h-full">
+      <slot />
+    </div>
+    <!-- playhead container -->
+    <div class="playhead-container tw:pointer-events-none tw:row-span-full tw:col-span-full">
+      <div ref="playheadEl" class="playhead" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.card {
+  color: var(--inactive-text-color);
+  background-color: var(--card-background-color);
+  overflow: hidden;
+  touch-action: pan-y;
+}
+
+.card.hover-enabled:hover,
+.card.selected {
+  color: var(--active-text-color);
+}
+
+.card.hover-enabled:hover {
+  outline: 2px solid var(--card-outline-color);
+}
+
+.card.selected,
+.card.selected:hover {
+  outline: 2px solid var(--card-outline-selected-color);
+}
+
+.playhead-container {
+  display: none;
+  position: relative;
+}
+
+.card.playhead-enabled.playhead-active .playhead-container {
+  display: unset;
+}
+
+.playhead {
+  width: 1px;
+  height: 100%;
+  /* center the 1px line on the pointer */
+  transform: translateX(-50%);
+  background-color: var(--timeline-playhead-color);
+  position: absolute;
+  top: 0;
+}
+</style>
diff --git a/Frontend/src/components/library/CardSeparator.vue b/Frontend/src/components/library/CardSeparator.vue
new file mode 100644
index 0000000..bef41f6
--- /dev/null
+++ b/Frontend/src/components/library/CardSeparator.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <hr class="card-separator">
+</template>
+
+<style scoped>
+@reference "tailwindcss";
+
+.card-separator {
+  @apply my-0.5;
+  min-height: var(--card-separator-width);
+  color: var(--card-separator-color);
+}
+</style>
diff --git a/Frontend/src/components/library/ColorSwatch.vue b/Frontend/src/components/library/ColorSwatch.vue
new file mode 100644
index 0000000..1e1951f
--- /dev/null
+++ b/Frontend/src/components/library/ColorSwatch.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+defineProps<{
+  color: string
+}>()
+</script>
+
+<template>
+  <div
+    class="tw:rounded-full tw:h-6 tw:w-6 tw:border-2 tw:border-neutral-50"
+    style="outline: 0.5px solid rgba(0, 0, 0, 0.6); outline-offset: -2px;" :style="{
+      backgroundColor: color,
+    }"
+  />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/LibraryContent.vue b/Frontend/src/components/library/LibraryContent.vue
new file mode 100644
index 0000000..55872b8
--- /dev/null
+++ b/Frontend/src/components/library/LibraryContent.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import type { AudioTrack } from '@/lib/AudioTrack'
+import FilterNone from '@material-design-icons/svg/outlined/filter_none.svg'
+import { computed, ref, shallowRef } from 'vue'
+import SectionHeader from '@/components/library/SectionHeader.vue'
+import SearchField from '@/components/SearchField.vue'
+import { useTrackStore } from '@/store/TrackStore'
+import Footer from '../Footer.vue'
+import TrackCard from './TrackCard.vue'
+
+const trackStore = useTrackStore()
+
+const selectedTrackName = ref<string | null>(null)
+
+const filterText = shallowRef('')
+
+const fuzzySubsequence = (needle: string, haystack: string): boolean => {
+  // returns true if all chars of needle appear in haystack in order
+  let i = 0
+  for (let j = 0; j < haystack.length && i < needle.length; j++) {
+    if (haystack[j] === needle[i]) {
+      i++
+    }
+  }
+  return i === needle.length
+}
+
+const trackMatches = (track: AudioTrack): boolean => {
+  const q = filterText.value.trim().toLowerCase()
+  if (q === '') {
+    return true
+  }
+
+  // split into tokens so e.g. "imagine drag" matches "Imagine Dragons"
+  const tokens = q.split(/\s+/).filter(Boolean)
+
+  // gather candidate fields to search (lowercased)
+  const fields: string[] = []
+  const pushField = (v?: string) => {
+    if (typeof v === 'string' && v.length > 0) {
+      fields.push(v.toLowerCase())
+    }
+  }
+  pushField(track.Name)
+  pushField(track.Artist)
+  pushField(track.Song)
+
+  // for each token, require it to match at least one field (via includes or fuzzy match)
+  return tokens.every((token) => {
+    return fields.some(field => field.includes(token) || fuzzySubsequence(token, field))
+  })
+}
+
+const filteredGroupedSortedTracks = computed(() => {
+  if (filterText.value === '') {
+    return trackStore.groupedSortedTracks
+  }
+  else {
+    return trackStore.groupedSortedTracks
+      .map(([language, tracks]) => {
+        tracks = tracks.filter(trackMatches)
+        return [language, tracks] as const
+      })
+      // remove empty languages
+      .filter(([_language, tracks]) => tracks.length > 0)
+  }
+})
+const filteredIsEmpty = computed(() => filteredGroupedSortedTracks.value.length === 0)
+</script>
+
+<template>
+  <div class="tw:flex tw:flex-col tw:h-full">
+    <!-- TODO: static positioning does not work in flex? -->
+    <div
+      class="tw:flex-none tw:top-0 tw:pt-4 tw:px-8 tw:max-sm:px-4 tw:flex tw:justify-center"
+      style="position: static;"
+    >
+      <SearchField v-model="filterText" class="tw:flex-1 tw:max-w-72 tw:max-sm:max-w-full" />
+    </div>
+    <div
+      v-if="filteredIsEmpty" class="tw:flex-1 tw:flex tw:flex-col tw:items-center tw:justify-center tw:gap-2"
+      style="color: #929292;"
+    >
+      <FilterNone class="tw:w-32 tw:h-32 tw:self-center tw:fill-current" />
+      <p class="tw:text-2xl tw:font-bold">
+        No tracks found
+      </p>
+    </div>
+    <div
+      v-else
+      class="tw:flex-none tw:grid tw:px-8 tw:pb-8 tw:max-sm:px-4 tw:max-sm:pb-4 tw:gap-4 tw:max-sm:columns-1" style="
+      grid-template-columns: repeat(auto-fit, minmax(min(var(--card-min-width), 100%), 1fr));
+    "
+    >
+      <template v-for="[language, tracks] in filteredGroupedSortedTracks" :key="language">
+        <SectionHeader class="tw:col-span-full">
+          {{ language }}
+        </SectionHeader>
+        <TrackCard
+          v-for="track in tracks"
+          :key="track.Name"
+          :track
+          :selected="track.Name === selectedTrackName"
+          @select="selectedTrackName = track.Name"
+        />
+      </template>
+    </div>
+    <Footer />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/SectionHeader.vue b/Frontend/src/components/library/SectionHeader.vue
new file mode 100644
index 0000000..dd0902d
--- /dev/null
+++ b/Frontend/src/components/library/SectionHeader.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>
+    <h2 class="tw:text-3xl tw:p-4 tw:pb-2 tw:text-center">
+      <slot />
+    </h2>
+    <hr class="section-header__separator">
+  </div>
+</template>
+
+<style scoped>
+.section-header__separator {
+  width: 100%;
+  height: 4px;
+  color: transparent;
+  background-image: radial-gradient(closest-side,
+      var(--timeline-track-border-color) 25%,
+      transparent 75%);
+  background-repeat: no-repeat;
+}
+</style>
diff --git a/Frontend/src/components/library/Slider.d.ts b/Frontend/src/components/library/Slider.d.ts
new file mode 100644
index 0000000..27fe641
--- /dev/null
+++ b/Frontend/src/components/library/Slider.d.ts
@@ -0,0 +1,2 @@
+/** Slider's orientation */
+export type Orientation = 'horizontal' | 'vertical'
diff --git a/Frontend/src/components/library/Slider.vue b/Frontend/src/components/library/Slider.vue
new file mode 100644
index 0000000..b8bdf9a
--- /dev/null
+++ b/Frontend/src/components/library/Slider.vue
@@ -0,0 +1,160 @@
+<script setup lang="ts">
+import type { Orientation } from './Slider'
+import { computed, useAttrs, useId } from 'vue'
+import classes from './ToolBar.module.css'
+
+defineOptions({ inheritAttrs: false })
+
+const {
+  min,
+  max,
+  step,
+  defaultValue,
+  reset,
+  orientation = 'horizontal',
+  title,
+} = defineProps<{
+  min?: number
+  max?: number
+  step?: number
+  defaultValue?: number
+  reset?: () => void
+  orientation?: Orientation
+  title?: string
+}>()
+
+const attrs = useAttrs()
+
+const isVertical = computed(() => orientation === 'vertical')
+const orient = computed(() => orientation === 'vertical' ? 'vertical' : null)
+
+const model = defineModel<number>()
+
+function dblclickHandler(event: MouseEvent) {
+  if (reset !== undefined) {
+    event.preventDefault()
+    reset()
+  }
+}
+
+const markersListId = useId()
+</script>
+
+<template>
+  <input
+    v-model.number="model" type="range" :min :max :step :orient :title class="slider tw:flex-1 tw:basis-20"
+    :class="[classes.toolbarControl, isVertical ? 'tw:min-h-10 tw:max-h-40' : 'tw:min-w-10 tw:max-w-40']"
+    :list="markersListId"
+    v-bind="attrs" @dblclick="dblclickHandler"
+  >
+  <!-- TODO: markers are not rendered because of overridden style, and they affect snapping essentially overriding steps -->
+  <datalist :id="markersListId">
+    <option v-if="defaultValue !== undefined" :value="defaultValue" />
+  </datalist>
+</template>
+
+<style scoped>
+.slider {
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+  border: none;
+  outline: none;
+  cursor: initial;
+
+  height: 24px;
+
+  &[orient="vertical"] {
+    writing-mode: vertical-lr;
+    height: unset;
+    width: 24px;
+  }
+}
+
+/* Idntical section ahead, but Chromium refuses to apply the style if it has multiple selectors */
+.slider::-webkit-slider-runnable-track {
+  -webkit-appearance: none;
+  appearance: none;
+  content: ' ';
+  background: #161616;
+  border-style: inset;
+  border-width: 1px;
+  border-top-color: #212125;
+  border-color: #2f2f35;
+  border-bottom-color: #2f2f35;
+  border-radius: 4px;
+
+  width: 100%;
+  height: 4px;
+}
+
+.slider::-moz-range-track {
+  -webkit-appearance: none;
+  appearance: none;
+  content: ' ';
+  background: #161616;
+  border-style: inset;
+  border-width: 1px;
+  border-top-color: #212125;
+  border-color: #2f2f35;
+  border-bottom-color: #2f2f35;
+  border-radius: 4px;
+
+  width: 100%;
+  height: 4px;
+}
+
+.slider[orient="vertical"]::-webkit-slider-runnable-track {
+  width: 4px;
+  height: 100%;
+}
+
+.slider[orient="vertical"]::-moz-range-track {
+  width: 4px;
+  height: 100%;
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  border-radius: 50%;
+  background: radial-gradient(#919191 80%, #212121);
+
+  /* unique to -webkit */
+  width: 12px;
+  height: 12px;
+  margin-top: -4px;
+}
+
+.slider[orient="vertical"]::-webkit-slider-thumb {
+  margin-top: 0;
+  margin-left: -4px;
+}
+
+.slider::-moz-range-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  border-radius: 50%;
+  background: radial-gradient(#919191 80%, #212121);
+
+  /* unique to -moz */
+  width: 8px;
+  height: 8px;
+}
+
+.slider:not(:disabled):active::-webkit-slider-thumb {
+  background: radial-gradient(#5e5e5e 40%, #919191 50%, #919191 80%, #212121);
+}
+
+.slider:not(:disabled):active::-moz-range-thumb {
+  background: radial-gradient(#5e5e5e 40%, #919191 50%, #919191 80%, #212121);
+}
+
+.slider:focus-visible::-webkit-slider-thumb {
+  outline: 4px solid #556cc9;
+}
+
+.slider:focus-visible::-moz-range-thumb {
+  outline: 4px solid #556cc9;
+}
+</style>
diff --git a/Frontend/src/components/library/ToolBar.module.css b/Frontend/src/components/library/ToolBar.module.css
new file mode 100644
index 0000000..9012b16
--- /dev/null
+++ b/Frontend/src/components/library/ToolBar.module.css
@@ -0,0 +1,83 @@
+@reference "tailwindcss";
+
+@layer utilities {
+  .tool-button {
+    &:not(:disabled):active {
+      color: white;
+      /* Note: do not apply transform to the button itself, as it would affect its interaction target. */
+      &>*:active {
+        transform: translateY(1px);
+      }
+    }
+  }
+}
+
+@layer components {
+  .toolbar-control {
+    color: #888888;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    line-height: 0;
+
+    @apply flex-none w-12 h-12 rounded-full;
+
+    @variant hover {
+      &:not(:disabled) {
+        @apply text-gray-300;
+      }
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    &>svg {
+      fill: currentColor;
+      filter: drop-shadow(rgb(0 0 0 / 0.75) 0px 1px);
+      @apply w-12 h-12;
+    }
+  }
+
+  .toolbar-toggle {
+    /* prevent CSS minifier/Tailwind purge from removing this rule */
+    --toolbar-toggle-keep: 0;
+  }
+
+  .toolbar-toggle-checked {
+    color: white;
+
+    @variant hover {
+      &:not(:disabled) {
+        color: white;
+      }
+    }
+  }
+
+  .tool-button-small {
+    color: #757575;
+    background-color: #2c2c30;
+    /* will-change: transform; */
+
+    @apply flex-none w-4 h-4 rounded-full;
+
+    @variant hover {
+      &:not(:disabled) {
+        color: #b9b9ba;
+        background-color: #303034;
+      }
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    &>svg {
+      fill: currentColor;
+      @apply w-4 h-4;
+    }
+  }
+}
diff --git a/Frontend/src/components/library/ToolButton.vue b/Frontend/src/components/library/ToolButton.vue
new file mode 100644
index 0000000..c4b09e9
--- /dev/null
+++ b/Frontend/src/components/library/ToolButton.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { Component } from 'vue'
+import classes from './ToolBar.module.css'
+
+defineProps<{
+  icon: string | Component
+}>()
+</script>
+
+<template>
+  <button type="button" :class="[classes.toolButton, classes.toolbarControl]">
+    <component :is="icon" />
+  </button>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/ToolButtonSmall.vue b/Frontend/src/components/library/ToolButtonSmall.vue
new file mode 100644
index 0000000..a1f5caa
--- /dev/null
+++ b/Frontend/src/components/library/ToolButtonSmall.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { Component } from 'vue'
+import classes from './ToolBar.module.css'
+
+defineProps<{
+  icon: string | Component
+  disabled?: boolean
+}>()
+</script>
+
+<template>
+  <button type="button" :class="[classes.toolButton, classes.toolButtonSmall]" :disabled>
+    <component :is="icon" />
+  </button>
+</template>
+
+<style scoped>
+</style>
diff --git a/Frontend/src/components/library/ToolToggle.vue b/Frontend/src/components/library/ToolToggle.vue
new file mode 100644
index 0000000..f3e95f9
--- /dev/null
+++ b/Frontend/src/components/library/ToolToggle.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { Component } from 'vue'
+import classes from './ToolBar.module.css'
+
+defineProps<{
+  checked: boolean
+  icon: string | Component
+}>()
+</script>
+
+<template>
+  <button
+    type="button"
+    :class="[
+      classes.toolButton,
+      classes.toolbarControl,
+      classes.toolbarToggle,
+      checked ? classes.toolbarToggleChecked : undefined,
+    ]"
+  >
+    <component :is="icon" />
+  </button>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/TrackCard.vue b/Frontend/src/components/library/TrackCard.vue
new file mode 100644
index 0000000..44063ac
--- /dev/null
+++ b/Frontend/src/components/library/TrackCard.vue
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import type { AudioTrack } from '@/lib/AudioTrack'
+import AutoAwesome from '@material-design-icons/svg/filled/auto_awesome.svg'
+import Explicit from '@material-design-icons/svg/filled/explicit.svg'
+import Lyrics from '@material-design-icons/svg/filled/lyrics.svg'
+import Event from '@material-design-icons/svg/two-tone/event.svg'
+import LibraryMusic from '@material-design-icons/svg/two-tone/library_music.svg'
+import { computed, shallowRef } from 'vue'
+import Card from '@/components/library/Card.vue'
+import ColorSwatch from '@/components/library/ColorSwatch.vue'
+import { formatTime, timeSeriesIsEmpty } from '@/lib/AudioTrack'
+import { openTrack } from '@/router'
+import CardSeparator from './CardSeparator.vue'
+import TrackCardBadge from './TrackCardBadge.vue'
+
+const {
+  track,
+} = defineProps<{
+  track: AudioTrack
+}>()
+
+const hasSeason = computed<boolean>(() => track.Season !== null)
+const hasLyrics = computed<boolean>(() => track.Lyrics.length !== 0)
+const hasEffects = computed<boolean>(() =>
+  timeSeriesIsEmpty(track.DrunknessLoopOffsetTimeSeries)
+  || timeSeriesIsEmpty(track.CondensationLoopOffsetTimeSeries),
+)
+
+// weird equality due to possible cache issues, and default being true
+const classForDisabled = computed<string | null>(() => track.Enabled === false ? 'tw:line-through' : null)
+
+const trackPalettePreview = computed<string[]>(() => track.Palette.slice(0, 6))
+
+// preview color per track name (reactive map)
+const previewColor = shallowRef<string | undefined>(undefined)
+
+function updatePreview(pos: number) {
+  if (!track || !track.Palette || track.Palette.length === 0) {
+    return
+  }
+  if (!Number.isFinite(pos)) {
+    // reset to default
+    previewColor.value = ''
+    return
+  }
+  // pick an index in the palette (wrap)
+  const n = track.Palette.length
+  const idx = Math.floor(pos * n) % n
+  previewColor.value = track.Palette[idx] || undefined
+}
+</script>
+
+<template>
+  <Card class="card" tabindex="0" @activate="openTrack(track)" @playhead="(pos) => updatePreview(pos)">
+    <div class="card-grid tw:grid tw:p-2 tw:gap-2">
+      <!-- preview -->
+      <!-- square aspect trick didn't work in grid, reverted to fixed size -->
+      <div
+        style="grid-area: preview;"
+        class="tw:w-32 tw:h-32 tw:max-sm:max-w-24 tw:max-sm:max-h-24 tw:self-center card-border"
+      >
+        <LibraryMusic class="tw:h-full tw:w-full card-preview" :style="{ color: previewColor }" />
+      </div>
+
+      <!-- info -->
+      <div style="grid-area: info;" class="tw:grid tw:grid-cols-1 tw:flex-col tw:gap-0 tw:items-end tw:justify-between">
+        <div class="tw:flex tw:flex-row tw:gap-1 tw:items-center">
+          <h3 class="tw:text-xl ellided" :class="classForDisabled" title="Song's codename as seen in game">
+            {{ track.Name }}
+          </h3>
+          <TrackCardBadge v-if="track.IsExplicit" :icon="Explicit" title="Warning: Explicit Content" />
+          <div class="tw:flex-1" /> <!-- separator -->
+          <TrackCardBadge v-if="hasSeason" :icon="Event" :title="`Seasonal Content (${track.Season})`" />
+          <TrackCardBadge v-if="hasLyrics" :icon="Lyrics" title="Contains Lyrics" />
+          <TrackCardBadge v-if="hasEffects" :icon="AutoAwesome" title="Contains Visual Effects" />
+        </div>
+        <CardSeparator />
+        <p class="ellided inactive-color" :class="classForDisabled" title="Artist">
+          {{ track.Artist }}
+        </p>
+        <p class="ellided inactive-color" :class="classForDisabled" title="Song">
+          {{ track.Song }}
+        </p>
+        <CardSeparator />
+      </div>
+
+      <!-- palette -->
+      <div style="grid-area: palette;" class="tw:self-center tw:py-1 tw:max-sm:ps-2 tw:flex tw:gap-1">
+        <ColorSwatch v-for="color, i in trackPalettePreview" :key="i" :color />
+      </div>
+
+      <!-- timing -->
+      <div style="grid-area: timing;" class="tw:flex tw:flex-col tw:text-xs">
+        <div title="Intro duration" class="tw:font-mono">
+          {{ formatTime(track.WindUpTimer) }}
+        </div>
+        <div v-if="track.LoopOffset > 0" title="Loop offset" class="tw:font-mono">
+          {{ track.LoopOffset }} beats
+        </div>
+        <div title="Loop duration" class="tw:font-mono">
+          {{ formatTime(track.FileDurationLoop) }}
+        </div>
+      </div>
+    </div>
+  </Card>
+</template>
+
+<style scoped>
+@reference "tailwindcss";
+
+.card-grid {
+  grid-template-areas:
+    "preview info     info"
+    "preview palette  timing";
+  grid-template-columns: max-content 1fr auto;
+  grid-template-rows: 1fr auto;
+
+  @variant max-sm {
+    grid-template-areas:
+      "preview info     info"
+      "palette palette  timing";
+  }
+}
+
+.card-preview {
+  fill: currentColor;
+  color: var(--inactive-text-color);
+  transition: color 0.1s linear;
+}
+
+.card.hover-enabled:hover .card-preview,
+.card.selected .card-preview {
+  color: var(--active-text-color);
+}
+
+.ellided {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.inactive-color {
+  color: var(--inactive-text-color);
+}
+</style>
diff --git a/Frontend/src/components/library/TrackCardBadge.vue b/Frontend/src/components/library/TrackCardBadge.vue
new file mode 100644
index 0000000..7c367a2
--- /dev/null
+++ b/Frontend/src/components/library/TrackCardBadge.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import type { Component } from 'vue'
+
+defineProps<{
+  icon: string | Component
+  title: string
+}>()
+</script>
+
+<template>
+  <div :title class="tw:flex-none tw:z-10">
+    <component :is="icon" class="tw:w-6 tw:h-6 tw:fill-current" />
+  </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/Frontend/src/components/library/VolumeSlider.vue b/Frontend/src/components/library/VolumeSlider.vue
new file mode 100644
index 0000000..75422f0
--- /dev/null
+++ b/Frontend/src/components/library/VolumeSlider.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import VolumeDown from '@material-design-icons/svg/outlined/volume_down.svg'
+import VolumeMute from '@material-design-icons/svg/outlined/volume_mute.svg'
+import VolumeOff from '@material-design-icons/svg/outlined/volume_off.svg'
+import VolumeUp from '@material-design-icons/svg/outlined/volume_up.svg'
+import { computed, useId } from 'vue'
+import Slider from '@/components/library/Slider.vue'
+import classes from './ToolBar.module.css'
+
+const {
+  defaultVolume = 1,
+  enableBoost = true,
+} = defineProps<{
+  defaultVolume?: number
+  // Boost increases volume range from 0..1 up to 0..1.5
+  enableBoost?: boolean
+}>()
+
+/** Muted flag. When muted, volume slider shows zero value, but remains interactive. */
+const muted = defineModel<boolean>('muted', { required: true })
+
+/** Volume in range 0..1 or 0..1.5 if boost is enabled. */
+const volume = defineModel<number>('volume', { required: true })
+
+const mutedId = useId()
+const mutedTitle = computed(() => muted.value ? 'Unmute' : 'Mute')
+
+function toggleMuted() {
+  muted.value = !muted.value
+}
+
+const volumeMax = computed(() => enableBoost ? 1.5 : 1.0)
+const sliderSteps = computed(() => enableBoost ? 24 : 16)
+
+function toSteps(volume: number): number {
+  return volume / volumeMax.value * sliderSteps.value
+}
+
+function fromSteps(steps: number): number {
+  return steps / sliderSteps.value * volumeMax.value
+}
+
+const volumeDisplay = computed<number>({
+  get() {
+    // displays zero volume when muted, despite actual unmuted volume is remembered
+    return muted.value ? 0 : toSteps(volume.value)
+  },
+  set(value: number) {
+    volume.value = fromSteps(value)
+  },
+})
+
+function reset() {
+  volume.value = defaultVolume
+}
+
+const defaultValue = computed(() => toSteps(defaultVolume))
+</script>
+
+<template>
+  <div class="tw:flex tw:flex-row tw:gap-2 tw:items-center">
+    <input
+      :id="mutedId"
+      type="checkbox"
+      class="tw:hidden"
+      :title="mutedTitle"
+      @click="toggleMuted"
+    >
+    <label
+      :for="mutedId"
+      :class="[classes.toolbarControl, classes.toolButton]"
+      :title="mutedTitle"
+      tabindex="0"
+    >
+      <VolumeOff v-if="muted" class="tw:text-[#e64b3d]" />
+      <!-- transforms are needed because icons are centered rather than aligned with each other -->
+      <VolumeMute v-else-if="volume < 0.33" style="transform: translateX(-8px);" />
+      <VolumeDown v-else-if="volume < 0.66" style="transform: translateX(-4px);" />
+      <VolumeUp v-else :class="{ 'tw:text-[#e8ba3d]': volume > 1.01 }" />
+    </label>
+    <Slider
+      v-model.number="volumeDisplay"
+      :min="0"
+      :max="sliderSteps"
+      :step="1"
+      :reset="reset"
+      :default-value
+      title="Volume"
+    />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/ZoomSlider.vue b/Frontend/src/components/library/ZoomSlider.vue
new file mode 100644
index 0000000..c1d7bbf
--- /dev/null
+++ b/Frontend/src/components/library/ZoomSlider.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type { Orientation } from './Slider'
+import type { UseZoomAxis } from '@/lib/useZoomAxis'
+import Add from '@material-design-icons/svg/filled/add.svg'
+import Remove from '@material-design-icons/svg/filled/remove.svg'
+import Slider from '@/components/library/Slider.vue'
+import ToolButtonSmall from './ToolButtonSmall.vue'
+
+const {
+  axis,
+  orientation = 'horizontal',
+} = defineProps<{
+  axis: UseZoomAxis
+  orientation?: Orientation
+}>()
+</script>
+
+<!-- for some reason min-width does not propagate up from Slider -->
+<template>
+  <div
+    class="tw:px-2 tw:flex tw:items-center tw:gap-2"
+    :class="orientation === 'vertical' ? 'tw:flex-col' : 'tw:flex-row'"
+  >
+    <ToolButtonSmall :icon="Remove" title="Zoom Out" :disabled="axis.isAtMin.value" @click="axis.zoomOut" />
+
+    <!-- skip :defaultValue="axis.default.discrete.value" because snapping makes dragging to negative values impossible -->
+    <Slider
+      v-model.number="axis.zoom.discrete.value"
+      :min="axis.min.discrete.value"
+      :max="axis.max.discrete.value"
+      :step="axis.stepSmall.discrete.value"
+      :orientation
+      :reset="axis.reset"
+    />
+
+    <ToolButtonSmall :icon="Add" title="Zoom In" :disabled="axis.isAtMax.value" @click="axis.zoomIn" />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/panel/Panel.vue b/Frontend/src/components/library/panel/Panel.vue
new file mode 100644
index 0000000..28b8f4a
--- /dev/null
+++ b/Frontend/src/components/library/panel/Panel.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import ToolBar from './ToolBar.vue'
+</script>
+
+<template>
+  <div class="tw:h-full tw:bg-(--main-background-color) tw:border-(--view-separator-color) tw:flex tw:flex-col">
+    <ToolBar v-if="$slots.toolbar">
+      <slot name="toolbar" />
+    </ToolBar>
+
+    <div class="tw:flex-1 tw:min-h-0">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/panel/ScrollablePanel.vue b/Frontend/src/components/library/panel/ScrollablePanel.vue
new file mode 100644
index 0000000..783a8a6
--- /dev/null
+++ b/Frontend/src/components/library/panel/ScrollablePanel.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import Panel from './Panel.vue'
+import ShadowedScrollView from './ShadowedScrollView.vue'
+</script>
+
+<template>
+  <Panel>
+    <template #toolbar>
+      <slot name="toolbar" />
+    </template>
+    <ShadowedScrollView class="tw:h-full">
+      <slot />
+    </ShadowedScrollView>
+  </Panel>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/library/panel/ShadowedScrollView.vue b/Frontend/src/components/library/panel/ShadowedScrollView.vue
new file mode 100644
index 0000000..e510473
--- /dev/null
+++ b/Frontend/src/components/library/panel/ShadowedScrollView.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { useScroll } from '@vueuse/core'
+import { useTemplateRef } from 'vue'
+
+const scrollView = useTemplateRef('scrollView')
+
+const { arrivedState } = useScroll(scrollView)
+
+// useScroll.arrivedState can get stale,
+// see: https://github.com/vueuse/vueuse/issues/4265#issuecomment-3618168624
+// const { arrivedState, measure } = useScroll(scrollView)
+// useInterval(2000, {
+//   callback: () => {
+//     console.log("MEASURE");
+//     measure();
+//   }
+// });
+</script>
+
+<template>
+  <div class="tw:min-h-0 tw:min-w-0 tw:grid tw:grid-rows-1 tw:grid-cols-1">
+    <!-- scrollable content view -->
+    <div ref="scrollView" class="tw:overflow-scroll tw:min-h-0" style="grid-row: 1; grid-column: 1;">
+      <slot />
+    </div>
+
+    <!-- bars of scroll shadow, on top of content -->
+    <div class="tw:size-full tw:relative tw:pointer-events-none" style="grid-row: 1; grid-column: 1;">
+      <!-- top shadow -->
+      <div class="tw:absolute tw:top-0 tw:left-0 tw:h-0 tw:w-full" :class="{ 'tw:invisible': arrivedState.top }">
+        <div class="tw:h-4 tw:w-full shadow-bottom" />
+      </div>
+
+      <!-- bottom shadow -->
+      <div class="tw:absolute tw:bottom-4 tw:left-0 tw:h-0 tw:w-full" :class="{ 'tw:invisible': arrivedState.bottom }">
+        <div class="tw:h-4 tw:w-full shadow-top" />
+      </div>
+
+      <!-- left shadow -->
+      <div class="tw:absolute tw:left-0 tw:top-0 tw:w-0 tw:h-full" :class="{ 'tw:invisible': arrivedState.left }">
+        <div class="tw:w-4 tw:h-full shadow-right" />
+      </div>
+
+      <!-- right shadow -->
+      <div class="tw:absolute tw:right-4 tw:top-0 tw:w-0 tw:h-full" :class="{ 'tw:invisible': arrivedState.right }">
+        <div class="tw:w-4 tw:h-full shadow-left" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.shadow-top,
+.shadow-right,
+.shadow-bottom,
+.shadow-left {
+  --shadow-darkest: rgba(0, 0, 0, 0.3);
+}
+
+.shadow-top {
+  background-image: linear-gradient(to top, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-right {
+  background-image: linear-gradient(to right, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-bottom {
+  background-image: linear-gradient(to bottom, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-left {
+  background-image: linear-gradient(to left, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+</style>
diff --git a/Frontend/src/components/library/panel/ToolBar.vue b/Frontend/src/components/library/panel/ToolBar.vue
new file mode 100644
index 0000000..202064c
--- /dev/null
+++ b/Frontend/src/components/library/panel/ToolBar.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="tw:bg-(--toolbar-background-color) tw:border-b tw:border-(--view-separator-color)">
+    <slot />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/scrollsync/ScrollSync.vue b/Frontend/src/components/scrollsync/ScrollSync.vue
new file mode 100644
index 0000000..4b92b59
--- /dev/null
+++ b/Frontend/src/components/scrollsync/ScrollSync.vue
@@ -0,0 +1,151 @@
+<script lang="ts">
+import type { Handler } from 'mitt'
+import { useRafFn } from '@vueuse/core'
+import mitt from 'mitt'
+// eslint-disable-next-line import/no-duplicates
+import { onBeforeUnmount, onMounted } from 'vue'
+
+interface ScrollSyncEvent {
+  scrollTop: number
+  scrollHeight: number
+  clientHeight: number
+  scrollLeft: number
+  scrollWidth: number
+  clientWidth: number
+  barHeight: number
+  barWidth: number
+  emitter: string
+  group: string
+}
+
+type Events = {
+  'scroll-sync': ScrollSyncEvent
+}
+
+const emitter = mitt<Events>()
+
+function useEvent<Key extends keyof Events>(
+  type: Key,
+  handler: Handler<Events[Key]>,
+): void {
+  const { on, off } = emitter
+
+  onMounted(() => {
+    on(type, handler)
+  })
+
+  onBeforeUnmount(() => {
+    off(type, handler)
+  })
+}
+</script>
+
+<script setup lang="ts">
+// eslint-disable-next-line import/first, import/no-duplicates
+import { useId, useTemplateRef } from 'vue'
+
+const {
+  proportional,
+  vertical,
+  horizontal,
+  group,
+} = defineProps<{
+  proportional?: boolean
+  vertical?: boolean
+  horizontal?: boolean
+  group: string
+}>()
+
+const uuid = useId()
+const nodeRef = useTemplateRef('scroll-sync-container')
+
+defineExpose({
+  scrollTo: (options: ScrollToOptions) => {
+    nodeRef.value?.scrollTo(options)
+  },
+})
+
+function handleScroll(event: Event) {
+  useRafFn(() => {
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight,
+      scrollLeft,
+      scrollWidth,
+      clientWidth,
+      offsetHeight,
+      offsetWidth,
+    } = event.target as HTMLElement
+
+    emitter.emit('scroll-sync', {
+      scrollTop,
+      scrollHeight,
+      clientHeight,
+      scrollLeft,
+      scrollWidth,
+      clientWidth,
+      barHeight: offsetHeight - clientHeight,
+      barWidth: offsetWidth - clientWidth,
+      emitter: uuid,
+      group,
+    })
+  }, { once: true })
+}
+
+useEvent('scroll-sync', (event: ScrollSyncEvent) => {
+  const node = nodeRef.value
+
+  if (event.group !== group || event.emitter === uuid || node === null) {
+    return
+  }
+
+  const {
+    scrollTop,
+    scrollHeight,
+    clientHeight,
+    scrollLeft,
+    scrollWidth,
+    clientWidth,
+    barHeight,
+    barWidth,
+  } = event
+
+  // from https://github.com/okonet/react-scroll-sync
+  const scrollTopOffset = scrollHeight - clientHeight
+  const scrollLeftOffset = scrollWidth - clientWidth
+
+  /* Calculate the actual pane height */
+  const paneHeight = node.scrollHeight - clientHeight
+  const paneWidth = node.scrollWidth - clientWidth
+
+  /* Adjust the scrollTop position of it accordingly */
+  node.removeEventListener('scroll', handleScroll)
+  if (vertical && scrollTopOffset > barHeight) {
+    node.scrollTop = proportional ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop
+  }
+  if (horizontal && scrollLeftOffset > barWidth) {
+    node.scrollLeft = proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft
+  }
+  useRafFn(() => {
+    node.addEventListener('scroll', handleScroll)
+  }, { once: true })
+})
+
+onMounted(() => {
+  const node = nodeRef.value
+  node!.addEventListener('scroll', handleScroll)
+})
+</script>
+
+<template>
+  <div ref="scroll-sync-container" class="scroll-sync-container">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.scroll-sync-container {
+  overflow: auto;
+}
+</style>
diff --git a/Frontend/src/components/timeline/MasterVolumeSlider.vue b/Frontend/src/components/timeline/MasterVolumeSlider.vue
new file mode 100644
index 0000000..93c4825
--- /dev/null
+++ b/Frontend/src/components/timeline/MasterVolumeSlider.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import VolumeSlider from '@/components/library/VolumeSlider.vue'
+import { useTrackStore } from '@/store/TrackStore'
+
+const trackStore = useTrackStore()
+
+const muted = computed<boolean>({
+  get() {
+    return trackStore.muted
+  },
+  set(muted: boolean) {
+    trackStore.setMuted(muted)
+  },
+})
+
+const volume = computed<number>({
+  get() {
+    return trackStore.volume
+  },
+  set(volume: number) {
+    trackStore.setVolume(volume)
+  },
+})
+</script>
+
+<template>
+  <VolumeSlider v-model:muted="muted" v-model:volume="volume" />
+</template>
+
+<style scoped>
+</style>
diff --git a/Frontend/src/components/timeline/Playhead.vue b/Frontend/src/components/timeline/Playhead.vue
new file mode 100644
index 0000000..d49ef9c
--- /dev/null
+++ b/Frontend/src/components/timeline/Playhead.vue
@@ -0,0 +1,60 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+
+const {
+  positionSeconds,
+  knob = true,
+  hidden = false,
+} = defineProps<{
+  // position in absolute seconds
+  positionSeconds: number
+  knob?: boolean
+  hidden?: boolean
+}>()
+
+const timeline = useTimelineStore()
+
+const positionPixels = computed(() => timeline.secondsToPixels(positionSeconds))
+const viewportSide = computed(() => timeline.viewportSide(positionSeconds))
+</script>
+
+<template>
+  <div
+    class="playhead" :style="{
+      transform: `translateX(${positionPixels}px)`,
+      visibility: hidden ? 'hidden' : undefined,
+    }"
+  >
+    <div
+      class="tw:absolute tw:flex tw:flex-col tw:h-full" style="width: 17px; transform: translateX(-8px)"
+      :style="{ paddingTop: knob ? 0 : 0 /* '1px' */ }"
+    >
+      <img v-if="knob" src="@/assets/playhead-top.png" class="tw:flex-none">
+      <img src="@/assets/playhead-main.png" class="tw:flex-1">
+    </div>
+
+    <!-- slot container -->
+    <div class="tw:absolute tw:px-2.5 tw:z-1" :style="viewportSide === 'left' ? { left: 0 } : { right: 0 }">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.playhead {
+  --timeline-playhead-fill: #e64b3d;
+  --timeline-playhead-border1-color: #e64b3d;
+  --timeline-playhead-border1-opacity: 24%;
+  --timeline-playhead-border2-color: #040000;
+  --timeline-playhead-border2-opacity: 36%;
+
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  top: 0;
+  will-change: transform, visibility;
+  /* pointer-events: none; */
+  user-select: none;
+}
+</style>
diff --git a/Frontend/src/components/timeline/Timeline.vue b/Frontend/src/components/timeline/Timeline.vue
new file mode 100644
index 0000000..9c83a30
--- /dev/null
+++ b/Frontend/src/components/timeline/Timeline.vue
@@ -0,0 +1,233 @@
+<script setup lang="ts">
+import type { UseOptionalWidgetStateReturn } from '@/lib/useOptionalWidgetState'
+import type { UseZoomAxis } from '@/lib/useZoomAxis'
+import { useElementBounding, useScroll } from '@vueuse/core'
+import { storeToRefs } from 'pinia'
+import { useId, useTemplateRef, watch } from 'vue'
+import ZoomSlider from '@/components/library/ZoomSlider.vue'
+import ScrollSync from '@/components/scrollsync/ScrollSync.vue'
+import TimelineHeader from '@/components/timeline/header/TimelineHeader.vue'
+import Playhead from '@/components/timeline/Playhead.vue'
+import { onInputKeyStroke } from '@/lib/onInputKeyStroke'
+import { useTimelineScrubbing } from '@/lib/useTimelineScrubbing'
+import { useVeiwportWheel } from '@/lib/useVeiwportWheel'
+import { bindTwoWay, toPx } from '@/lib/vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+import TimelineMarkers from './markers/TimelineMarkers.vue'
+import TimelineTrackHeader from './TimelineTrackHeader.vue'
+import TimelineTrackView from './TimelineTrackView.vue'
+
+const {
+  rightSidebar,
+} = defineProps<{
+  rightSidebar: UseOptionalWidgetStateReturn
+}>()
+
+const timeline = useTimelineStore()
+
+const {
+  headerHeight,
+  sidebarWidth,
+  viewportScrollOffsetTop,
+  viewportScrollOffsetLeft,
+  contentWidthIncludingEmptySpacePx,
+  visibleTracks,
+} = storeToRefs(timeline)
+// nested composable marked with markRaw
+const viewportZoomHorizontal = timeline.viewportZoomHorizontal as any as UseZoomAxis
+const viewportZoomVertical = timeline.viewportZoomVertical as any as UseZoomAxis
+
+const timelineScrollGroup = useId()
+
+const timelineRootElement = useTemplateRef('timelineRootElement')
+const timelineScrollView = useTemplateRef<InstanceType<typeof ScrollSync>>('timelineScrollView')
+const timelineScrollViewBounding = useElementBounding(timelineScrollView)
+watch(timelineScrollViewBounding.width, (value) => {
+  timeline.viewportWidth = value
+})
+watch(timelineScrollViewBounding.height, (value) => {
+  timeline.viewportHeight = value
+})
+const {
+  arrivedState: timelineScrollViewArrivedState,
+  x: timelineScrollViewOffsetLeft,
+  y: timelineScrollViewOffsetTop,
+} = useScroll(() => timelineScrollView.value?.$el)
+
+bindTwoWay(timelineScrollViewOffsetTop, viewportScrollOffsetTop)
+bindTwoWay(timelineScrollViewOffsetLeft, viewportScrollOffsetLeft)
+
+useVeiwportWheel(timelineRootElement, {
+  axisHorizontal: viewportZoomHorizontal,
+  axisVertical: viewportZoomVertical,
+  scrollOffsetLeft: timelineScrollViewOffsetLeft,
+})
+
+// Shift+Z - reset zoom
+onInputKeyStroke(event => event.shiftKey && (event.key === 'Z' || event.key === 'z'), (event) => {
+  timeline.zoomToggleBetweenWholeAndLoop()
+  event.preventDefault()
+})
+
+const scrubbing = useTemplateRef('scrubbing')
+useTimelineScrubbing(scrubbing)
+</script>
+
+<template>
+  <div
+    ref="timelineRootElement" class="tw:w-full tw:grid tw:gap-0" :style="{
+      'grid-template-columns': `${toPx(sidebarWidth)} 1fr ${rightSidebar.visible.value ? rightSidebar.width.string.value : ''}`,
+      'grid-template-rows': `${toPx(headerHeight)} 1fr`,
+    }"
+  >
+    <!-- top left corner, contains zoom controls -->
+    <div
+      class="toolbar-background tw:max-w-full tw:flex tw:flex-row tw:flex-nowrap tw:items-center"
+      style="grid-row: 1; grid-column: 1; border-right: var(--view-separator-border); border-bottom: var(--view-separator-border);"
+    >
+      <ZoomSlider :axis="viewportZoomHorizontal" class="tw:flex-1" />
+    </div>
+
+    <!-- left sidebar with timeline track names -->
+    <ScrollSync
+      :group="timelineScrollGroup" :vertical="true" class="toolbar-background scrollbar-none"
+      style="grid-row: 2; grid-column: 1; border-right: var(--view-separator-border);"
+    >
+      <template v-for="timelineTrack in visibleTracks" :key="timelineTrack.name">
+        <TimelineTrackHeader :timeline-track />
+      </template>
+    </ScrollSync>
+
+    <!-- header with timestamps -->
+    <ScrollSync
+      :group="timelineScrollGroup" :horizontal="true" class="timeline-background scrollbar-none tw:relative"
+      style="grid-row: 1; grid-column: 2; border-bottom: var(--view-separator-border);"
+    >
+      <div ref="scrubbing" class="tw:relative tw:h-full" :style="{ width: contentWidthIncludingEmptySpacePx }">
+        <TimelineHeader />
+      </div>
+
+      <!-- <Playhead :positionSeconds="timeline.playheadPosition"> -->
+      <!-- <Timestamp :seconds="cursorPositionSeconds ?? 0" :beats="cursorPositionBeats ?? 0" v-if="isDragging" /> -->
+      <!-- </Playhead> -->
+    </ScrollSync>
+
+    <!-- timeline content -->
+    <ScrollSync
+      ref="timelineScrollView" :group="timelineScrollGroup" :horizontal="true" :vertical="true"
+      class="tw:size-full timeline-background tw:relative" style="grid-row: 2; grid-column: 2;"
+    >
+      <!-- timeline content wrapper for good measure -->
+      <div
+        class="tw:relative tw:overflow-hidden tw:min-h-full"
+        :style="{ width: timeline.contentWidthIncludingEmptySpacePx }"
+      >
+        <!-- timeline markers -->
+        <TimelineMarkers />
+
+        <!-- timeline tracks -->
+        <div>
+          <template v-for="timelineTrack in visibleTracks" :key="timelineTrack.name">
+            <TimelineTrackView :timeline-track />
+          </template>
+        </div>
+      </div>
+    </ScrollSync>
+
+    <!-- horizontal bars of scroll shadow, on top of sidebar and content, but under playhead -->
+    <div class="tw:size-full tw:relative tw:pointer-events-none" style="grid-row: 2; grid-column: 1 / 3;">
+      <div
+        class="tw:absolute tw:top-0 tw:left-0 tw:h-0 tw:w-full"
+        :class="{ 'tw:invisible': timelineScrollViewArrivedState.top }"
+      >
+        <div class="tw:h-4 tw:w-full shadow-bottom" />
+      </div>
+
+      <div
+        class="tw:absolute tw:bottom-4 tw:left-0 tw:h-0 tw:w-full"
+        :class="{ 'tw:invisible': timelineScrollViewArrivedState.bottom }"
+      >
+        <div class="tw:h-4 tw:w-full shadow-top" />
+      </div>
+    </div>
+
+    <!-- playhead -->
+    <ScrollSync
+      :group="timelineScrollGroup" :horizontal="true" class="tw:size-full tw:pointer-events-none"
+      style="grid-row: 1 / 3; grid-column: 2;"
+    >
+      <div
+        class="tw:h-full tw:relative tw:overflow-hidden"
+        :style="{ width: timeline.contentWidthIncludingEmptySpacePx }"
+      >
+        <!-- actuals playback position -->
+        <Playhead :position-seconds="timeline.playheadPosition" :knob="true">
+          <!-- <Timestamp :seconds="cursorPositionSeconds ?? 0" :beats="cursorPositionBeats ?? 0" v-if="isDragging" /> -->
+        </Playhead>
+      </div>
+    </ScrollSync>
+
+    <!-- cursor on hover -->
+    <!-- <Playhead :position="cursorPosition" :timelineWidth="timelineWidth" :knob="false"
+      :hidden="cursorPositionSeconds === null || isDragging">
+      <Timestamp :seconds="cursorPositionSeconds ?? 0" :beats="cursorPositionBeats ?? 0" />
+    </Playhead> -->
+
+    <!-- vertical bars of scroll shadow, on top of header, content AND playhead -->
+    <div class="tw:size-full tw:relative tw:pointer-events-none" style="grid-row: 1 / -1; grid-column: 2;">
+      <div
+        class="tw:absolute tw:top-0 tw:left-0 tw:w-0 tw:h-full"
+        :class="{ 'tw:invisible': timelineScrollViewArrivedState.left }"
+      >
+        <div class="tw:w-4 tw:h-full shadow-right" />
+      </div>
+
+      <div
+        class="tw:absolute tw:top-0 tw:right-4 tw:w-0 tw:h-full"
+        :class="{ 'tw:invisible': timelineScrollViewArrivedState.right }"
+      >
+        <div class="tw:w-4 tw:h-full shadow-left" />
+      </div>
+    </div>
+
+    <!-- empty cell at the top right -->
+    <div
+      v-if="rightSidebar.visible.value" class="toolbar-background"
+      style="grid-row: 1; grid-column: 3; border-bottom: var(--view-separator-border); border-left: var(--view-separator-border);"
+    />
+
+    <!-- right sidebar with vertical zoom slider -->
+    <div
+      v-if="rightSidebar.visible.value"
+      class="toolbar-background tw:size-full tw:min-h-0 tw:py-2 tw:flex tw:flex-col tw:items-center"
+      style="grid-row: 2; grid-column: 3; border-left: var(--view-separator-border);"
+    >
+      <ZoomSlider :axis="viewportZoomVertical" orientation="vertical" class="tw:w-full tw:min-h-0" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.shadow-top,
+.shadow-right,
+.shadow-bottom,
+.shadow-left {
+  --shadow-darkest: rgba(0, 0, 0, 0.3);
+}
+
+.shadow-top {
+  background-image: linear-gradient(to top, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-right {
+  background-image: linear-gradient(to right, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-bottom {
+  background-image: linear-gradient(to bottom, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+
+.shadow-left {
+  background-image: linear-gradient(to left, var(--shadow-darkest) 0%, rgba(0, 0, 0, .0) 100%);
+}
+</style>
diff --git a/Frontend/src/components/timeline/TimelinePanel.vue b/Frontend/src/components/timeline/TimelinePanel.vue
new file mode 100644
index 0000000..93f5e1f
--- /dev/null
+++ b/Frontend/src/components/timeline/TimelinePanel.vue
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import Pause from '@material-design-icons/svg/outlined/pause_circle.svg'
+import Play from '@material-design-icons/svg/outlined/play_circle.svg'
+import Replay from '@material-design-icons/svg/outlined/replay.svg'
+import Restart from '@material-design-icons/svg/outlined/restart_alt.svg'
+import ViewSidebar from '@material-design-icons/svg/outlined/view_sidebar.svg'
+import { useLocalStorage } from '@vueuse/core'
+import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { togglePlayStop } from '@/audio/AudioEngine'
+import Panel from '@/components/library/panel/Panel.vue'
+import ToolButton from '@/components/library/ToolButton.vue'
+import ToolToggle from '@/components/library/ToolToggle.vue'
+import Timestamp from '@/components/timeline/Timestamp.vue'
+import { useOptionalWidgetState } from '@/lib/useOptionalWidgetState'
+import { useTimelineStore } from '@/store/TimelineStore'
+import MasterVolumeSlider from './MasterVolumeSlider.vue'
+import Timeline from './Timeline.vue'
+
+const timeline = useTimelineStore()
+const { audioTrack, isPlaying } = storeToRefs(timeline)
+
+const hasLoopOffset = computed(() => audioTrack.value?.LoopOffset !== 0)
+
+// Questionable thin vertical sidebar on the right, contains vertical zoom slider.
+// Not sure I want this to remain, so used a boolean flag to hide.
+const rightSidebar = useOptionalWidgetState({
+  visible: useLocalStorage('timeline.rightSidebar.visible', true),
+  showString: 'Show Right Sidebar',
+  hideString: 'Hide Right Sidebar',
+  width: 32,
+})
+
+function rewindToIntro() {
+  timeline.rewindToIntro()
+}
+function rewindToWindUp() {
+  timeline.rewindToWindUp()
+}
+function rewindToLoop() {
+  timeline.rewindToLoop()
+}
+function toggle() {
+  togglePlayStop(timeline.player, { rememberPosition: true })
+}
+</script>
+
+<template>
+  <Panel class="tw:border-t">
+    <template #toolbar>
+      <div
+        class="tw:flex tw:flex-row tw:max-sm:flex-col tw:items-center tw:justify-center tw:gap-x-4 tw:gap-y-2 tw:px-4 tw:max-sm:px-2 tw:py-1"
+      >
+        <div
+          class="tw:flex-initial tw:max-sm:w-full tw:flex tw:flex-row tw:max-sm:border-b tw:border-(--view-separator-color)"
+        >
+          <ToolButton :icon="Replay" title="Rewind to Intro" @click="rewindToIntro" />
+          <ToolButton
+            :icon="Restart"
+            :title="hasLoopOffset ? 'Rewind to Wind-up' : 'Rewind to Wind-up / Loop'"
+            @click="rewindToWindUp"
+          />
+          <ToolButton v-if="hasLoopOffset" :icon="Restart" title="Rewind to Loop" @click="rewindToLoop" />
+          <ToolButton :icon="isPlaying ? Pause : Play" :title="isPlaying ? 'Pause' : 'Play'" @click="toggle" />
+          <MasterVolumeSlider class="tw:max-sm:flex-1 tw:pe-2 tw:min-w-40" />
+        </div>
+        <div class="tw:flex-1 tw:max-sm:w-full tw:flex tw:flex-row tw:gap-x-2">
+          <Timestamp :seconds="timeline.playheadPosition" :beats="timeline.playheadPositionLoopOffsetBeats" />
+          <div class="description tw:min-w-0 tw:text-center tw:self-center tw:font-bold tw:truncate">
+            {{ audioTrack?.Name }}
+          </div>
+          <Timestamp :seconds="timeline.duration" :beats="timeline.durationBeats" />
+          <ToolToggle
+            :checked="rightSidebar.visible.value" :icon="ViewSidebar" :title="rightSidebar.toggleActionString.value"
+            @click="rightSidebar.toggle()"
+          />
+        </div>
+      </div>
+    </template>
+
+    <Timeline class="tw:min-h-0 tw:size-full" :right-sidebar />
+  </Panel>
+</template>
+
+<style scoped>
+.description {
+  flex: 1 1 auto;
+}
+</style>
diff --git a/Frontend/src/components/timeline/TimelineTrackHeader.vue b/Frontend/src/components/timeline/TimelineTrackHeader.vue
new file mode 100644
index 0000000..977de02
--- /dev/null
+++ b/Frontend/src/components/timeline/TimelineTrackHeader.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import type { TimelineTrackData } from '@/lib/Timeline'
+import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { toPx } from '@/lib/vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+
+const {
+  timelineTrack,
+} = defineProps<{
+  timelineTrack: TimelineTrackData
+}>()
+
+const { trackHeight } = storeToRefs(useTimelineStore())
+
+const enCardinalRules = new Intl.PluralRules('en-US')
+
+const clipStrings = new Map([
+  ['zero', 'Clips'],
+  ['one', 'Clip'],
+  ['two', 'Clips'],
+  ['few', 'Clips'],
+  ['other', 'Clips'],
+])
+
+function getClipsCountString(n: number): string {
+  return `${n} ${clipStrings.get(enCardinalRules.select(n)) ?? 'Clip'}`
+}
+
+const big = computed(() => trackHeight.value > 50)
+</script>
+
+<template>
+  <!-- border-bottom -->
+  <div class="tw:w-full" style="border-bottom: var(--view-separator-border);" :style="{ height: toPx(trackHeight) }">
+    <!-- horizontal layout -->
+    <div class="tw:size-full tw:flex tw:flex-row">
+      <!-- left color strip -->
+      <div
+        class="tw:flex-none tw:w-1 tw:h-full tw:border-r" style="border-right: var(--view-separator-border);"
+        :style="{ backgroundColor: timelineTrack.color }"
+      />
+
+      <!-- another cool dark border -->
+      <div class="tw:flex-none tw:w-2 tw:h-full tw:border-r" style="border-right: var(--view-separator-border);" />
+
+      <!-- content -->
+      <div class="tw:flex-1 tw:min-w-0 tw:h-full tw:px-2 tw:text-sm" :class="big ? 'tw:py-2' : 'tw:justify-center'">
+        <div class="tw:min-w-0 tw:select-none tw:truncate tw:font-semibold" :class="big ? null : 'tw:h-full tw:flex tw:items-center'">
+          {{ timelineTrack.name }}
+        </div>
+        <div v-if="big" class="tw:min-w-0 tw:select-none tw:truncate tw:text-gray-400 clips-count">
+          {{ getClipsCountString(timelineTrack.clips.length) }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/TimelineTrackView.vue b/Frontend/src/components/timeline/TimelineTrackView.vue
new file mode 100644
index 0000000..0e20c08
--- /dev/null
+++ b/Frontend/src/components/timeline/TimelineTrackView.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { TimelineTrackData } from '@/lib/Timeline'
+import { storeToRefs } from 'pinia'
+import { toPx } from '@/lib/vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+import TimelineClipView from './clip/TimelineClipView.vue'
+
+const {
+  timelineTrack,
+} = defineProps<{
+  timelineTrack: TimelineTrackData
+}>()
+
+const timeline = useTimelineStore()
+const { trackHeight, contentWidthIncludingEmptySpacePx } = storeToRefs(timeline)
+</script>
+
+<template>
+  <div
+    style="position: relative; display: grid; border-bottom: var(--timeline-track-border);"
+    :style="{ width: contentWidthIncludingEmptySpacePx, height: toPx(trackHeight) }"
+  >
+    <!-- top & bottom lines -->
+    <div
+      class="tw:size-full" style="grid-row: 1; grid-column: 1;
+      border-top: var(--timeline-track-border-top); border-bottom: var(--timeline-track-border-bottom);"
+    />
+
+    <!-- timeline track's clips -->
+    <div class="tw:size-full" style="grid-row: 1; grid-column: 1; position: relative;">
+      <!-- TODO: use clip id -->
+      <template v-for="timelineClip in timelineTrack.clips" :key="timelineClip.clipIn">
+        <TimelineClipView :timeline-track :timeline-clip />
+      </template>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/Timestamp.vue b/Frontend/src/components/timeline/Timestamp.vue
new file mode 100644
index 0000000..c121ac6
--- /dev/null
+++ b/Frontend/src/components/timeline/Timestamp.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { formatBeats, formatTime } from '@/lib/AudioTrack'
+
+defineProps<{
+  seconds: number
+  beats: number
+}>()
+</script>
+
+<template>
+  <div class="timestamp">
+    <div title="seconds">
+      {{ formatTime(seconds) }}
+    </div>
+    <div title="beats">
+      {{ formatBeats(beats) }}
+    </div>
+  </div>
+</template>
+
+<style>
+.timestamp {
+  display: inline flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: end;
+  gap: 0;
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/TimelineClipView.vue b/Frontend/src/components/timeline/clip/TimelineClipView.vue
new file mode 100644
index 0000000..fb7bcfe
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/TimelineClipView.vue
@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { useCssVar, useElementBounding } from '@vueuse/core'
+import { storeToRefs } from 'pinia'
+import { computed, shallowRef, useTemplateRef } from 'vue'
+import { timelineClipColor, toAbsoluteDuration, toAbsoluteTime } from '@/lib/Timeline'
+import { toPx, usePx } from '@/lib/usePx'
+import { useTimelineStore } from '@/store/TimelineStore'
+import { getComponentFor } from '.'
+
+const {
+  timelineTrack,
+  timelineClip,
+} = defineProps<{
+  timelineTrack: TimelineTrackData
+  timelineClip: TimelineClipData
+}>()
+
+const timeline = useTimelineStore()
+const { audioTrack } = storeToRefs(timeline)
+
+const contentView = computed(() => getComponentFor(timelineTrack))
+
+const left = computed(() => {
+  const t = toAbsoluteTime(audioTrack.value, timelineTrack.reference, timelineClip.clipIn)
+  const px = timeline.secondsToPixels(t)
+  return toPx(px)
+})
+
+const width = usePx(() => {
+  const t = toAbsoluteDuration(audioTrack.value, timelineTrack.reference, timelineClip.duration)
+  const px = timeline.secondsToPixels(t)
+  return px
+})
+
+const autorepeat = computed(() => timelineClip.autorepeat)
+const color = computed(() => timelineClipColor(timelineTrack, timelineClip))
+
+const isSelected = shallowRef(false)
+function selectClip() {
+  // TODO: make selection manager
+  isSelected.value = !isSelected.value
+}
+
+// style:
+// - always thin outer border style
+// - regular (non-autorepeat):
+//   - outer border is 50% black
+//   - if not selected, do nothing
+//   - if selected, red (inner) outline
+// - autorepeat:
+//   - outer border is transparent (but still occupies 1px of space)
+//   - always dashed thick outer border style
+//   - if not selected, custom colored border
+//   - if selected, red outline
+/* NOTE: the following is "would do anything to avoid hardcoding 4px width limit" */
+const selectionRef = useTemplateRef('selection')
+const { width: selectionWidth } = useElementBounding(selectionRef)
+const outlineSelectedWidth = useCssVar('--timeline-clip-outline-selected-width', selectionRef)
+const innerBorderVisible = computed(() => outlineSelectedWidth.value ? selectionWidth.value > 2 * Number.parseInt(outlineSelectedWidth.value, 10) : false)
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:h-full tw:border tw:rounded-(--timeline-clip-border-radius) tw:overflow-hidden"
+    :style="{
+      left,
+      width: width.string,
+      maxWidth: width.string,
+      borderColor: autorepeat ? 'transparent' : 'var(--timeline-clip-border-color)',
+    }"
+    @click="selectClip"
+  >
+    <!-- background color within outline borders -->
+    <div
+      v-if="!autorepeat"
+      class="tw:absolute tw:size-full"
+      :style="{ backgroundColor: color }"
+    />
+
+    <component :is="contentView" :track="timelineTrack" :clip="timelineClip" :width="width.number" />
+
+    <!-- selection outline, above content -->
+    <div
+      v-if="isSelected || autorepeat" ref="selection"
+      class="tw:absolute tw:size-full tw:max-w-full tw:pointer-events-none tw:select-none"
+      :class="{ selection: isSelected, autorepeat }"
+      :style="!isSelected ? { borderColor: color } : null"
+    >
+      <div
+        v-if="!autorepeat && innerBorderVisible"
+        class="tw:absolute tw:size-full tw:max-w-full selection-inner"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.selection {
+  border: var(--timeline-clip-outline-selected);
+}
+
+.autorepeat {
+  border-width: var(--timeline-clip-outline-selected-width);
+  border-style: dashed;
+}
+
+.selection-inner {
+  border: 1px solid var(--timeline-clip-border-color-inner);
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/Audio.vue b/Frontend/src/components/timeline/clip/impl/Audio.vue
new file mode 100644
index 0000000..f445f51
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/Audio.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { computed } from 'vue'
+import { timelineClipLabel } from '@/lib/Timeline'
+import AudioWaveform from './AudioWaveform.vue'
+import BottomLine from './BottomLine.vue'
+
+const {
+  track,
+  clip,
+  width,
+} = defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+
+const label = computed(() => timelineClipLabel(track, clip))
+</script>
+
+<template>
+  <!-- waveform -->
+  <div v-if="clip.audioBuffer !== undefined" class="waveform-wrapper">
+    <div class="waveform-content tw:overflow-hidden">
+      <AudioWaveform :buffer="clip.audioBuffer" />
+    </div>
+  </div>
+  <!-- clip label -->
+  <div class="label-wrapper">
+    <div class="label-content tw:truncate" :style="{ display: width < 22 ? 'none' : undefined }" :title="label">
+      {{ label }}
+    </div>
+  </div>
+  <!-- clip line -->
+  <BottomLine />
+</template>
+
+<style scoped>
+.waveform-wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding-top: 2px;
+  padding-left: 1px;
+  padding-right: 1px;
+  /* same as bottom line */
+  padding-bottom: calc(var(--tw-spacing) * 5.5 + 2px);
+}
+
+.waveform-content {
+  width: 100%;
+  height: 100%;
+}
+
+.label-wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding-left: 2px;
+  padding-right: 4px;
+  padding-bottom: 2px;
+  display: flex;
+  align-items: end;
+  justify-content: start;
+}
+
+.label-content {
+  background-color: var(--timeline-clip-label-background-color);
+  outline: 1px solid var(--timeline-clip-label-border-color);
+  border-radius: 3px;
+  text-align: start;
+  max-width: fit-content;
+  padding: 0 2px;
+  font-size: 8pt;
+  user-select: none;
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/AudioWaveform.vue b/Frontend/src/components/timeline/clip/impl/AudioWaveform.vue
new file mode 100644
index 0000000..12a6d2d
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/AudioWaveform.vue
@@ -0,0 +1,130 @@
+<script setup lang="ts">
+import { unrefElement, useResizeObserver, useThrottleFn } from '@vueuse/core'
+import { shallowRef, useTemplateRef, watchEffect } from 'vue'
+import { useWaveform } from '@/audio/AudioWaveform'
+
+const {
+  buffer,
+} = defineProps<{
+  buffer: AudioBuffer
+}>()
+
+const canvas = useTemplateRef('canvas')
+const canvasWidth = shallowRef(0)
+
+// TODO: only render what's visible on the timeline.
+// Currently at max zoom canvas may exceed 32_000 px width which browser refuses to render.
+
+const waveform = useWaveform(() => buffer, canvasWidth)
+
+let peakHeights = new Uint32Array(0)
+
+const redraw = useThrottleFn((isDone: boolean, peaks: Float32Array) => {
+  const c = unrefElement(canvas)
+  if (!c) {
+    return
+  }
+
+  const ctx = c.getContext('2d')
+  if (!ctx) {
+    return
+  }
+
+  const width = c.width
+  const halfHeight = Math.floor(c.height / 2)
+
+  if (peakHeights.length !== width) {
+    peakHeights = new Uint32Array(width)
+  }
+
+  const scale = 1.75
+  for (let x = 0; x < width; x += 1) {
+    // audio tracks are normalized to a peak -14 dBFS, so we need to stretch them up to take up reasonable space
+    const peakHeight = Math.min(1, (peaks[x] ?? 0) * scale)
+    const height = Math.round(peakHeight * halfHeight)
+    peakHeights[x] = height
+  }
+
+  ctx.save()
+  ctx.clearRect(0, 0, c.width, c.height)
+
+  ctx.fillStyle = '#ffffffd8'
+  ctx.strokeStyle = 'transparent'
+
+  // fill first, slanted outline next
+  for (let x = 0; x < width; x += 1) {
+    const height = peakHeights[x]!
+    // draw vertically centered
+    const y = Math.round(halfHeight - height)
+    ctx.fillRect(x, y, 1, height * 2)
+  }
+
+  // outline
+  ctx.fillStyle = 'transparent'
+  ctx.strokeStyle = '#00000080'
+  ctx.lineWidth = 1
+
+  ctx.beginPath()
+
+  for (const sign of [-1, 1]) {
+    ctx.moveTo(0, peakHeights[0] ?? 0)
+
+    for (let x = 1; x < width; x += 1) {
+      const height = peakHeights[x]!
+      const y = sign * height + halfHeight
+      ctx.lineTo(x, y)
+    }
+  }
+  ctx.stroke()
+
+  // middle line
+  ctx.fillStyle = '#a1a998'
+  ctx.fillRect(0, Math.round(halfHeight), c.width, 1)
+
+  ctx.restore()
+}, 0)
+
+const resizeObserver: globalThis.ResizeObserverCallback = (entries: ResizeObserverEntry[], _observer: ResizeObserver) => {
+  const c = unrefElement(canvas)
+  if (!c) {
+    return
+  }
+
+  const ctx = c.getContext('2d')
+  if (!ctx) {
+    return
+  }
+
+  const entry = entries.filter(entry => entry.target === c)[0]
+  if (!entry) {
+    return
+  }
+
+  // get the size from the ResizeObserverEntry (contentRect) and handle
+  // devicePixelRatio so the canvas looks sharp on HiDPI screens
+  const rect = entry.contentRect || c.getBoundingClientRect()
+  const cssWidth = rect.width
+  const cssHeight = rect.height
+  const dpr = window.devicePixelRatio || 1
+
+  // set internal canvas size in device pixels
+  c.width = Math.max(1, Math.round(cssWidth * dpr))
+  c.height = Math.max(1, Math.round(cssHeight * dpr))
+
+  canvasWidth.value = c.width
+
+  redraw(waveform.isDone.value, waveform.peaks.value)
+}
+
+useResizeObserver(canvas, resizeObserver)
+
+watchEffect(() => {
+  redraw(waveform.isDone.value, waveform.peaks.value)
+}, { flush: 'sync' })
+</script>
+
+<template>
+  <canvas ref="canvas" class="tw:size-full" />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/clip/impl/BottomLine.vue b/Frontend/src/components/timeline/clip/impl/BottomLine.vue
new file mode 100644
index 0000000..d3119b6
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/BottomLine.vue
@@ -0,0 +1,4 @@
+<template>
+  <!-- Just a cool line stretching all over the clip -->
+  <div class="tw:absolute tw:w-full tw:h-0 tw:bottom-5.5 tw:border-b tw:border-(--timeline-clip-baseline-color)" />
+</template>
diff --git a/Frontend/src/components/timeline/clip/impl/Default.vue b/Frontend/src/components/timeline/clip/impl/Default.vue
new file mode 100644
index 0000000..c423c4e
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/Default.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { computed } from 'vue'
+import { timelineClipLabel } from '@/lib/Timeline'
+import BottomLine from './BottomLine.vue'
+
+const {
+  track,
+  clip,
+  width,
+} = defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+
+const label = computed(() => timelineClipLabel(track, clip))
+</script>
+
+<template>
+  <!-- clip label -->
+  <div class="label-wrapper">
+    <div class="label-content tw:truncate" :style="{ display: width < 22 ? 'none' : undefined }" :title="label">
+      {{ label }}
+    </div>
+  </div>
+  <!-- clip line -->
+  <BottomLine />
+</template>
+
+<style scoped>
+.label-wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding-left: 2px;
+  padding-right: 4px;
+  padding-bottom: 2px;
+  display: flex;
+  align-items: end;
+  justify-content: start;
+}
+
+.label-content {
+  background-color: var(--timeline-clip-label-background-color);
+  outline: 1px solid var(--timeline-clip-label-border-color);
+  border-radius: 3px;
+  text-align: start;
+  max-width: fit-content;
+  padding: 0 2px;
+  font-size: 8pt;
+  user-select: none;
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/Empty.vue b/Frontend/src/components/timeline/clip/impl/Empty.vue
new file mode 100644
index 0000000..3cec85f
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/Empty.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+
+defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+</script>
+
+<template>
+  <div class="view">
+    Yahaha
+  </div>
+</template>
+
+<style scoped>
+.view {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/FadeOut.vue b/Frontend/src/components/timeline/clip/impl/FadeOut.vue
new file mode 100644
index 0000000..dbf0296
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/FadeOut.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import Default from './Default.vue'
+
+const {
+  width,
+} = defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+</script>
+
+<template>
+  <div class="tw:absolute tw:w-full fade-out-gradient" />
+
+  <Default :track :clip :width />
+</template>
+
+<style scoped>
+.fade-out {
+  border-style: solid;
+  border-color: transparent;
+  border-top-color: black;
+  border-right-color: black;
+}
+
+.fade-out-gradient {
+  left: 0;
+  top: 0;
+  /* TODO: hardcoded bottom line offset */
+  height: calc(100% - calc(var(--tw-spacing) * 5.5) - 1px);
+  background-image:
+    linear-gradient(to top right,
+      transparent 49.9%,
+      rgba(0, 0, 0, 0.5) 50%);
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/Lyrics.vue b/Frontend/src/components/timeline/clip/impl/Lyrics.vue
new file mode 100644
index 0000000..ac70759
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/Lyrics.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { computed } from 'vue'
+
+const {
+  clip,
+  width,
+} = defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+
+const lyrics = computed(() => clip.name ?? '')
+</script>
+
+<template>
+  <div class="lyrics-wrapper">
+    <span class="lyrics-content" :style="{ display: width < 22 ? 'none' : undefined }" :title="lyrics">
+      {{ lyrics }}
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.lyrics-wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding: 2px 4px;
+  display: flex;
+  align-items: start;
+  justify-content: start;
+}
+
+.lyrics-content {
+  width: 100%;
+  height: 100%;
+  color: black;
+  line-height: 1.2em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: wrap;
+  font-size: 8pt;
+  user-select: none;
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/Palette.vue b/Frontend/src/components/timeline/clip/impl/Palette.vue
new file mode 100644
index 0000000..7b054ba
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/Palette.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+import Default from './Default.vue'
+
+const {
+  clip,
+  width,
+} = defineProps<{
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}>()
+
+const { audioTrack } = storeToRefs(useTimelineStore())
+const ColorTransitionOut = computed(() => `${(audioTrack.value?.ColorTransitionOut ?? 0) * 100}%`)
+const ColorTransitionIn = computed(() => `${100 - (audioTrack.value?.ColorTransitionIn ?? 0) * 100}%`)
+
+// TODO: shift by BeatsOffset, use new method for computing index into pallete
+
+const colorsPrevNext = computed(() => {
+  const palette = audioTrack.value?.Palette
+  if (palette !== undefined && palette.length > 0) {
+    const nextColorIndex = (clip.clipIn + 1) % palette.length
+    const prevColorIndex = (clip.clipIn - 1) % palette.length
+    const nextColor = palette[nextColorIndex]
+    const prevColor = palette[prevColorIndex]
+    return { prevColor, nextColor }
+  }
+  return { prevColor: clip.color, nextColor: clip.color }
+})
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:w-full palette-gradient" :style="{
+      // TODO: this is inaccurate w.r.t. In & Out duration. Also wasteful.
+      'left': `-50%`,
+      'width': `200%`,
+      '--color-prev': colorsPrevNext.prevColor,
+      '--color-curr': clip.color,
+      '--color-next': colorsPrevNext.nextColor,
+      '--color-transition-out': ColorTransitionOut,
+      '--color-transition-in': ColorTransitionIn,
+    }"
+  />
+
+  <div
+    class="tw:absolute tw:top-0 tw:bottom-5.5 tw:border-l tw:border-(--timeline-clip-baseline-color)"
+    :style="{ left: ColorTransitionOut }"
+  />
+  <div
+    class="tw:absolute tw:top-0 tw:bottom-5.5 tw:border-l tw:border-(--timeline-clip-baseline-color)"
+    :style="{ left: ColorTransitionIn }"
+  />
+
+  <Default :track :clip :width />
+</template>
+
+<style scoped>
+.fade-out {
+  border-style: solid;
+  border-color: transparent;
+  border-top-color: black;
+  border-right-color: black;
+}
+
+.palette-gradient {
+  left: 0;
+  top: 0;
+  /* TODO: hardcoded bottom line offset */
+  height: 100%;
+  height: calc(100% - calc(var(--tw-spacing) * 5.5) - 0px);
+  background-image:
+    linear-gradient(to right,
+      var(--color-prev) 0%,
+      var(--color-curr) var(--color-transition-out),
+      var(--color-curr) var(--color-transition-in),
+      var(--color-next) 100%);
+}
+</style>
diff --git a/Frontend/src/components/timeline/clip/impl/README.md b/Frontend/src/components/timeline/clip/impl/README.md
new file mode 100644
index 0000000..14abd9a
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/README.md
@@ -0,0 +1 @@
+Content view components for different TimelineClipView implementations.
diff --git a/Frontend/src/components/timeline/clip/impl/index.ts b/Frontend/src/components/timeline/clip/impl/index.ts
new file mode 100644
index 0000000..a7c1735
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/impl/index.ts
@@ -0,0 +1,11 @@
+/**
+ * Content view components for different TimelineClipView implementations.
+ * @module components/timeline/clip/impl
+ */
+
+export { default as Audio } from './Audio.vue'
+export { default as Default } from './Default.vue'
+export { default as Empty } from './Empty.vue'
+export { default as FadeOut } from './FadeOut.vue'
+export { default as Lyrics } from './Lyrics.vue'
+export { default as Palette } from './Palette.vue'
diff --git a/Frontend/src/components/timeline/clip/index.ts b/Frontend/src/components/timeline/clip/index.ts
new file mode 100644
index 0000000..0de2ac3
--- /dev/null
+++ b/Frontend/src/components/timeline/clip/index.ts
@@ -0,0 +1,30 @@
+import type { Component } from 'vue'
+import type { TimelineClipData, TimelineTrackData } from '@/lib/Timeline'
+import { Audio, Default, FadeOut, Lyrics, Palette } from './impl'
+
+export interface ClipContentViewProps {
+  track: TimelineTrackData
+  clip: TimelineClipData
+  width: number
+}
+
+export type ClipContentViewComponent = Component<ClipContentViewProps>
+
+export function getComponentFor(track: TimelineTrackData): ClipContentViewComponent {
+  switch (track.contentViewType) {
+    case 'audio':
+      return Audio
+    case 'event':
+      return Default
+    case 'fadeout':
+      return FadeOut
+    case 'palette':
+      return Palette
+    case 'text':
+      return Lyrics
+    case 'curve':
+      return Default
+    default:
+      return Default
+  }
+}
diff --git a/Frontend/src/components/timeline/header/TickInterval.vue b/Frontend/src/components/timeline/header/TickInterval.vue
new file mode 100644
index 0000000..1f2e924
--- /dev/null
+++ b/Frontend/src/components/timeline/header/TickInterval.vue
@@ -0,0 +1,103 @@
+<script setup lang="ts">
+import { toPx } from '@/lib/vue'
+
+const {
+  left,
+  width,
+  label,
+  position,
+} = defineProps<{
+  left: number
+  width: string
+  label: string
+  position: 'top' | 'bottom'
+}>()
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:h-full tw:top-0" :class="position" :style="{
+      left: toPx(left),
+      width,
+    }"
+  >
+    <div class="tick-major" />
+
+    <div class="tick tick-medium" />
+
+    <div
+      v-for="i in 8" :key="i"
+      class="tick tick-minor"
+      :style="{ left: `${10 * (i < 5 ? i : i + 1)}%` }"
+    />
+    <div
+      v-for="i in 10" :key="i"
+      class="tick tick-patch"
+      :style="{ left: `${10 * i + 5}%` }"
+    />
+
+    <span class="tw:absolute tw:left-2 tw:text-xs tw:text-gray-400 tw:select-none label">
+      {{ label }}
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.tick-major {
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  left: 0;
+  top: 0;
+
+  --gradient-direction: bottom;
+  background-image:
+    linear-gradient(to var(--gradient-direction),
+      #979797,
+      #97979700 70%);
+}
+
+.bottom .tick-major {
+  --gradient-direction: top;
+}
+
+.tick {
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  top: 0;
+  border-top: 1px solid var(--timeline-header-tick-edge-color);
+  border-bottom: 1px solid var(--timeline-header-tick-edge-color);
+}
+
+.tick-medium {
+  left: 50%;
+  height: 50%;
+  background-color: #41434a;
+}
+
+.tick-minor {
+  height: 30%;
+  background-color: #35373d;
+}
+
+.tick-patch {
+  height: 20%;
+  background-color: #35373d;
+}
+
+.bottom .tick-medium,
+.bottom .tick-minor,
+.bottom .tick-patch {
+  top: unset;
+  bottom: 0;
+}
+
+.top .label {
+  top: calc(var(--tw-spacing) * 0.25);
+}
+
+.bottom .label {
+  bottom: calc(var(--tw-spacing) * 0.25);
+}
+</style>
diff --git a/Frontend/src/components/timeline/header/TimelineHeader.vue b/Frontend/src/components/timeline/header/TimelineHeader.vue
new file mode 100644
index 0000000..0f04a62
--- /dev/null
+++ b/Frontend/src/components/timeline/header/TimelineHeader.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+import MarkerBox from '@/components/timeline/markers/MarkerBox.vue'
+import { useTimelineTicksBeats, useTimelineTicksSeconds } from '@/lib/useTimelineTicks'
+import { toPx } from '@/lib/vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+import TickInterval from './TickInterval.vue'
+
+const timeline = useTimelineStore()
+const { contentWidthIncludingEmptySpacePx, headerHeight } = storeToRefs(timeline)
+
+const allTicks = [
+  { ticks: useTimelineTicksSeconds(), position: 'top' },
+  { ticks: useTimelineTicksBeats(), position: 'bottom' },
+] as const
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:max-h-full tw:overflow-hidden"
+    :style="{ width: contentWidthIncludingEmptySpacePx, height: toPx(headerHeight) }"
+  >
+    <!-- header ticks for seconds and beats -->
+    <div
+      v-for="{ ticks, position } in allTicks"
+      :key="position"
+      class="tw:absolute tw:size-full"
+    >
+      <TickInterval
+        v-for="tick in ticks.ticks.value"
+        :key="tick"
+        :position
+        :left="ticks.left(tick).value"
+        :width="ticks.widthPx.value"
+        :label="ticks.label(tick).value"
+      />
+    </div>
+
+    <div class="tw:absolute tw:size-full tw:border-b tw:border-[#252525]" />
+
+    <!-- header markers -->
+    <div class="tw:absolute tw:size-full">
+      <!-- TODO: use marker id -->
+      <MarkerBox v-for="marker in timeline.markers" :key="marker.markerIn" :marker />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/markers/MarkerBox.vue b/Frontend/src/components/timeline/markers/MarkerBox.vue
new file mode 100644
index 0000000..da27a5a
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/MarkerBox.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import type { TimelineMarkerData } from '@/lib/Timeline'
+import { computed, shallowRef, useTemplateRef } from 'vue'
+import { markerToAbsoluteTime } from '@/lib/Timeline'
+import { usePx } from '@/lib/usePx'
+import { useTimelineStore } from '@/store/TimelineStore'
+import MarkerBoxSvg from './marker-box.svg'
+
+const {
+  marker,
+} = defineProps<{
+  marker: TimelineMarkerData
+}>()
+
+const timeline = useTimelineStore()
+
+const left = usePx(() => {
+  const seconds = markerToAbsoluteTime(timeline.audioTrack!, marker)
+  const px = timeline.secondsToPixels(seconds)
+  return px
+})
+
+// const referenceClass = computed(() => marker.reference === 'absolute' ? 'marker-box-top' : 'marker-box-bottom');
+const positionClass = computed(() => marker.position === 'top' ? 'marker-box-top' : 'marker-box-bottom')
+
+// TODO: selection manager
+const selected = shallowRef(false)
+
+function toggle(_event: MouseEvent) {
+  selected.value = !selected.value
+}
+
+const element = useTemplateRef('element')
+
+function onPointerDown(event: PointerEvent) {
+  element.value?.setPointerCapture(event.pointerId)
+}
+</script>
+
+<template>
+  <div
+    ref="element" class="tw:absolute marker-box" :class="[positionClass, { selected }]" :style="{
+      left: left.string,
+      color: marker.color,
+    }" :title="marker.name" @click.prevent.stop="toggle" @pointerdown.prevent.stop="onPointerDown"
+  >
+    <MarkerBoxSvg />
+  </div>
+</template>
+
+<style scoped>
+.marker-box {
+  position: absolute;
+  width: 11px;
+  height: 16px;
+  transform: translateX(-5px) translateY(1px);
+  --marker-stroke-color: #00000080;
+}
+
+.marker-box-bottom {
+  bottom: 0;
+}
+
+.marker-box-top {
+  top: 0;
+
+  &:deep(svg) {
+    transform: rotate(180deg);
+  }
+}
+
+.selected {
+  --marker-stroke-color: #ffffff;
+}
+</style>
diff --git a/Frontend/src/components/timeline/markers/MarkerLine.vue b/Frontend/src/components/timeline/markers/MarkerLine.vue
new file mode 100644
index 0000000..cd6ceae
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/MarkerLine.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import type { TimelineMarkerData } from '@/lib/Timeline'
+import { markerToAbsoluteTime } from '@/lib/Timeline'
+import { usePx } from '@/lib/usePx'
+import { useTimelineStore } from '@/store/TimelineStore'
+
+const {
+  marker,
+} = defineProps<{
+  marker: TimelineMarkerData
+}>()
+
+const timeline = useTimelineStore()
+
+const left = usePx(() => {
+  const seconds = markerToAbsoluteTime(timeline.audioTrack!, marker)
+  const px = timeline.secondsToPixels(seconds)
+  return px
+})
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:w-0 tw:h-full tw:opacity-60 tw:border-l" :style="{
+      left: left.string,
+      borderColor: marker.color,
+    }"
+  />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/markers/TickLine.vue b/Frontend/src/components/timeline/markers/TickLine.vue
new file mode 100644
index 0000000..9dcff1a
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/TickLine.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import type { Px } from '@/lib/units'
+import { toPx } from '@/lib/vue'
+
+const {
+  left,
+} = defineProps<{
+  left: Px
+}>()
+</script>
+
+<template>
+  <div
+    class="tw:absolute tw:w-0 tw:h-full tw:border-l tw:border-(--timeline-marker-beat-color)" :style="{
+      left: toPx(left),
+    }"
+  />
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/markers/TimelineMarkers.vue b/Frontend/src/components/timeline/markers/TimelineMarkers.vue
new file mode 100644
index 0000000..c449c57
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/TimelineMarkers.vue
@@ -0,0 +1,31 @@
+<!-- Thin colored vertical lines stretching across the timeline, below the clips -->
+<script setup lang="ts">
+import { useTimelineTicksBeats } from '@/lib/useTimelineTicks'
+import { useTimelineStore } from '@/store/TimelineStore'
+import MarkerLine from './MarkerLine.vue'
+import TickLine from './TickLine.vue'
+
+const ticks = useTimelineTicksBeats()
+
+const timeline = useTimelineStore()
+</script>
+
+<template>
+  <div class="tw:absolute tw:size-full">
+    <!-- timeline ticks for beats -->
+    <div class="tw:size-full">
+      <TickLine
+        v-for="tick in ticks.ticks.value"
+        :key="tick"
+        :left="ticks.left(tick).value"
+      />
+      <MarkerLine
+        v-for="marker in timeline.markers"
+        :key="marker.markerIn"
+        :marker
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/components/timeline/markers/index.ts b/Frontend/src/components/timeline/markers/index.ts
new file mode 100644
index 0000000..c6f584b
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/index.ts
@@ -0,0 +1,11 @@
+/**
+ * Components for rendering markers on a timeline.
+ *
+ * Markers are split into two layers:
+ * - little pointy boxes on the timeline header, just below the playhead,
+ * - and thin colored vertical lines stretching across the timeline, below the clips.
+ *
+ * Markers for beats only have hairline-styled layer, without boxes. They go below other markers with boxes.
+ */
+
+export { default as TimelineMarkers } from './TimelineMarkers.vue'
diff --git a/Frontend/src/components/timeline/markers/marker-box.svg b/Frontend/src/components/timeline/markers/marker-box.svg
new file mode 100644
index 0000000..17c024f
--- /dev/null
+++ b/Frontend/src/components/timeline/markers/marker-box.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 11 16" fill="currentColor">
+    <path d="M 3 1 h 5 a 2 2 0 0 1 2 2 v 7.5 l -4.5 4.5 l -4.5 -4.5 V 3 a 2 2 0 0 1 2 -2 Z"
+        stroke="var(--marker-stroke-color)" />
+</svg>
\ No newline at end of file
diff --git a/Frontend/src/easing.ts b/Frontend/src/easing.ts
new file mode 100644
index 0000000..ad35575
--- /dev/null
+++ b/Frontend/src/easing.ts
@@ -0,0 +1,3 @@
+export function easeInOutQuad(x: number): number {
+  return x < 0.5 ? 2 * x * x : 1 - (-2 * x + 2) ** 2 / 2
+}
diff --git a/Frontend/src/events.ts b/Frontend/src/events.ts
new file mode 100644
index 0000000..dbadfeb
--- /dev/null
+++ b/Frontend/src/events.ts
@@ -0,0 +1,21 @@
+import type { Handler } from 'mitt'
+import mitt from 'mitt'
+import { onBeforeUnmount } from 'vue'
+
+export type Events = {
+  scrollToTop: void
+}
+
+export const emitter = mitt<Events>()
+
+export function useEvent<Key extends keyof Events>(
+  type: Key,
+  handler: Handler<Events[Key]>,
+) {
+  const { on, off } = emitter
+
+  on(type, handler)
+  onBeforeUnmount(() => {
+    off(type, handler)
+  })
+}
diff --git a/Frontend/src/global-header/GlobalHeader.vue b/Frontend/src/global-header/GlobalHeader.vue
new file mode 100644
index 0000000..7d8fb7a
--- /dev/null
+++ b/Frontend/src/global-header/GlobalHeader.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import ArrowBack from '@material-design-icons/svg/round/arrow_back_ios.svg'
+import ArrowTop from '@material-design-icons/svg/round/keyboard_arrow_up.svg'
+import { useHead } from '@unhead/vue'
+import { computed } from 'vue'
+import { RouterLink, useRoute } from 'vue-router'
+import { useScrollStore } from '@/store/ScrollStore'
+import { useGlobalHeaderStore } from './GlobalHeaderStore'
+
+const route = useRoute()
+const arrowBackVisible = computed(() => {
+  return route.path !== '/'
+})
+
+const scrollStore = useScrollStore()
+const headerStore = useGlobalHeaderStore()
+useHead({
+  title: () => headerStore.titleWithDefault,
+})
+</script>
+
+<template>
+  <header class="tw:flex tw:flex-row tw:gap-4">
+    <RouterLink
+      v-if="arrowBackVisible" to="/"
+      class="header-button-back tw:flex-none tw:aspect-square tw:max-w-10 tw:flex tw:place-items-center tw:justify-center"
+    >
+      <ArrowBack class="tw:fill-current tw:w-10 tw:h-10" />
+    </RouterLink>
+    <h1 class="tw:flex-1 tw:p-2 tw:text-4xl tw:text-center">
+      {{ headerStore.title }}<span v-if="headerStore.hasTitle" class="tw:max-sm:hidden">{{ headerStore.default }}</span>
+    </h1>
+    <button
+      type="button" title="Scroll to Top"
+      class="tw:flex-none tw:aspect-square tw:max-w-10 tw:flex tw:place-items-center tw:justify-center tw:disabled:opacity-30 tw:transition-opacity"
+      :disabled="scrollStore.isAtTop" @click="scrollStore.scrollToTop"
+    >
+      <ArrowTop class="tw:fill-current tw:w-10 tw:h-10" />
+    </button>
+  </header>
+</template>
+
+<style scoped>
+header {
+  background-color: var(--header-background-color);
+  border-bottom: var(--view-separator-border);
+}
+
+.header-button-back:any-link {
+  color: unset;
+}
+</style>
diff --git a/Frontend/src/global-header/GlobalHeaderStore.ts b/Frontend/src/global-header/GlobalHeaderStore.ts
new file mode 100644
index 0000000..e0b59a6
--- /dev/null
+++ b/Frontend/src/global-header/GlobalHeaderStore.ts
@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia'
+
+export const useGlobalHeaderStore = defineStore('global-header', {
+  state: () => {
+    return ({
+      title: '',
+      defaultTitle: '',
+    })
+  },
+  getters: {
+    hasTitle(): boolean {
+      return this.title !== '' && this.title !== this.defaultTitle
+    },
+    default(): string {
+      return this.hasTitle ? ` — ${this.defaultTitle}` : ''
+    },
+    titleWithDefault(): string {
+      return this.hasTitle ? `${this.title} — ${this.defaultTitle}` : this.defaultTitle
+    },
+  },
+})
diff --git a/Frontend/src/global-header/useGlobalHeader.ts b/Frontend/src/global-header/useGlobalHeader.ts
new file mode 100644
index 0000000..befb478
--- /dev/null
+++ b/Frontend/src/global-header/useGlobalHeader.ts
@@ -0,0 +1,29 @@
+import { tryOnScopeDispose, watchImmediate } from '@vueuse/core'
+import { onBeforeUnmount, onMounted, toValue } from 'vue'
+import { useGlobalHeaderStore } from './GlobalHeaderStore'
+
+type ResolvableGlobalHeader = string | (() => string)
+
+interface UseGlobalHeader {
+  title: ResolvableGlobalHeader
+}
+
+export function useGlobalHeader(input: UseGlobalHeader) {
+  const store = useGlobalHeaderStore()
+
+  const cleanup = () => {
+    store.title = ''
+  }
+
+  onMounted(() => {
+    watchImmediate(() => toValue(input.title), (title) => {
+      store.title = title
+    })
+  })
+
+  onBeforeUnmount(() => {
+    cleanup()
+  })
+
+  tryOnScopeDispose(cleanup)
+}
diff --git a/Frontend/src/lib/AudioTrack/index.test.ts b/Frontend/src/lib/AudioTrack/index.test.ts
new file mode 100644
index 0000000..80d2dde
--- /dev/null
+++ b/Frontend/src/lib/AudioTrack/index.test.ts
@@ -0,0 +1,65 @@
+import { describe, expect, it } from 'vitest'
+import { formatBeats, formatTime } from '.'
+
+describe('format time', () => {
+  it('baseline', () => {
+    expect(formatTime).toBeDefined()
+    expect(() => formatTime(0)).not.toThrow()
+  })
+  it('default', () => {
+    expect(formatTime(0)).toBe('0:00.000')
+  })
+  it('precision limits', () => {
+    expect(formatTime(0, 0)).toBe('0:00')
+    expect(formatTime(0, 1)).toBe('0:00.0')
+    expect(formatTime(0, 2)).toBe('0:00.00')
+    expect(formatTime(0, 3)).toBe('0:00.000')
+    expect(formatTime(0, 4)).toBe('0:00.000')
+  })
+  it('valid inputs', () => {
+    expect(formatTime(0)).toBe('0:00.000')
+    expect(formatTime(1)).toBe('0:01.000')
+    expect(formatTime(12)).toBe('0:12.000')
+    expect(formatTime(0.001, 3)).toBe('0:00.001')
+    expect(formatTime(0.001, 2)).toBe('0:00.00')
+    expect(formatTime(0.123)).toBe('0:00.123')
+    expect(formatTime(60)).toBe('1:00.000')
+    expect(formatTime(61)).toBe('1:01.000')
+    expect(formatTime(123.456)).toBe('2:03.456')
+    expect(formatTime(-123.456)).toBe('-2:03.456')
+  })
+})
+describe('format beats', () => {
+  it('baseline', () => {
+    expect(formatBeats).toBeDefined()
+    expect(() => formatBeats(0)).not.toThrow()
+  })
+  it('default', () => {
+    expect(formatBeats(0)).toBe('00.000')
+  })
+  it('precision limits', () => {
+    expect(formatBeats(0, 0)).toBe('00')
+    expect(formatBeats(0, 1)).toBe('00.0')
+    expect(formatBeats(0, 2)).toBe('00.00')
+    expect(formatBeats(0, 3)).toBe('00.000')
+    expect(formatBeats(0, 4)).toBe('00.000')
+  })
+  it('minimum padding', () => {
+    expect(formatBeats(0, 0)).toBe('00')
+    expect(formatBeats(1, 0)).toBe('01')
+    expect(formatBeats(10, 0)).toBe('10')
+    expect(formatBeats(20, 0)).toBe('20')
+    expect(formatBeats(100, 0)).toBe('100')
+  })
+  it('valid inputs', () => {
+    expect(formatBeats(0)).toBe('00.000')
+    expect(formatBeats(1)).toBe('01.000')
+    expect(formatBeats(12)).toBe('12.000')
+    expect(formatBeats(0.001, 3)).toBe('00.001')
+    expect(formatBeats(0.001, 2)).toBe('00.00')
+    expect(formatBeats(0.123)).toBe('00.123')
+    expect(formatBeats(61)).toBe('61.000')
+    expect(formatBeats(123.456)).toBe('123.456')
+    expect(formatBeats(-123.456)).toBe('-123.456')
+  })
+})
diff --git a/Frontend/src/lib/AudioTrack/index.ts b/Frontend/src/lib/AudioTrack/index.ts
new file mode 100644
index 0000000..3da5c5e
--- /dev/null
+++ b/Frontend/src/lib/AudioTrack/index.ts
@@ -0,0 +1,214 @@
+import type { Ref } from 'vue'
+import type { EasingName } from '@/lib/easing'
+import type { AnyTime, Beats, Seconds } from '@/lib/units'
+import { clamp } from '@vueuse/core'
+import { modRange } from '@/lib/math'
+import { useSetterRef } from '@/lib/vue'
+
+export const LANGUAGES = [
+  'English',
+  'Russian',
+  'Korean',
+  'Japanese',
+  'Hindi',
+] as const
+
+export declare type Language = typeof LANGUAGES[number]
+
+export declare type ColorString = string
+
+export declare type AudioType
+  = | 'mpeg'
+    | 'wav'
+    | 'ogg'
+
+export function ext(audioType: AudioType): string {
+  switch (audioType) {
+    case 'mpeg':
+      return 'mp3'
+    case 'wav':
+      return 'wav'
+    case 'ogg':
+      return 'ogg'
+    default:
+      return ''
+  }
+}
+
+export interface AudioTrack {
+  // Propreties from JSON
+  Enabled: boolean
+  Name: string
+  Artist: string
+  Song: string
+  IsExplicit: boolean
+  Language: Language
+  Season: string | null
+  WindUpTimer: Seconds
+  Bpm: number
+  Beats: Beats
+  LoopOffset: Beats
+  Ext: string
+  FileDurationIntro: Seconds
+  FileDurationLoop: Seconds
+  FileNameIntro: string
+  FileNameLoop: string
+  BeatsOffset: Beats
+
+  FadeOutBeat: Beats
+  FadeOutDuration: Beats
+  ColorTransitionIn: Beats
+  ColorTransitionOut: Beats
+  ColorTransitionEasing: EasingName
+
+  FlickerLightsTimeSeries: Beats[]
+  Lyrics: TimeSeries<string>
+  DrunknessLoopOffsetTimeSeries: TimeSeries<Beats>
+  CondensationLoopOffsetTimeSeries: TimeSeries<Beats>
+
+  Palette: ColorString[]
+  GameOverText: string | null
+
+  // Properties added by the TrackStore
+  loadedIntro: AudioBuffer | null
+  loadedLoop: AudioBuffer | null
+}
+
+export function dummyAudioTrackForTesting(): AudioTrack {
+  return {
+    Enabled: true,
+    Name: 'Test Name',
+    Artist: 'Test Artist',
+    Song: 'Test Song',
+    IsExplicit: false,
+    Language: 'English',
+    Season: 'New Year',
+    WindUpTimer: 35.0,
+    Bpm: 120,
+    Beats: 12,
+    LoopOffset: 8,
+    Ext: 'ogg',
+    FileDurationIntro: 35 + 16 + 2,
+    FileDurationLoop: 24.0,
+    FileNameIntro: 'TestIntro.ogg',
+    FileNameLoop: 'TestLoop.ogg',
+    BeatsOffset: 0,
+
+    FadeOutBeat: Number.NaN,
+    FadeOutDuration: 0,
+    ColorTransitionIn: 0.25,
+    ColorTransitionOut: 0.25,
+    ColorTransitionEasing: 'OutExpo',
+
+    FlickerLightsTimeSeries: [],
+    Lyrics: [],
+    DrunknessLoopOffsetTimeSeries: [],
+    CondensationLoopOffsetTimeSeries: [],
+
+    Palette: ['#000000', '#FFFFFF'],
+    GameOverText: '',
+
+    loadedIntro: null,
+    loadedLoop: null,
+  }
+}
+
+export type TimeSeries<T> = [AnyTime, T][]
+
+export function timeSeriesIsEmpty(timeSeries: TimeSeries<AnyTime>): boolean {
+  return timeSeries.length !== 0
+}
+
+/**
+ * Format timeline wall clock timestamp like [-]0:00.000 with configurable milliseconds precision.
+ */
+export function formatTime(time: Seconds, precision: number = 3): string {
+  const isNegative = time < 0
+  const isNegativeString = isNegative ? '-' : ''
+  if (isNegative) {
+    time = -time
+  }
+  const minutes = Math.floor(time / 60)
+  const seconds = Math.floor(time % 60)
+  const secondsString = seconds.toString().padStart(2, '0')
+
+  precision = clamp(precision, 0, 3)
+  if (precision === 0) {
+    return `${isNegativeString}${minutes}:${secondsString}`
+  }
+  const factor = 10 ** precision
+  const subsecond = Math.floor((time * factor) % factor)
+  const subsecondString = subsecond.toString().padStart(precision, '0')
+  return `${isNegativeString}${minutes}:${secondsString}.${subsecondString}`
+}
+
+/**
+ * Format timeline beats timestamp like [-]00.000 with configurable precision for fractional part.
+ */
+export function formatBeats(beats: Beats, precision: number = 3): string {
+  const isNegative = beats < 0
+  const isNegativeString = isNegative ? '-' : ''
+  if (isNegative) {
+    beats = -beats
+  }
+  const integer = Math.floor(beats)
+  const integerString = integer.toString().padStart(2, '0')
+
+  precision = clamp(precision, 0, 3)
+  if (precision === 0) {
+    return `${isNegativeString}${integerString}`
+  }
+  const factor = 10 ** precision
+  const fractional = Math.floor((beats % 1) * factor)
+  const fractionalString = fractional.toString().padStart(precision, '0')
+  return `${isNegativeString}${integerString}.${fractionalString}`
+}
+
+export function secondsToBeats(track: AudioTrack, seconds: Seconds): Beats {
+  const percent = seconds / track.FileDurationLoop
+  return percent * track.Beats
+}
+
+export function beatsToSeconds(track: AudioTrack, beats: Beats): Seconds {
+  const percent = beats / track.Beats
+  return percent * track.FileDurationLoop
+}
+
+/** Duration of LoopOffset beats converted to seconds.  */
+export function loopOffsetSeconds(track: AudioTrack): Seconds {
+  return beatsToSeconds(track, track.LoopOffset)
+}
+
+/** Duration of Wind-up Timer plus Loop Offset combined and converted to seconds. */
+export function introWithLoopOffsetDurationSeconds(track: AudioTrack): Seconds {
+  const { WindUpTimer } = track
+
+  return WindUpTimer + loopOffsetSeconds(track)
+}
+
+/** Duration of Wind-up Timer plus Loop Offset plus one full loop combined and converted to seconds. */
+export function totalDurationSeconds(track: AudioTrack): Seconds {
+  const { FileDurationLoop } = track
+
+  return introWithLoopOffsetDurationSeconds(track) + FileDurationLoop
+}
+
+export function wrapTimeFn(track: AudioTrack): (time: Seconds) => Seconds {
+  const startOfLoop = introWithLoopOffsetDurationSeconds(track)
+  const endOfLoop = totalDurationSeconds(track)
+  return (time: Seconds): Seconds => {
+    return Math.max(0, modRange(time, startOfLoop, endOfLoop))
+  }
+}
+
+export function wrapTime(track: AudioTrack, time: Seconds): Seconds {
+  return wrapTimeFn(track)(time)
+}
+
+export function useWrapTime(
+  track: AudioTrack,
+  initialTime: Seconds,
+): Ref<Seconds> {
+  const wrapper = wrapTimeFn(track)
+  return useSetterRef<Seconds>(initialTime, wrapper)
+}
diff --git a/Frontend/src/lib/Timeline.ts b/Frontend/src/lib/Timeline.ts
new file mode 100644
index 0000000..3c453c3
--- /dev/null
+++ b/Frontend/src/lib/Timeline.ts
@@ -0,0 +1,370 @@
+import type { Beats } from './units'
+import type { AudioTrack, ColorString } from '@/lib/AudioTrack'
+import {
+
+  beatsToSeconds,
+
+  loopOffsetSeconds,
+  secondsToBeats,
+} from '@/lib/AudioTrack'
+import { namedVars as clipColorNamedVars } from '@/lib/colors/clips'
+import { namedVars as markerColorNamedVars } from '@/lib/colors/markers'
+import { iterWindowPairs } from './iter'
+
+/**
+ * Reference point for all clips on the timeline track.
+ *
+ * - "absolute" means relative to start of the intro, measured in seconds.
+ * - "wind-up" is relative to the WindUpTimer, when Jester pops up, measured in beats.
+ * - "loop" is relative to the WindUpTimer plus loop offset, measured in beats.
+ */
+export type Reference = 'absolute' | 'wind-up' | 'loop'
+
+/** Clip views support dynamic tailored content view for each track type. */
+export type ContentViewType
+  = | 'audio'
+  /** One-shot event at clipIn */
+    | 'event'
+    | 'fadeout'
+    | 'palette'
+    | 'text'
+  /** Interpolated line between points in time series. */
+    | 'curve'
+
+export interface MuzikaGromcheTimelineTracksMap {
+  intro: TimelineTrackData
+  loop: TimelineTrackData
+  flickering: TimelineTrackData
+  fadeOut: TimelineTrackData
+  palette: TimelineTrackData
+  lyrics: TimelineTrackData
+  drunkness: TimelineTrackData
+  condensation: TimelineTrackData
+}
+
+export function timelineTracksArray(
+  self: MuzikaGromcheTimelineTracksMap,
+): TimelineTrackData[] {
+  return [
+    self.intro,
+    self.loop,
+    self.flickering,
+    self.fadeOut,
+    self.palette,
+    self.lyrics,
+    self.drunkness,
+    self.condensation,
+  ]
+}
+
+export function emptyTimelineTracksMap(): MuzikaGromcheTimelineTracksMap {
+  return {
+    intro: {
+      name: 'Intro',
+      color: clipColorNamedVars.lime,
+      reference: 'absolute',
+      clips: [],
+      contentViewType: 'audio',
+    },
+    loop: {
+      name: 'Loop',
+      color: clipColorNamedVars.blue,
+      reference: 'absolute',
+      clips: [],
+      contentViewType: 'audio',
+    },
+    flickering: {
+      name: 'Flickering',
+      color: clipColorNamedVars.violet,
+      reference: 'loop',
+      clips: [],
+      contentViewType: 'event',
+    },
+    fadeOut: {
+      name: 'Fade out',
+      color: clipColorNamedVars.chocolate,
+      reference: 'loop',
+      clips: [],
+      contentViewType: 'fadeout',
+    },
+    palette: {
+      name: 'Palette',
+      color: clipColorNamedVars.pink,
+      reference: 'wind-up',
+      clips: [],
+      contentViewType: 'palette',
+    },
+    lyrics: {
+      name: 'Lyrics',
+      color: clipColorNamedVars.tan,
+      reference: 'loop',
+      clips: [],
+      contentViewType: 'text',
+    },
+    drunkness: {
+      name: 'Drunkness',
+      color: clipColorNamedVars.orange,
+      reference: 'loop',
+      clips: [],
+      contentViewType: 'curve',
+    },
+    condensation: {
+      name: 'Condensation',
+      color: clipColorNamedVars.yellow,
+      reference: 'loop',
+      clips: [],
+      contentViewType: 'curve',
+    },
+  }
+}
+
+export function generateClips(
+  track: AudioTrack,
+): MuzikaGromcheTimelineTracksMap {
+  const tracks = emptyTimelineTracksMap()
+
+  if (!track.loadedIntro || !track.loadedLoop) {
+    return tracks
+  }
+
+  tracks.intro.clips.push({
+    clipIn: 0,
+    duration: track.FileDurationIntro,
+    audioBuffer: track.loadedIntro,
+  })
+  {
+    const clipIn = track.FileDurationIntro
+    tracks.loop.clips.push(
+      {
+        clipIn,
+        duration: track.FileDurationLoop,
+        audioBuffer: track.loadedLoop,
+      },
+    )
+    for (let i = 1; i < 10; i++) {
+      const clipIn2 = clipIn + track.FileDurationLoop * i
+      tracks.loop.clips.push(
+        {
+          clipIn: clipIn2,
+          duration: track.FileDurationLoop,
+          autorepeat: true,
+          audioBuffer: track.loadedLoop,
+        },
+      )
+    }
+  }
+  tracks.fadeOut.clips.push(
+    { clipIn: track.FadeOutBeat, duration: track.FadeOutDuration },
+  )
+  // TODO: palette, lyrics, both VFX
+  // eslint-disable-next-line no-lone-blocks
+  {
+    for (const time of track.FlickerLightsTimeSeries) {
+      tracks.flickering.clips.push(
+        { clipIn: time, duration: 1 },
+      )
+    }
+  }
+  // eslint-disable-next-line no-lone-blocks
+  {
+    // TODO: offset by?
+    // track.ColorTransitionIn
+    for (let i = 0; i < track.Palette.length; i++) {
+      const color = track.Palette[i]
+      tracks.palette.clips.push(
+        { clipIn: i, duration: 1, color, name: color },
+      )
+    }
+  }
+  // eslint-disable-next-line no-lone-blocks
+  {
+    for (const [[time, text], next] of iterWindowPairs(track.Lyrics)) {
+      let duration = 4
+      if (next !== undefined) {
+        // make sure adjacent clips don't overlap
+        const [nextTime, _nextText] = next
+        duration = Math.min(duration, nextTime - time)
+      }
+      tracks.lyrics.clips.push(
+        { clipIn: time, duration, name: text },
+      )
+    }
+  }
+  return tracks
+}
+
+export interface TimelineTrackData {
+  name: string
+  color?: string
+  reference: Reference
+  clips: TimelineClipData[]
+  contentViewType: ContentViewType
+}
+
+export interface TimelineClipData {
+  name?: string
+  color?: string
+  clipIn: number
+  duration: number
+  autorepeat?: boolean
+  /** Represented audio buffer, for track.contentViewType === "audio" only */
+  audioBuffer?: AudioBuffer
+}
+
+export function timelineClipAutorepeat(self: TimelineClipData): boolean {
+  return self.autorepeat ?? false
+}
+
+export function timelineClipOut(self: TimelineClipData) {
+  return self.clipIn + self.duration
+}
+
+export function timelineClipColor(
+  track: TimelineTrackData,
+  clip: TimelineClipData,
+): ColorString {
+  return clip.color ?? track.color ?? clipColorNamedVars.green
+}
+
+export function timelineClipLabel(
+  track: TimelineTrackData,
+  clip: TimelineClipData,
+): ColorString {
+  return clip.name ?? track.name
+}
+
+export interface TimelineMarkerData {
+  name: string
+  color: string
+  reference: Reference
+  markerIn: number
+  /**
+   * Originally intended to be a separation between beats and seconds references.
+   * But since most of the events are in beats coordinate space, let's repurpose it to be marker-defined.
+   *
+   * Defaults to "bottom".
+   */
+  position?: 'top' | 'bottom'
+}
+
+export function generateMarkers(track: AudioTrack): TimelineMarkerData[] {
+  const markers: TimelineMarkerData[] = []
+
+  if (track.LoopOffset === 0) {
+    markers.push({
+      name: 'Wind-up Timer & Loop Offset',
+      color: markerColorNamedVars.lavender,
+      reference: 'wind-up',
+      markerIn: 0,
+      position: 'top',
+    })
+  }
+  else {
+    markers.push({
+      name: 'Wind-up Timer',
+      color: markerColorNamedVars.lavender,
+      reference: 'wind-up',
+      markerIn: 0,
+      position: 'top',
+    })
+    markers.push({
+      name: 'Loop Offset',
+      color: markerColorNamedVars.fuchsia,
+      reference: 'loop',
+      markerIn: 0,
+      position: 'top',
+    })
+  }
+  markers.push({
+    name: 'End of Loop',
+    color: markerColorNamedVars.purple,
+    reference: 'loop',
+    markerIn: track.Beats,
+    position: 'top',
+  })
+
+  const reservedLoopOffsetBeats: Beats[] = [
+    -track.LoopOffset,
+    0,
+    track.Beats,
+  ]
+
+  const firstBeat = Math.ceil(-secondsToBeats(track, track.WindUpTimer))
+    - track.LoopOffset
+
+  // TODO: i from absolute zero, not wind-up zero
+  for (let i = firstBeat; i < track.Beats; i++) {
+    if (reservedLoopOffsetBeats.includes(i)) {
+      continue
+    }
+    if (i % 4 === 0) {
+      // marker on strong beat
+      markers.push({
+        name: `Bar (${i})`,
+        color: markerColorNamedVars.blue,
+        reference: 'loop',
+        markerIn: i,
+        position: 'bottom',
+      })
+    }
+    else {
+      // regular marker on other beats
+      if (false) {
+        markers.push({
+          name: 'Beat',
+          color: markerColorNamedVars.cyan,
+          reference: 'loop',
+          markerIn: i,
+          position: 'bottom',
+        })
+      }
+    }
+  }
+
+  return markers
+}
+
+export function toAbsoluteDuration(
+  track: AudioTrack | null,
+  reference: Reference,
+  time: number,
+): number {
+  if (track === null) {
+    return 0
+  }
+  switch (reference) {
+    default:
+    case 'absolute':
+      return time
+    case 'wind-up':
+    case 'loop':
+      return beatsToSeconds(track, time)
+  }
+}
+
+export function toAbsoluteTime(
+  track: AudioTrack | null,
+  reference: Reference,
+  time: number,
+): number {
+  if (track === null) {
+    return 0
+  }
+  switch (reference) {
+    default:
+    case 'absolute':
+      return time
+    case 'wind-up':
+      return beatsToSeconds(track, time) + track.WindUpTimer
+    case 'loop':
+      return beatsToSeconds(track, time) + track.WindUpTimer
+        + loopOffsetSeconds(track)
+  }
+}
+
+export function markerToAbsoluteTime(
+  track: AudioTrack,
+  marker: TimelineMarkerData,
+): number {
+  return toAbsoluteTime(track, marker.reference, marker.markerIn)
+}
diff --git a/Frontend/src/lib/TinelineTicks.ts b/Frontend/src/lib/TinelineTicks.ts
new file mode 100644
index 0000000..d798999
--- /dev/null
+++ b/Frontend/src/lib/TinelineTicks.ts
@@ -0,0 +1,152 @@
+import type { ComputedRef, MaybeRefOrGetter, ShallowRef } from 'vue'
+import type { AnyTime, Beats, Px, Seconds } from '@/lib/units'
+import {
+  computed,
+
+  shallowReadonly,
+
+  shallowRef,
+  toValue,
+  watch,
+} from 'vue'
+
+const TICK_INTERVAL_PX_THRESHOLD = 150
+
+/**
+ * Find such time interval that converted to pixels it won't exceed this threshold.
+ * Start with large intervals, and progressively subdivide it until a suitably small interval is found.
+ * @param width timeline width (including empty space) in pixels
+ * @param duration timeline visual duration (including empty space) in seconds
+ * @returns Visually optimal interval for ticks, in seconds.
+ */
+export function findOptimalTickInterval(
+  width: Px,
+  duration: Seconds,
+): Seconds {
+  const pxPerSec = Number.isFinite(duration) && duration > 0
+    ? width / duration
+    : Number.NaN
+
+  // If we can't compute a sensible pixels-per-second, fall back to the smallest interval.
+  if (!Number.isFinite(pxPerSec)) {
+    return 1
+  }
+
+  const seconds = TICK_INTERVAL_PX_THRESHOLD / pxPerSec
+  if (seconds >= 2) {
+    return Math.floor(seconds / 2) * 2
+  }
+  else {
+    return 1
+  }
+}
+
+export function useOptimalTickInterval(
+  width: MaybeRefOrGetter<Px>,
+  duration: MaybeRefOrGetter<Seconds>,
+): ComputedRef<Seconds> {
+  return computed(() =>
+    findOptimalTickInterval(toValue(width), toValue(duration)),
+  )
+}
+
+/**
+ * Find such beats interval that converted to pixels it won't exceed this threshold.
+ * @param width timeline width (including empty space) in pixels
+ * @param duration timeline visual duration (including empty space) in beats
+ * @returns Visually optimal interval for ticks, in beats.
+ */
+export function findOptimalBeatTickInterval(
+  width: Px,
+  duration: Beats,
+): Beats {
+  const pxPerBeat = Number.isFinite(duration) && duration > 0
+    ? width / duration
+    : Number.NaN
+
+  // If we can't compute a sensible pixels-per-beat, fall back to the smallest interval.
+  if (!Number.isFinite(pxPerBeat)) {
+    return 1
+  }
+
+  const beats = TICK_INTERVAL_PX_THRESHOLD / pxPerBeat
+  if (beats >= 4) {
+    return Math.floor(beats / 4) * 4
+  }
+  else {
+    return 1
+  }
+}
+
+export function useOptimalBeatTickInterval(
+  width: MaybeRefOrGetter<Px>,
+  duration: MaybeRefOrGetter<Beats>,
+): ComputedRef<Beats> {
+  return computed(() =>
+    findOptimalTickInterval(toValue(width), toValue(duration)),
+  )
+}
+
+export interface TicksBounds<T extends AnyTime> {
+  tickIn: T
+  tickOut: T
+}
+
+/**
+ * Find closest bounds for ticks divisible by `interval` such that they cover the whole viewport.
+ * TickIn is the largest value <= viewportIn that is a multiple of `interval`.
+ * TickOut is the smallest value >= viewportOut that is a multiple of `interval`.
+ *
+ * Notes:
+ * - `interval` is expected to be a positive finite number. If it's invalid, the original viewport bounds are returned.
+ * - Works with fractional intervals and negative times.
+ *
+ * @param interval tick spacing (seconds or beats)
+ * @param viewportIn left/earlier bound of the viewport (seconds or beats)
+ * @param viewportOut right/later bound of the viewport (seconds or beats)
+ * @returns object with { tickIn, tickOut }
+ */
+export function findTicksBounds<T extends AnyTime>(
+  interval: T,
+  viewportIn: T,
+  viewportOut: T,
+): TicksBounds<T> {
+  if (!Number.isFinite(interval) || interval <= 0) {
+    return { tickIn: viewportIn, tickOut: viewportOut }
+  }
+
+  // Normalize -0 to 0 for cleanliness
+  const normalize = (v: T) => (Object.is(v, -0) ? 0 as T : v)
+
+  const tickIn = normalize(Math.floor(viewportIn / interval) * interval as T)
+  const tickOut = normalize(Math.ceil(viewportOut / interval) * interval as T)
+
+  return { tickIn, tickOut }
+}
+
+export function useTicksBounds<T extends AnyTime>(
+  interval: MaybeRefOrGetter<T>,
+  viewportIn: MaybeRefOrGetter<T>,
+  viewportOut: MaybeRefOrGetter<T>,
+): Readonly<ShallowRef<TicksBounds<T>>> {
+  // only trigger when really needed.
+  const ticksBounds = shallowRef<TicksBounds<T>>({
+    tickIn: toValue(viewportIn),
+    tickOut: toValue(viewportOut),
+  })
+  watch([interval, viewportIn, viewportOut], () => {
+    const bounds = findTicksBounds(
+      toValue(interval),
+      toValue(viewportIn),
+      toValue(viewportOut),
+    )
+
+    if (
+      bounds.tickIn !== ticksBounds.value.tickIn
+      || bounds.tickOut !== ticksBounds.value.tickOut
+    ) {
+      ticksBounds.value = bounds
+    }
+  }, { immediate: true })
+  return shallowReadonly(ticksBounds)
+}
diff --git a/Frontend/src/lib/colors/clips.ts b/Frontend/src/lib/colors/clips.ts
new file mode 100644
index 0000000..ffd9949
--- /dev/null
+++ b/Frontend/src/lib/colors/clips.ts
@@ -0,0 +1,75 @@
+export const namedHex = {
+  orange: '#eb6e01',
+  apricot: '#ffa833',
+  yellow: '#d4ad1f',
+  lime: '#9fc615',
+  olive: '#5f9921',
+  green: '#448f65',
+  teal: '#019899',
+  navy: '#005278',
+  blue: '#4376a1',
+  purple: '#9972a0',
+  violet: '#d0568d',
+  pink: '#e98cb5',
+  tan: '#b9af97',
+  beige: '#c4a07c',
+  brown: '#996601',
+  chocolate: '#8c5a3f',
+} as const
+
+export const arrayHex = [
+  '#eb6e01',
+  '#ffa833',
+  '#d4ad1f',
+  '#9fc615',
+  '#5f9921',
+  '#448f65',
+  '#019899',
+  '#005278',
+  '#4376a1',
+  '#9972a0',
+  '#d0568d',
+  '#e98cb5',
+  '#b9af97',
+  '#c4a07c',
+  '#996601',
+  '#8c5a3f',
+] as const
+
+export const namedVars = {
+  orange: 'var(--timeline-clip-color-orange)',
+  apricot: 'var(--timeline-clip-color-apricot)',
+  yellow: 'var(--timeline-clip-color-yellow)',
+  lime: 'var(--timeline-clip-color-lime)',
+  olive: 'var(--timeline-clip-color-olive)',
+  green: 'var(--timeline-clip-color-green)',
+  teal: 'var(--timeline-clip-color-teal)',
+  navy: 'var(--timeline-clip-color-navy)',
+  blue: 'var(--timeline-clip-color-blue)',
+  purple: 'var(--timeline-clip-color-purple)',
+  violet: 'var(--timeline-clip-color-violet)',
+  pink: 'var(--timeline-clip-color-pink)',
+  tan: 'var(--timeline-clip-color-tan)',
+  beige: 'var(--timeline-clip-color-beige)',
+  brown: 'var(--timeline-clip-color-brown)',
+  chocolate: 'var(--timeline-clip-color-chocolate)',
+} as const
+
+export const arrayVars = [
+  'var(--timeline-clip-color-orange)',
+  'var(--timeline-clip-color-apricot)',
+  'var(--timeline-clip-color-yellow)',
+  'var(--timeline-clip-color-lime)',
+  'var(--timeline-clip-color-olive)',
+  'var(--timeline-clip-color-green)',
+  'var(--timeline-clip-color-teal)',
+  'var(--timeline-clip-color-navy)',
+  'var(--timeline-clip-color-blue)',
+  'var(--timeline-clip-color-purple)',
+  'var(--timeline-clip-color-violet)',
+  'var(--timeline-clip-color-pink)',
+  'var(--timeline-clip-color-tan)',
+  'var(--timeline-clip-color-beige)',
+  'var(--timeline-clip-color-brown)',
+  'var(--timeline-clip-color-chocolate)',
+] as const
diff --git a/Frontend/src/lib/colors/markers.ts b/Frontend/src/lib/colors/markers.ts
new file mode 100644
index 0000000..9e2b59c
--- /dev/null
+++ b/Frontend/src/lib/colors/markers.ts
@@ -0,0 +1,75 @@
+export const namedHex = {
+  blue: '#007fe3',
+  cyan: '#00ced0',
+  green: '#00ad00',
+  yellow: '#f09d00',
+  red: '#e12401',
+  pink: '#ff44c8',
+  purple: '#9013fe',
+  fuchsia: '#c02e6f',
+  rose: '#ffa1b9',
+  lavender: '#a193c8',
+  sky: '#a193c8',
+  mint: '#72db00',
+  lemon: '#dce95a',
+  sand: '#c4915e',
+  cocoa: '#6e5143',
+  cream: '#f5ebe1',
+} as const
+
+export const arrayHex = [
+  '#007fe3',
+  '#00ced0',
+  '#00ad00',
+  '#f09d00',
+  '#e12401',
+  '#ff44c8',
+  '#9013fe',
+  '#c02e6f',
+  '#ffa1b9',
+  '#a193c8',
+  '#a193c8',
+  '#72db00',
+  '#dce95a',
+  '#c4915e',
+  '#6e5143',
+  '#f5ebe1',
+] as const
+
+export const namedVars = {
+  blue: 'var(--timeline-marker-color-blue)',
+  cyan: 'var(--timeline-marker-color-cyan)',
+  green: 'var(--timeline-marker-color-green)',
+  yellow: 'var(--timeline-marker-color-yellow)',
+  red: 'var(--timeline-marker-color-red)',
+  pink: 'var(--timeline-marker-color-pink)',
+  purple: 'var(--timeline-marker-color-purple)',
+  fuchsia: 'var(--timeline-marker-color-fuchsia)',
+  rose: 'var(--timeline-marker-color-rose)',
+  lavender: 'var(--timeline-marker-color-lavender)',
+  sky: 'var(--timeline-marker-color-sky)',
+  mint: 'var(--timeline-marker-color-mint)',
+  lemon: 'var(--timeline-marker-color-lemon)',
+  sand: 'var(--timeline-marker-color-sand)',
+  cocoa: 'var(--timeline-marker-color-cocoa)',
+  cream: 'var(--timeline-marker-color-cream)',
+} as const
+
+export const arrayVars = [
+  'var(--timeline-marker-color-blue)',
+  'var(--timeline-marker-color-cyan)',
+  'var(--timeline-marker-color-green)',
+  'var(--timeline-marker-color-yellow)',
+  'var(--timeline-marker-color-red)',
+  'var(--timeline-marker-color-pink)',
+  'var(--timeline-marker-color-purple)',
+  'var(--timeline-marker-color-fuchsia)',
+  'var(--timeline-marker-color-rose)',
+  'var(--timeline-marker-color-lavender)',
+  'var(--timeline-marker-color-sky)',
+  'var(--timeline-marker-color-mint)',
+  'var(--timeline-marker-color-lemon)',
+  'var(--timeline-marker-color-sand)',
+  'var(--timeline-marker-color-cocoa)',
+  'var(--timeline-marker-color-cream)',
+] as const
diff --git a/Frontend/src/lib/easing/index.test.ts b/Frontend/src/lib/easing/index.test.ts
new file mode 100644
index 0000000..a494d16
--- /dev/null
+++ b/Frontend/src/lib/easing/index.test.ts
@@ -0,0 +1,72 @@
+import type { Assertion } from 'vitest'
+import type { Easing } from '.'
+import { describe, expect, it } from 'vitest'
+import { all, allNames, findEasingByName } from '.'
+
+type NumberAssertion = {
+  [K in keyof Assertion<number>]: Assertion<number>[K] extends
+  (it: number) => void ? K : never;
+}[keyof Assertion<number>]
+
+function expectEasing(
+  easing: Easing,
+  middle: NumberAssertion,
+): void {
+  expect(easing.eval(0)).toBe(0)
+  // despite the elaborate typing above, it still doesn't work without an as-cast
+  const ass = expect(easing.eval(0.5));
+  (ass[middle] as (it: number) => void)(0.5)
+  expect(easing.eval(1)).toBe(1)
+}
+
+describe('easing', () => {
+  it('baseline', () => {
+    expect(all).toBeDefined()
+    expect(allNames).toBeDefined()
+    expect(findEasingByName).toBeDefined()
+    expect(() => findEasingByName('')).not.toThrow()
+    const easing = findEasingByName('')
+    expect(easing).toBeDefined()
+    expect(easing.name).toBe('Linear')
+    expect(easing.eval).toBeDefined()
+    expect(() => easing.eval(0)).not.toThrow()
+  })
+  it('linear', () => {
+    const easing = findEasingByName('Linear')
+    expectEasing(easing, 'toBe')
+  })
+  it('inCubic', () => {
+    const easing = findEasingByName('InCubic')
+    expectEasing(easing, 'toBeLessThan')
+  })
+  it('outCubic', () => {
+    const easing = findEasingByName('OutCubic')
+    expectEasing(easing, 'toBeGreaterThan')
+  })
+  it('inOutCubic', () => {
+    const easing = findEasingByName('InOutCubic')
+    expectEasing(easing, 'toBe')
+  })
+  it('inExpo', () => {
+    const easing = findEasingByName('InExpo')
+    expectEasing(easing, 'toBeLessThan')
+  })
+  it('outExpo', () => {
+    const easing = findEasingByName('OutExpo')
+    expectEasing(easing, 'toBeGreaterThan')
+  })
+  it('inOutExpo', () => {
+    const easing = findEasingByName('InOutExpo')
+    expectEasing(easing, 'toBe')
+  })
+  it('find', () => {
+    expect(allNames).toContain('OutExpo')
+    expect(allNames).toContain('InOutCubic')
+    for (const name of allNames) {
+      const easing = findEasingByName(name)
+      expect(easing).toBeDefined()
+      expect(easing.name).toBe(name)
+      expect(all).toContain(easing)
+    }
+  })
+})
diff --git a/Frontend/src/lib/easing/index.ts b/Frontend/src/lib/easing/index.ts
new file mode 100644
index 0000000..87e5ec7
--- /dev/null
+++ b/Frontend/src/lib/easing/index.ts
@@ -0,0 +1,71 @@
+export interface Easing {
+  readonly name: EasingName
+  readonly eval: (t: number) => number
+}
+
+export type EasingName
+  = | 'Linear'
+    | 'InCubic'
+    | 'OutCubic'
+    | 'InOutCubic'
+    | 'InExpo'
+    | 'OutExpo'
+    | 'InOutExpo'
+
+export const Linear: Easing = {
+  name: 'Linear',
+  eval: x => x,
+}
+
+export const InCubic: Easing = {
+  name: 'InCubic',
+  eval: x => x * x * x,
+}
+
+export const OutCubic: Easing = {
+  name: 'OutCubic',
+  eval: x => 1 - (1 - x) ** 3,
+}
+
+export const InOutCubic: Easing = {
+  name: 'InOutCubic',
+  eval: x => x < 0.5 ? 4 * x * x * x : 1 - (-2 * x + 2) ** 3 / 2,
+}
+
+export const InExpo: Easing = {
+  name: 'InExpo',
+  eval: x => x === 0 ? 0 : 2 ** (10 * x - 10),
+}
+
+export const OutExpo: Easing = {
+  name: 'OutExpo',
+  eval: x => x === 1 ? 1 : 1 - 2 ** (-10 * x),
+}
+
+export const InOutExpo: Easing = {
+  name: 'InOutExpo',
+  eval: x =>
+    x === 0
+      ? 0
+      : x === 1
+        ? 1
+        : x < 0.5
+          ? 2 ** (20 * x - 10) / 2
+          : (2 - 2 ** (-20 * x + 10)) / 2,
+}
+
+export const all: readonly Easing[] = [
+  Linear,
+  InCubic,
+  OutCubic,
+  InOutCubic,
+  InExpo,
+  OutExpo,
+  InOutExpo,
+]
+
+export const allNames: readonly EasingName[] = all.map(easing => easing.name)
+
+export function findEasingByName(name: EasingName | string): Easing {
+  return all.find(easing => easing.name === name) ?? Linear
+}
diff --git a/Frontend/src/lib/iter.ts b/Frontend/src/lib/iter.ts
new file mode 100644
index 0000000..3f7a945
--- /dev/null
+++ b/Frontend/src/lib/iter.ts
@@ -0,0 +1,54 @@
+export interface FirstLast<T> {
+  isFirst: boolean
+  isLast: boolean
+  value: T
+}
+
+export function* iterFirstLast<T>(it: T[]): Iterable<FirstLast<T>> {
+  for (let i = 0; i < it.length; i++) {
+    yield {
+      isFirst: i === 0,
+      isLast: i === it.length - 1,
+      value: it[i]!,
+    }
+  }
+}
+
+/** Iterate over current & next pairs, with next item being undefined at the end of input array. */
+export function* iterWindowPairs<T>(it: T[]): Iterable<[T, T?]> {
+  for (let i = 0; i < it.length; i++) {
+    yield [it[i]!, it[i + 1]]
+  }
+}
+
+/**
+ * Create an inclusive range of numbers from min to max using the given step.
+ * Step must be non-zero; supports positive or negative steps.
+ */
+export function rangeInclusive(min: number, max: number, step: number): number[] {
+  if (step === 0) {
+    throw new RangeError('step must not be 0')
+  }
+  const array: number[] = []
+  const forward = min <= max
+
+  if (forward && step < 0) {
+    return array
+  }
+  if (!forward && step > 0) {
+    return array
+  }
+
+  if (forward) {
+    for (let v = min; v <= max; v += step) {
+      array.push(v)
+    }
+  }
+  else {
+    for (let v = min; v >= max; v += step) {
+      array.push(v)
+    }
+  }
+
+  return array
+}
diff --git a/Frontend/src/lib/math.test.ts b/Frontend/src/lib/math.test.ts
new file mode 100644
index 0000000..876d601
--- /dev/null
+++ b/Frontend/src/lib/math.test.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest'
+import { modRange } from './math.js'
+
+describe('modRange', () => {
+  it('1 in range 0..2 is still 1', () => {
+    expect(modRange(1, 0, 2)).toBe(1)
+  })
+
+  it('lower bound is preserved', () => {
+    expect(modRange(1, 1, 2)).toBe(1)
+  })
+
+  it('higher bound is wrapped', () => {
+    expect(modRange(2, 1, 2)).toBe(1)
+  })
+
+  it('bad bounds', () => {
+    expect(() => modRange(0, 9, 1)).toThrow('modRange: min must be less than max (got: min=9, max=1)')
+  })
+})
diff --git a/Frontend/src/lib/math.ts b/Frontend/src/lib/math.ts
new file mode 100644
index 0000000..a4cc1ea
--- /dev/null
+++ b/Frontend/src/lib/math.ts
@@ -0,0 +1,16 @@
+/**
+ * Wraps any number @n greater or equal to @max into the range @min .. @max using modulo (%) operator.
+ * @param {number} n   The number to wrap
+ * @param {number} min Lower bound of the range
+ * @param {number} max Higher bound of the range
+ * @return {number} @n if @n is less then
+ */
+export function modRange(n: number, min: number, max: number): number {
+  if (min > max) {
+    throw new Error(`${modRange.name}: min must be less than max (got: min=${min}, max=${max})`)
+  }
+  if (n >= max) {
+    n = min + (n - min) % (max - min)
+  }
+  return n
+}
diff --git a/Frontend/src/lib/onInputKeyStroke/index.browser.test.ts b/Frontend/src/lib/onInputKeyStroke/index.browser.test.ts
new file mode 100644
index 0000000..9b406cc
--- /dev/null
+++ b/Frontend/src/lib/onInputKeyStroke/index.browser.test.ts
@@ -0,0 +1,69 @@
+import { describe, expect, it, vi } from 'vitest'
+import { onInputKeyStroke } from '@/lib/onInputKeyStroke'
+
+describe('onInputKeyStroke', () => {
+  it('ignores printable key strokes (Shift+A) when an input is focused', () => {
+    const input = document.createElement('input')
+    document.body.appendChild(input)
+    input.focus()
+
+    const handler = vi.fn()
+    const stop = onInputKeyStroke(
+      e => e.shiftKey && (e.key === 'A' || e.key === 'a'),
+      handler,
+    )
+
+    // dispatch a Shift+A keydown (printable)
+    const ev = new KeyboardEvent('keydown', {
+      key: 'A',
+      shiftKey: true,
+      bubbles: true,
+      cancelable: true,
+    })
+    window.dispatchEvent(ev)
+
+    expect(handler).not.toHaveBeenCalled()
+
+    input.blur()
+    // dispatch again, this time input field isn't focused
+    const ev2 = new KeyboardEvent('keydown', {
+      key: 'A',
+      shiftKey: true,
+      bubbles: true,
+      cancelable: true,
+    })
+    window.dispatchEvent(ev2)
+
+    expect(handler).toHaveBeenCalled()
+
+    stop()
+    input.remove()
+  })
+
+  it('handles non-printable key strokes (Ctrl+Shift+U) even when input is focused', () => {
+    const input = document.createElement('input')
+    document.body.appendChild(input)
+    input.focus()
+
+    const handler = vi.fn()
+    const stop = onInputKeyStroke(
+      e => e.ctrlKey && e.shiftKey && (e.key === 'U' || e.key === 'u'),
+      handler,
+    )
+
+    // dispatch Ctrl+Shift+U (non-printable because ctrlKey is true)
+    const ev = new KeyboardEvent('keydown', {
+      key: 'U',
+      ctrlKey: true,
+      shiftKey: true,
+      bubbles: true,
+      cancelable: true,
+    })
+    window.dispatchEvent(ev)
+
+    expect(handler).toHaveBeenCalled()
+
+    stop()
+    input.remove()
+  })
+})
diff --git a/Frontend/src/lib/onInputKeyStroke/index.ts b/Frontend/src/lib/onInputKeyStroke/index.ts
new file mode 100644
index 0000000..d54947c
--- /dev/null
+++ b/Frontend/src/lib/onInputKeyStroke/index.ts
@@ -0,0 +1,107 @@
+import type { KeyPredicate, OnKeyStrokeOptions } from '@vueuse/core'
+import {
+
+  onKeyStroke,
+
+} from '@vueuse/core'
+
+export const DATA_DISABLE_SHORTCUTS = 'data-disable-shortcuts'
+const DATA_DISABLE_SHORTCUTS_SELECTOR = `[${DATA_DISABLE_SHORTCUTS}]`
+
+const textLikeTypes = new Set([
+  'text',
+  'search',
+  'email',
+  'url',
+  'tel',
+  'password',
+  'number',
+  'datetime-local',
+  'date',
+  'time',
+  'month',
+  'week',
+])
+
+function isEditableElement(el?: Element | null): boolean {
+  if (!el) {
+    return false
+  }
+  const elm = el as HTMLElement
+  const tag = elm.tagName
+  if (elm.isContentEditable) {
+    return true
+  }
+  // Treat TEXTAREA as editable
+  if (tag === 'TEXTAREA') {
+    const input = elm as HTMLTextAreaElement
+    return !input.disabled && !input.readOnly
+  }
+  // For INPUT, only consider text-like input types as editable. This
+  // excludes sliders, checkboxes, radio buttons, buttons, file inputs, etc.
+  if (tag === 'INPUT') {
+    const input = elm as HTMLInputElement
+    // If no type attribute is present it defaults to 'text'
+    const type = (input.type || 'text').toLowerCase()
+    if (textLikeTypes.has(type)) {
+      return !input.disabled && !input.readOnly
+    }
+  }
+  // ARIA text-like roles
+  if (
+    elm.getAttribute
+    && (elm.getAttribute('role') === 'searchbox'
+      || elm.getAttribute('role') === 'textbox')
+  ) {
+    return true
+  }
+  // allow opting out by setting this attribute on a container
+  if (elm.closest && !!elm.closest(DATA_DISABLE_SHORTCUTS_SELECTOR)) {
+    return true
+  }
+  return false
+}
+
+/**
+ * Wrapper around `onKeyStroke` that ignores key strokes when focus is in an
+ * editable element (input/textarea/contenteditable) or when IME composition
+ * is active. Signature mirrors `onKeyStroke(predicate, handler, options?)`.
+ */
+export function onInputKeyStroke(
+  predicate: KeyPredicate,
+  handler: (event: KeyboardEvent) => void,
+  options: OnKeyStrokeOptions = { target: window, dedupe: true },
+) {
+  return onKeyStroke(
+    (e: KeyboardEvent) => {
+      // first, respect the user's predicate
+      if (!predicate(e)) {
+        return false
+      }
+
+      // ignore during IME composition
+      if (e.isComposing) {
+        return false
+      }
+
+      // if focus is in editable element, do not run shortcut
+      const active = document.activeElement as Element | null
+      if (isEditableElement(active)) {
+        // allow non-printable shortcuts (Ctrl/Cmd/Alt combos) even when an
+        // input is focused. Printable characters (single-char keys without
+        // modifiers) should be ignored so typing isn't interrupted.
+        const isPrintable = e.key.length === 1 && !e.ctrlKey && !e.metaKey
+          && !e.altKey
+        if (isPrintable) {
+          return false
+        }
+      }
+
+      return true
+    },
+    handler,
+    options,
+  )
+}
+
+export default onInputKeyStroke
diff --git a/Frontend/src/lib/sleep.ts b/Frontend/src/lib/sleep.ts
new file mode 100644
index 0000000..13fa5ec
--- /dev/null
+++ b/Frontend/src/lib/sleep.ts
@@ -0,0 +1,4 @@
+/** Async sleep promise, useful for debugging fast-paced transitions. */
+export function sleep(ms: number) {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
diff --git a/Frontend/src/lib/units.ts b/Frontend/src/lib/units.ts
new file mode 100644
index 0000000..e8e97ed
--- /dev/null
+++ b/Frontend/src/lib/units.ts
@@ -0,0 +1,15 @@
+export type Seconds = number
+export type Beats = number
+export type AnyTime = Seconds | Beats
+
+export type Px = number
+export type PxString = `${Px}px`
+
+/**
+ * zoom raw: suitable for scaling, range 1 .. 7.25
+ */
+export type ZoomRaw = number
+/**
+ * zoom discrete: suitable for sliders, range 0 .. 100 or -20 .. 100
+ */
+export type ZoomDiscrete = number
diff --git a/Frontend/src/lib/useOptionalWidgetState.ts b/Frontend/src/lib/useOptionalWidgetState.ts
new file mode 100644
index 0000000..243732c
--- /dev/null
+++ b/Frontend/src/lib/useOptionalWidgetState.ts
@@ -0,0 +1,49 @@
+import type { ComputedRef, MaybeRef, Ref } from 'vue'
+import type { UseWritablePx } from './usePx'
+import type { Px } from '@/lib/units'
+import { computed, toRef } from 'vue'
+import { useWritablePx } from './usePx'
+
+export interface UseOptionalWidgetStateOptions {
+  visible?: MaybeRef<boolean>
+  showString?: string
+  hideString?: string
+  width?: MaybeRef<Px>
+  height?: MaybeRef<Px>
+}
+
+export interface UseOptionalWidgetStateReturn {
+  visible: Ref<boolean>
+  toggle: () => void
+  toggleActionString: ComputedRef<string>
+  width: UseWritablePx
+  height: UseWritablePx
+}
+
+export function useOptionalWidgetState(
+  options: UseOptionalWidgetStateOptions = {},
+): UseOptionalWidgetStateReturn {
+  const {
+    visible: initialVisible = false,
+    showString = 'Show',
+    hideString = 'Hide',
+    width: initialWidth = 0,
+    height: initialHeight = 0,
+  } = options
+
+  const visible = toRef(initialVisible)
+  function toggle() {
+    visible.value = !visible.value
+  }
+  const toggleActionString = computed(() => visible.value ? hideString : showString)
+  const width = useWritablePx(initialWidth)
+  const height = useWritablePx(initialHeight)
+
+  return {
+    visible,
+    toggle,
+    toggleActionString,
+    width,
+    height,
+  }
+}
diff --git a/Frontend/src/lib/usePx/index.test.ts b/Frontend/src/lib/usePx/index.test.ts
new file mode 100644
index 0000000..2bc2710
--- /dev/null
+++ b/Frontend/src/lib/usePx/index.test.ts
@@ -0,0 +1,81 @@
+import type { UseWritablePx } from '.'
+import { toReactive } from '@vueuse/core'
+import { describe, expect, expectTypeOf, it } from 'vitest'
+import { computed, ref, shallowRef, toRefs } from 'vue'
+import { toPx, usePx, useWritablePx } from '.'
+
+describe('usePx', () => {
+  it('toPx should work', () => {
+    // baseline
+    expect(toPx(42)).toBe('42px')
+    // negative
+    expect(toPx(-5)).toBe('-5px')
+    // Vue reactivity
+    expect(toPx(ref(10))).toBe('10px')
+  })
+  it('baseline', () => {
+    const px = usePx(42)
+    expect(px.value.number).toBe(42)
+    expect(px.value.string).toBe('42px')
+  })
+  it('reactivity', () => {
+    const source = shallowRef(1)
+    const px = usePx(source)
+    expect(px.value.number).toBe(1)
+    expect(px.value.string).toBe('1px')
+    source.value = 2
+    expect(px.value.number).toBe(2)
+    expect(px.value.string).toBe('2px')
+  })
+  it('destructuring toReactive', () => {
+    const source = shallowRef(1)
+    // toReactive
+    const { number } = toReactive(usePx(source))
+    expect(number).toBe(1)
+    source.value = 2
+    // meh
+    expect(number).toBe(1)
+  })
+  it('destructuring toRefs', () => {
+    const source = shallowRef(1)
+    // toRefs, doesn't make sense
+    const { number } = toRefs(usePx(source).value)
+    expect(number.value).toBe(1)
+    source.value = 2
+    // meh
+    expect(number.value).toBe(1)
+  })
+  it('destructuring done right', () => {
+    const source = shallowRef(1)
+    const px = usePx(source)
+    const number = computed(() => px.value.number)
+    expect(number.value).toBe(1)
+    source.value = 2
+    expect(number.value).toBe(2)
+  })
+})
+
+describe('useWritablePx', () => {
+  it('type check', () => {
+    expectTypeOf<UseWritablePx>(useWritablePx(0))
+  })
+  it('should work by value', () => {
+    const pxByValue = useWritablePx(42)
+    expect(pxByValue.number.value).toBe(42)
+    expect(pxByValue.string.value).toBe('42px')
+  })
+  it('should work by ref', () => {
+    const myRef = shallowRef(42)
+    const pxByRef = useWritablePx(myRef)
+    expect(pxByRef.number.value).toBe(42)
+    expect(pxByRef.string.value).toBe('42px')
+  })
+  it('destructuring', () => {
+    const { number, string } = useWritablePx(1)
+    expect(number.value).toBe(1)
+    expect(string.value).toBe('1px')
+    number.value = 2
+    expect(number.value).toBe(2)
+    expect(string.value).toBe('2px')
+  })
+})
diff --git a/Frontend/src/lib/usePx/index.ts b/Frontend/src/lib/usePx/index.ts
new file mode 100644
index 0000000..80def07
--- /dev/null
+++ b/Frontend/src/lib/usePx/index.ts
@@ -0,0 +1,46 @@
+import type {
+  ComputedRef,
+  MaybeRef,
+  MaybeRefOrGetter,
+  Ref,
+} from 'vue'
+import type { Px, PxString } from '@/lib/units'
+import { computed, toRef, toValue } from 'vue'
+
+function toPxValue(value: Px): PxString {
+  return `${value}px`
+}
+
+export function toPx(value: MaybeRefOrGetter<Px>): PxString {
+  return toPxValue(toValue(value))
+}
+
+export interface UsePx {
+  number: Px
+  string: PxString
+}
+
+export function usePx(value: MaybeRefOrGetter<Px>): ComputedRef<UsePx> {
+  return computed(() => {
+    const number = toValue(value)
+    const string = toPxValue(number)
+    return {
+      number,
+      string,
+    }
+  })
+}
+
+export interface UseWritablePx {
+  number: Ref<Px>
+  string: ComputedRef<PxString>
+}
+
+export function useWritablePx(value: MaybeRef<Px>): UseWritablePx {
+  const number = toRef(value)
+  const string = computed(() => toPxValue(number.value))
+  return {
+    number,
+    string,
+  }
+}
diff --git a/Frontend/src/lib/useTimelineScrubbing/index.ts b/Frontend/src/lib/useTimelineScrubbing/index.ts
new file mode 100644
index 0000000..380a0b0
--- /dev/null
+++ b/Frontend/src/lib/useTimelineScrubbing/index.ts
@@ -0,0 +1,129 @@
+import type { Arrayable } from '@vueuse/core'
+import type { MaybeRefOrGetter } from 'vue'
+import type { Px, Seconds } from '@/lib/units'
+import {
+
+  toArray,
+  tryOnScopeDispose,
+  unrefElement,
+  useEventListener,
+  watchImmediate,
+} from '@vueuse/core'
+import { storeToRefs } from 'pinia'
+import { shallowRef, toValue } from 'vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+
+export function useTimelineScrubbing(
+  elements: MaybeRefOrGetter<Arrayable<HTMLElement> | null>,
+) {
+  const cleanups: (() => void)[] = []
+  const cleanup = () => {
+    cleanups.forEach(fn => fn())
+    cleanups.length = 0
+  }
+
+  let wasPlayingBeforeScrubbing = false
+  const isScrubbing = shallowRef(false)
+
+  const timeline = useTimelineStore()
+  const { player } = storeToRefs(timeline)
+
+  const getTarget = (event: PointerEvent): HTMLElement | null => {
+    const target = event.currentTarget
+    return target instanceof HTMLElement ? target : null
+  }
+
+  const seek = (event: PointerEvent, scrub: boolean) => {
+    const target = getTarget(event)
+    const p = player.value
+    if (!target || !p) {
+      return
+    }
+
+    // clientX is broken in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=505521#c80
+    const left: Px = event.pageX - target.getBoundingClientRect().left
+    const seconds: Seconds = timeline.pixelsToSeconds(left)
+    // apply mouse position
+    p.seek(seconds, { scrub })
+  }
+
+  const onPointerMove = (event: PointerEvent) => {
+    if (isScrubbing.value) {
+      seek(event, true)
+    }
+  }
+
+  const onPointerDown = (event: PointerEvent) => {
+    const target = getTarget(event)
+    const p = player.value
+    if (!target || !p) {
+      return
+    }
+
+    // Only the first pointer ID is going to be used for scrubbing,
+    // so there should be no conflicts in case of multi-touch input.
+    if (target && !isScrubbing.value) {
+      isScrubbing.value = true
+      wasPlayingBeforeScrubbing = p.playback.isPlaying.value
+      target.setPointerCapture(event.pointerId)
+      seek(event, false)
+    }
+  }
+
+  const onPointerUp = (event: PointerEvent) => {
+    const p = player.value
+    if (!p) {
+      return
+    }
+
+    if (isScrubbing.value) {
+      isScrubbing.value = false
+      seek(event, false)
+      if (wasPlayingBeforeScrubbing) {
+        wasPlayingBeforeScrubbing = false
+        p.play()
+      }
+    }
+  }
+
+  const onPointerLeave = (_event: PointerEvent) => {}
+
+  const register = (el: EventTarget) => {
+    return [
+      useEventListener(el, 'pointerdown', onPointerDown),
+      useEventListener(el, 'pointerup', onPointerUp),
+      useEventListener(el, 'pointermove', onPointerMove),
+      useEventListener(el, 'pointerleave', onPointerLeave),
+    ]
+  }
+
+  const stopWatch = watchImmediate(
+    () =>
+      [
+        toArray(toValue(elements)).filter(e => e != null).map(e =>
+          unrefElement(e)!,
+        ),
+      ] as const,
+    ([raw_targets]) => {
+      cleanup()
+
+      if (!raw_targets.length) {
+        return
+      }
+
+      cleanups.push(
+        ...raw_targets.flatMap(el => register(el)),
+      )
+    },
+    { flush: 'post' },
+  )
+
+  const stop = () => {
+    stopWatch()
+    cleanup()
+  }
+
+  tryOnScopeDispose(stop)
+
+  return stop
+}
diff --git a/Frontend/src/lib/useTimelineTicks.ts b/Frontend/src/lib/useTimelineTicks.ts
new file mode 100644
index 0000000..6940804
--- /dev/null
+++ b/Frontend/src/lib/useTimelineTicks.ts
@@ -0,0 +1,105 @@
+import type { ComputedRef, MaybeRefOrGetter } from 'vue'
+import type { AnyTime, Beats, Px, Seconds } from './units'
+import { storeToRefs } from 'pinia'
+import {
+  computed,
+
+  toValue,
+} from 'vue'
+import { formatTime } from '@/lib/AudioTrack'
+import { rangeInclusive } from '@/lib/iter'
+import {
+  useOptimalBeatTickInterval,
+  useOptimalTickInterval,
+  useTicksBounds,
+} from '@/lib/TinelineTicks'
+import { usePx } from '@/lib/vue'
+import { useTimelineStore } from '@/store/TimelineStore'
+
+export interface Ticks<T extends AnyTime> {
+  tickIn: ComputedRef<T>
+  tickOut: ComputedRef<T>
+  interval: ComputedRef<T>
+  /** An inclusive range from tickIn to tickOut, with `interval` step. */
+  ticks: ComputedRef<T[]>
+  width: ComputedRef<Px>
+  widthPx: ComputedRef<string>
+  left: (tickIn: T) => ComputedRef<Px>
+  label: (tickIn: T) => ComputedRef<string>
+}
+
+export function useTimelineTicks<T extends AnyTime>(
+  viewportIn: MaybeRefOrGetter<T>,
+  viewportOut: MaybeRefOrGetter<T>,
+  interval: ComputedRef<T>,
+  intervalToPixels: (interval: T) => Px,
+  positionToPixels: (position: T) => Px,
+  positionToLabel: (position: T) => string,
+): Ticks<T> {
+  const ticksBounds = useTicksBounds(interval, viewportIn, viewportOut)
+
+  const tickIn = computed(() => ticksBounds.value.tickIn)
+  const tickOut = computed(() => ticksBounds.value.tickOut)
+  const ticks = computed(() =>
+    rangeInclusive(tickIn.value, tickOut.value, toValue(interval)) as T[],
+  )
+  const width = computed(() => intervalToPixels(toValue(interval)))
+  const widthPx = usePx(width)
+
+  return {
+    tickIn,
+    tickOut,
+    interval,
+    ticks,
+    width,
+    widthPx,
+    left: tickIn => computed(() => positionToPixels(tickIn)),
+    label: tickIn => computed(() => positionToLabel(tickIn)),
+  }
+}
+
+// TODO: cache / singletone / store?
+
+export function useTimelineTicksSeconds(): Ticks<Seconds> {
+  const timeline = useTimelineStore()
+  const {
+    contentWidthIncludingEmptySpace,
+    durationIncludingEmptySpace,
+    viewportInSeconds,
+    viewportOutSeconds,
+  } = storeToRefs(timeline)
+
+  return useTimelineTicks<Seconds>(
+    viewportInSeconds,
+    viewportOutSeconds,
+    useOptimalTickInterval(
+      contentWidthIncludingEmptySpace,
+      durationIncludingEmptySpace,
+    ),
+    interval => timeline.secondsToPixels(interval),
+    position => timeline.secondsToPixels(position),
+    position => formatTime(position, 2),
+  )
+}
+
+export function useTimelineTicksBeats(): Ticks<Beats> {
+  const timeline = useTimelineStore()
+  const {
+    contentWidthIncludingEmptySpace,
+    durationBeatsIncludingEmptySpace,
+    viewportInLoopOffsetBeats,
+    viewportOutLoopOffsetBeats,
+  } = storeToRefs(timeline)
+
+  return useTimelineTicks<Beats>(
+    viewportInLoopOffsetBeats,
+    viewportOutLoopOffsetBeats,
+    useOptimalBeatTickInterval(
+      contentWidthIncludingEmptySpace,
+      durationBeatsIncludingEmptySpace,
+    ),
+    interval => timeline.beatsToPixels(interval),
+    position => timeline.loopOffsetBeatsToPixels(position),
+    position => position.toFixed(),
+  )
+}
diff --git a/Frontend/src/lib/useVeiwportWheel/index.ts b/Frontend/src/lib/useVeiwportWheel/index.ts
new file mode 100644
index 0000000..eaf0603
--- /dev/null
+++ b/Frontend/src/lib/useVeiwportWheel/index.ts
@@ -0,0 +1,51 @@
+import type { MaybeRefOrGetter, Ref } from 'vue'
+import type { UseZoomAxis } from '../useZoomAxis'
+import type { Px } from '@/lib/units'
+import { useEventListener } from '@vueuse/core'
+
+export interface UseVeiwportWheelOptions {
+  axisHorizontal: UseZoomAxis
+  axisVertical: UseZoomAxis
+  scrollOffsetLeft: Ref<Px>
+}
+
+export function useVeiwportWheel(
+  target: MaybeRefOrGetter<HTMLElement | null>,
+  options: UseVeiwportWheelOptions,
+) {
+  function handler(event: WheelEvent) {
+    // Note: Math.random() prevents console output history from collapsing same entries.
+    // console.log("WHEEEEEL", Math.random().toFixed(3), event.deltaX, event.deltaY, event.target, event);
+
+    // TODO: Ignore Ctrl key because it intercepts touchpad pinch to zoom?
+    // TODO: what if the user doesn't use a touchpad, and thus has
+    // no way to scroll horizontally other than by dragging a scrollbar?
+    const ignoreCtrlWheel = false
+
+    // Note: this hardcoded value feels good enough both for discrete mouse wheel and precise touchpad.
+    const ZOOM_RAW_FACTOR = 100
+
+    if (event.shiftKey) {
+      event.preventDefault()
+      event.stopPropagation()
+      event.stopImmediatePropagation()
+      options.axisVertical.zoom.raw.value -= event.deltaY / ZOOM_RAW_FACTOR
+    }
+    else if (event.altKey) {
+      event.preventDefault()
+      event.stopPropagation()
+      event.stopImmediatePropagation()
+      options.axisHorizontal.zoom.raw.value -= event.deltaY / ZOOM_RAW_FACTOR
+    }
+    else if (event.ctrlKey && !ignoreCtrlWheel) {
+      event.preventDefault()
+      event.stopPropagation()
+      event.stopImmediatePropagation()
+      options.scrollOffsetLeft.value += event.deltaY
+    }
+  }
+
+  return useEventListener(target, 'wheel', handler, {
+    passive: false,
+  })
+}
diff --git a/Frontend/src/lib/useWeakCache/index.ts b/Frontend/src/lib/useWeakCache/index.ts
new file mode 100644
index 0000000..bcea3f9
--- /dev/null
+++ b/Frontend/src/lib/useWeakCache/index.ts
@@ -0,0 +1,20 @@
+export interface WeakCache<K, V> {
+  getOrNew: (k: K) => V
+}
+
+export function useWeakCache<K extends WeakKey, V>(
+  factory: () => V,
+): WeakCache<K, V> {
+  const cache = new WeakMap<K, V>()
+
+  return {
+    getOrNew(k: K): V {
+      if (cache.has(k)) {
+        return cache.get(k)!
+      }
+      const v = factory()
+      cache.set(k, v)
+      return v
+    },
+  }
+}
diff --git a/Frontend/src/lib/useZoomAxis/index.test.ts b/Frontend/src/lib/useZoomAxis/index.test.ts
new file mode 100644
index 0000000..262cc24
--- /dev/null
+++ b/Frontend/src/lib/useZoomAxis/index.test.ts
@@ -0,0 +1,307 @@
+import type { UseZoomAxis } from '.'
+import { describe, expect, it } from 'vitest'
+import { computed, nextTick, shallowRef } from 'vue'
+import {
+  useZoom,
+  useZoomAxis,
+  useZoomAxisManager,
+  zoomDiscreteToRaw,
+  zoomRawToDiscrete,
+} from '.'
+
+describe('zoom conversion', () => {
+  it('zoomRawToDiscrete', () => {
+    expect(zoomRawToDiscrete(1)).toBe(0)
+    expect(zoomRawToDiscrete(3)).toBe(32)
+    expect(zoomRawToDiscrete(10)).toBe(122)
+    expect(zoomRawToDiscrete(19.75)).toBe(200)
+    // negative
+    expect(zoomRawToDiscrete(1)).toBe(0)
+    expect(zoomRawToDiscrete(0.75)).toBe(-10)
+    expect(zoomRawToDiscrete(0.5)).toBe(-20)
+  })
+  it('zoomDiscreteToRaw', () => {
+    expect(zoomDiscreteToRaw(0)).toBe(1)
+    expect(zoomDiscreteToRaw(32)).toBe(3)
+    expect(zoomDiscreteToRaw(122)).toBe(10)
+    expect(zoomDiscreteToRaw(200)).toBe(19.75)
+    // negative
+    expect(zoomDiscreteToRaw(0)).toBe(1)
+    expect(zoomDiscreteToRaw(-10)).toBe(0.75)
+    expect(zoomDiscreteToRaw(-20)).toBe(0.5)
+  })
+})
+
+describe('useZoom', () => {
+  it('baseline', () => {
+    useZoom({ raw: 1 })
+    useZoom({ raw: 2, min: 0, max: 100 })
+    useZoom({ raw: 3, min: -20, max: 200 })
+    useZoom({ raw: shallowRef(4) })
+    const rawRef = shallowRef(5)
+    const rawComputed = computed({
+      get() {
+        return rawRef.value
+      },
+      set(value) {
+        rawRef.value = value
+      },
+    })
+    const zoom = useZoom({ raw: rawComputed })
+    expect(zoom.discrete.value).toBeDefined()
+    expect(zoom.raw.value).toBeDefined()
+  })
+  it('reactive', async () => {
+    // start with a reactive raw ref
+    const rawRef = shallowRef(1)
+    const zoom = useZoom({ raw: rawRef, min: -20, max: 200 })
+
+    // initial linkage
+    expect(zoom.raw.value).toBe(1)
+    expect(zoom.discrete.value).toBe(zoomRawToDiscrete(1))
+
+    // updating source raw should update discrete
+    rawRef.value = 3
+    await nextTick()
+    expect(zoom.raw.value).toBe(3)
+    expect(zoom.discrete.value).toBe(zoomRawToDiscrete(3))
+
+    // updating discrete should update raw
+    zoom.discrete.value = 122
+    await nextTick()
+    expect(zoom.discrete.value).toBe(122)
+    expect(zoom.raw.value).toBe(zoomDiscreteToRaw(122))
+    expect(rawRef.value).toBe(zoomDiscreteToRaw(122))
+
+    // setting discrete beyond max should clamp
+    zoom.discrete.value = 1000
+    await nextTick()
+    expect(zoom.discrete.value).toBe(200) // clamped to max
+    expect(zoom.raw.value).toBe(zoomDiscreteToRaw(200))
+    expect(rawRef.value).toBe(zoomDiscreteToRaw(200))
+
+    // setting raw via the wrapper should update discrete
+    zoom.raw.value = 0.5
+    await nextTick()
+    expect(zoom.raw.value).toBe(0.5)
+    expect(zoom.discrete.value).toBe(zoomRawToDiscrete(0.5))
+    expect(rawRef.value).toBe(0.5)
+  })
+})
+
+describe('useZoomAxis', () => {
+  it('baseline', () => {
+    expect(useZoomAxis).toBeDefined()
+    const axis: UseZoomAxis = useZoomAxis({ raw: 1 })
+    expect(axis.zoom.discrete.value).toBeDefined()
+    expect(axis.min.discrete.value).toBeDefined()
+    expect(axis.max.discrete.value).toBeDefined()
+    expect(axis.default.discrete.value).toBeDefined()
+    expect(axis.stepSmall.discrete.value).toBeDefined()
+    expect(axis.isAtMin.value).toBeDefined()
+    expect(axis.isAtMax.value).toBeDefined()
+    expect(axis.isAtDefault.value).toBeDefined()
+    axis.reset()
+    axis.zoomIn()
+    axis.zoomOut()
+
+    useZoomAxis({
+      raw: 1,
+      min: 0,
+      max: 10,
+      default: 5,
+      stepSmall: 2,
+      stepBig: 3,
+    })
+  })
+
+  it('readonly properties are readonly at compile time', () => {
+    const axis = useZoomAxis({ raw: 1 })
+
+    // These lines assert, at compile time, that the properties are readonly.
+    // If any of these assignments do NOT produce a TS error, the TypeScript
+    // compiler will fail due to the @ts-expect-error directive.
+
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.min.raw.value = 32
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.min.discrete.value = 32
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.default.raw.value = 2
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.stepSmall.raw.value = 2
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.isAtMin.value = true
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.isAtMax.value = true
+    // @ts-expect-error Cannot assign to 'value' because it is a read-only property.
+    axis.isAtDefault.value = true
+  })
+
+  it('axis is at min/max/default', async () => {
+    const axis = useZoomAxis({
+      raw: zoomDiscreteToRaw(-20),
+      min: -20,
+      max: 200,
+      default: 5,
+    })
+    expect(axis.isAtMin.value).toBe(true)
+    expect(axis.isAtMax.value).toBe(false)
+    expect(axis.isAtDefault.value).toBe(false)
+
+    axis.zoom.discrete.value = 5
+    await nextTick()
+
+    expect(axis.isAtMin.value).toBe(false)
+    expect(axis.isAtMax.value).toBe(false)
+    expect(axis.isAtDefault.value).toBe(true)
+
+    axis.zoom.discrete.value = 200
+    await nextTick()
+
+    expect(axis.isAtMin.value).toBe(false)
+    expect(axis.isAtMax.value).toBe(true)
+    expect(axis.isAtDefault.value).toBe(false)
+  })
+
+  it('reset sets zoom to default', async () => {
+    const axis = useZoomAxis({
+      raw: 1,
+      default: 5,
+    })
+
+    // change zoom and ensure reset restores default
+    axis.zoom.discrete.value = 0
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(0)
+
+    axis.reset()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(5)
+  })
+
+  it('zoom.raw is writable and reflects source ref', async () => {
+    const rawRef = shallowRef(1)
+    const axis = useZoomAxis({ raw: rawRef })
+
+    expect(axis.zoom.raw.value).toBe(1)
+
+    axis.zoom.raw.value = 3
+    await nextTick()
+
+    expect(axis.zoom.raw.value).toBe(3)
+    expect(rawRef.value).toBe(3)
+  })
+
+  it('zoomIn / zoomOut are callable (no runtime throw)', () => {
+    const axis = useZoomAxis({ raw: 1 })
+    expect(() => {
+      axis.zoomIn()
+      axis.zoomOut()
+    }).not.toThrow()
+  })
+
+  it('zoomIn snaps up to next big step when between steps', async () => {
+    const axis = useZoomAxis({ raw: 1, stepBig: 10 })
+    // set to a value between 10 and 20
+    axis.zoom.discrete.value = 15
+    await nextTick()
+    axis.zoomIn()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(20)
+  })
+
+  it('zoomOut snaps down to previous big step when between steps', async () => {
+    const axis = useZoomAxis({ raw: zoomDiscreteToRaw(15), stepBig: 10 })
+    axis.zoomOut()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(10)
+  })
+
+  it('zoomIn snaps down to previous big step when between steps', async () => {
+    const axis = useZoomAxis({ raw: zoomDiscreteToRaw(15), stepBig: 10 })
+    axis.zoomIn()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(20)
+  })
+
+  it('aligned steps add/subtract a whole big step', async () => {
+    const axis = useZoomAxis({ raw: zoomDiscreteToRaw(20), stepBig: 10 })
+
+    axis.zoomIn()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(30)
+
+    axis.zoomOut()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(20)
+
+    axis.zoomOut()
+    await nextTick()
+    expect(axis.zoom.discrete.value).toBe(10)
+  })
+
+  it('zoomIn clamps to max when stepping beyond max', async () => {
+    const axis = useZoomAxis({
+      raw: zoomDiscreteToRaw(20),
+      max: 25,
+      stepBig: 10,
+    })
+
+    axis.zoomIn()
+    await nextTick()
+    // should clamp to max (25) instead of exceeding it
+    expect(axis.zoom.discrete.value).toBe(25)
+    expect(axis.isAtMax.value).toBe(true)
+  })
+})
+
+describe('useZoomAxisManager', () => {
+  it('baseline', () => {
+    expect(useZoomAxisManager).toBeDefined()
+    const viewportScrollOffset = shallowRef(0)
+    const viewportSize = shallowRef(1000)
+    const { axis, contentSize, contentSizeIncludingEmptySpace }
+      = useZoomAxisManager({
+        contentSizeForZoom: zoom => zoom * 2000,
+        viewportScrollOffset,
+        viewportSize,
+        zoomOptions: {
+          raw: zoomDiscreteToRaw(0),
+          min: 0,
+          max: 10,
+          default: 5,
+          stepSmall: 1,
+          stepBig: 2,
+        },
+      })
+
+    expect(axis.zoom.discrete.value).toBeDefined()
+    expect(axis.reset).toBeDefined()
+    expect(contentSize.value).toBeDefined()
+    expect(contentSizeIncludingEmptySpace.value).toBeDefined()
+  })
+
+  it('min/max/default', async () => {
+    const viewportScrollOffset = shallowRef(0)
+    const viewportSize = shallowRef(1000)
+    const { axis }
+      = useZoomAxisManager({
+        contentSizeForZoom: zoom => zoom * 2000,
+        viewportScrollOffset,
+        viewportSize,
+        zoomOptions: {
+          raw: zoomDiscreteToRaw(0),
+          min: -20,
+          max: 200,
+          default: 0,
+          stepSmall: 1,
+          stepBig: 10,
+        },
+      })
+
+    expect(axis.isAtDefault.value).toBe(true)
+    expect(axis.min.discrete.value).toBe(-20)
+    expect(axis.max.discrete.value).toBe(200)
+  })
+})
diff --git a/Frontend/src/lib/useZoomAxis/index.ts b/Frontend/src/lib/useZoomAxis/index.ts
new file mode 100644
index 0000000..bd35728
--- /dev/null
+++ b/Frontend/src/lib/useZoomAxis/index.ts
@@ -0,0 +1,320 @@
+import type { ComputedRef, DeepReadonly, MaybeRef, Ref } from 'vue'
+import type { Px, ZoomDiscrete, ZoomRaw } from '@/lib/units'
+import { clamp } from '@vueuse/core'
+import { computed, toRef, toValue } from 'vue'
+
+const SCALE_INVERSE = 40
+const SCALE_BELOW_THESHOLD = 16
+// no exponential growth: scale is steeper after the threshold
+const SCALE_ABOVE_TRESHOLD = 8
+const SCALE_THRESHOLD_DISCRETE: ZoomDiscrete = 100
+const SCALE_THRESHOLD_RAW: ZoomRaw = SCALE_THRESHOLD_DISCRETE
+  / SCALE_BELOW_THESHOLD
+
+export function zoomRawToDiscrete(zoom: ZoomRaw): ZoomDiscrete {
+  // normalize around zero, so it can scale lineraly
+  zoom = zoom - 1
+
+  if (zoom >= 0) {
+    let belowThreshold = zoom
+    let aboveTreshold = 0
+    if (zoom > SCALE_THRESHOLD_RAW) {
+      belowThreshold = SCALE_THRESHOLD_RAW
+      aboveTreshold = zoom - SCALE_THRESHOLD_RAW
+    }
+    return belowThreshold * SCALE_BELOW_THESHOLD
+      + aboveTreshold * SCALE_ABOVE_TRESHOLD
+  }
+  else {
+    return SCALE_INVERSE * zoom
+  }
+}
+
+export function zoomDiscreteToRaw(zoom: ZoomDiscrete): ZoomRaw {
+  if (zoom >= 0) {
+    let belowThreshold = zoom
+    let aboveTreshold = 0
+    if (zoom > SCALE_THRESHOLD_DISCRETE) {
+      belowThreshold = SCALE_THRESHOLD_DISCRETE
+      aboveTreshold = zoom - SCALE_THRESHOLD_DISCRETE
+    }
+    return 1 + belowThreshold / SCALE_BELOW_THESHOLD
+      + aboveTreshold / SCALE_ABOVE_TRESHOLD
+  }
+  else {
+    return 1 + zoom / SCALE_INVERSE
+  }
+}
+
+export interface UseZoomOptions {
+  raw: MaybeRef<ZoomRaw>
+  min?: ZoomDiscrete
+  max?: ZoomDiscrete
+}
+
+export interface UseZoom {
+  raw: Ref<ZoomRaw>
+  discrete: Ref<ZoomDiscrete>
+}
+
+const DEFAULT_ZOOM_DISCRETE: ZoomDiscrete = 0
+const DEFAULT_ZOOM_MIN_DISCRETE: ZoomDiscrete = 0
+const DEFAULT_ZOOM_MAX_DISCRETE: ZoomDiscrete = 100
+const DEFAULT_ZOOM_STEP_BIG_DISCRETE: ZoomDiscrete = 10
+const DEFAULT_ZOOM_STEP_SMALL_DISCRETE: ZoomDiscrete = 1
+
+/**
+ * Wrap a raw ref in a read-write linked pair of raw+discrete refs with bounds checking in setters.
+ */
+export function useZoom(
+  options: UseZoomOptions,
+): UseZoom {
+  const {
+    min: minDiscrete = DEFAULT_ZOOM_MIN_DISCRETE,
+    max: maxDiscrete = DEFAULT_ZOOM_MAX_DISCRETE,
+  } = options
+
+  const minRaw = zoomDiscreteToRaw(minDiscrete)
+  const maxRaw = zoomDiscreteToRaw(maxDiscrete)
+
+  const rawRef = toRef(options.raw)
+  const raw = computed({
+    get() {
+      return clamp(rawRef.value, minRaw, maxRaw)
+    },
+    set(newRaw) {
+      rawRef.value = clamp(newRaw, minRaw, maxRaw)
+    },
+  })
+
+  const discrete = computed({
+    get() {
+      return clamp(zoomRawToDiscrete(rawRef.value), minDiscrete, maxDiscrete)
+    },
+    set(newDiscrete) {
+      rawRef.value = zoomDiscreteToRaw(
+        clamp(newDiscrete, minDiscrete, maxDiscrete),
+      )
+    },
+  })
+
+  return {
+    raw,
+    discrete,
+  }
+}
+
+export interface UseZoomAxisOptions {
+  raw: MaybeRef<ZoomRaw>
+  /**
+   * Limit of zooming out (everything becomes small).
+   *
+   * Defaults to `DEFAULT_ZOOM_MIN_DISCRETE`.
+   */
+  min?: ZoomDiscrete
+  /**
+   * Limit of zooming in (everything becomes large).
+   *
+   * Defaults to `DEFAULT_ZOOM_MAX_DISCRETE`.
+   */
+  max?: ZoomDiscrete
+  /**
+   * Default zoom to reset to, e.g. when double clicking associated zoom slider.
+   *
+   * Defaults to `DEFAULT_ZOOM_DISCRETE`.
+   */
+  default?: ZoomDiscrete
+  /**
+   * Step size that can be used for granular controls like a range slider.
+   *
+   * Defaults to `DEFAULT_ZOOM_STEP_SMALL_DISCRETE`.
+   */
+  stepSmall?: ZoomDiscrete
+  /**
+   * Step sizee that can be used for buttons.
+   *
+   * Defaults to `DEFAULT_ZOOM_STEP_BIG_DISCRETE`.
+   */
+  stepBig?: ZoomDiscrete
+}
+
+export interface UseZoomAxis {
+  zoom: UseZoom
+
+  // Can be used by granular controls like a range slider
+  min: DeepReadonly<UseZoom>
+  max: DeepReadonly<UseZoom>
+  default: DeepReadonly<UseZoom>
+  stepSmall: DeepReadonly<UseZoom>
+
+  isAtMin: Readonly<Ref<boolean>>
+  isAtMax: Readonly<Ref<boolean>>
+  isAtDefault: Readonly<Ref<boolean>>
+
+  /**
+   * Can be triggered by double clicking on an associated control like a range slider.
+   *
+   * Applies `default` value.
+   */
+  reset: () => void
+  /**
+   * Increase zoom by `stepBig` amount.
+   *
+   * Can be used by buttons. Zoom values between big steps will snap to the nearest
+   * whole step in the given direction, otherwise adds or subtracts a whole step.
+   */
+  zoomIn: () => void
+  /**
+   * Decrease zoom by `stepBig` amount.
+   *
+   * Can be used by buttons. Zoom values between big steps will snap to the nearest
+   * whole step in the given direction, otherwise adds or subtracts a whole step.
+   */
+  zoomOut: () => void
+}
+
+export function useZoomAxis(options: UseZoomAxisOptions): UseZoomAxis {
+  const {
+    raw,
+    min: minDiscrete = DEFAULT_ZOOM_MIN_DISCRETE,
+    max: maxDiscrete = DEFAULT_ZOOM_MAX_DISCRETE,
+    default: defaultDiscrete = DEFAULT_ZOOM_DISCRETE,
+    stepSmall: stepSmallDiscrete = DEFAULT_ZOOM_STEP_SMALL_DISCRETE,
+    stepBig: stepBigDiscrete = DEFAULT_ZOOM_STEP_BIG_DISCRETE,
+  } = options
+
+  const useZoomMinMax = (raw: MaybeRef<number>): UseZoom => {
+    return useZoom({ raw, min: minDiscrete, max: maxDiscrete })
+  }
+  const zoom = useZoomMinMax(raw)
+  const min = useZoomMinMax(zoomDiscreteToRaw(minDiscrete))
+  const max = useZoomMinMax(zoomDiscreteToRaw(maxDiscrete))
+  const default_ = useZoomMinMax(zoomDiscreteToRaw(defaultDiscrete))
+  const stepSmall = useZoomMinMax(zoomDiscreteToRaw(stepSmallDiscrete))
+
+  function reset() {
+    zoom.discrete.value = defaultDiscrete
+  }
+  function zoomStep(direction: number): void {
+    let z = zoom.discrete.value - minDiscrete
+    if (z % stepBigDiscrete !== 0) {
+      // go to the nearest full step up or down depending on the direction
+      z = ((direction > 0) ? Math.ceil : Math.floor)(z / stepBigDiscrete)
+      zoom.discrete.value = minDiscrete + z * stepBigDiscrete
+    }
+    else {
+      zoom.discrete.value += direction * stepBigDiscrete
+    }
+  }
+  function zoomIn() {
+    zoomStep(+1)
+  }
+  function zoomOut() {
+    zoomStep(-1)
+  }
+
+  return {
+    zoom,
+
+    min,
+    max,
+    default: default_,
+    stepSmall,
+
+    isAtMin: computed(() => zoom.discrete.value <= minDiscrete),
+    isAtMax: computed(() => zoom.discrete.value >= maxDiscrete),
+    isAtDefault: computed(() => zoom.discrete.value === defaultDiscrete),
+
+    reset,
+    zoomIn,
+    zoomOut,
+  }
+}
+
+export interface UseZoomAxisManagerOptions {
+  contentSizeForZoom: (zoom: ZoomRaw) => Px
+  viewportScrollOffset: Ref<Px>
+  viewportSize: Readonly<Ref<Px>>
+  zoomOptions: UseZoomAxisOptions
+}
+
+export interface UseZoomAxisManagerReturn {
+  contentSize: ComputedRef<Px>
+  // contentSizeIncludingEmptySpaceForZoom: (zoom?: ZoomRaw) => Px;
+  contentSizeIncludingEmptySpace: ComputedRef<Px>
+  axis: UseZoomAxis
+}
+
+/**
+ * Harness a bunch of functionality related to zooming along a single axis.
+ */
+export function useZoomAxisManager(
+  options: UseZoomAxisManagerOptions,
+): UseZoomAxisManagerReturn {
+  const {
+    contentSizeForZoom,
+    viewportScrollOffset,
+    viewportSize,
+    zoomOptions,
+  } = options
+
+  const contentSize = computed<Px>(() =>
+    contentSizeForZoom(toValue(zoomOptions.raw)),
+  )
+
+  const contentSizeIncludingEmptySpaceForZoom = (zoom: number): number =>
+    Math.max(contentSizeForZoom(zoom), viewportSize.value)
+
+  const contentSizeIncludingEmptySpace = computed<number>(() =>
+    contentSizeIncludingEmptySpaceForZoom(toValue(zoomOptions.raw)),
+  )
+
+  const useZoomWithAutomaticViewportOffset = (
+    sourceZoom: MaybeRef<ZoomRaw>,
+  ) => {
+    const zoom = toRef(sourceZoom)
+
+    // When zooming, timeline should stay centered at current viewport center
+    return computed<ZoomRaw>({
+      get() {
+        return zoom.value
+      },
+      set(value: ZoomRaw) {
+        // Note: no need to clamp/sanitize, since useZoomAxis already takes care of that.
+
+        // calculate current and anticipated content size
+        const currentContentSize = contentSizeIncludingEmptySpaceForZoom(
+          zoom.value,
+        )
+        const nextContentSize = contentSizeIncludingEmptySpaceForZoom(value)
+
+        // calculate current offset of center
+        const halfViewportSize = viewportSize.value / 2
+        const currentOffsetOfCenter = viewportScrollOffset.value
+          + halfViewportSize
+
+        // keep the timeline centered around current viewport's center
+        const percent = currentOffsetOfCenter / currentContentSize
+        const nextOffsetOfCenter = percent * nextContentSize
+        const maxOffset = nextContentSize - viewportSize.value
+        const nextOffset = nextOffsetOfCenter - halfViewportSize
+        const nextOffsetClamped = clamp(nextOffset, 0, maxOffset)
+
+        zoom.value = value
+        viewportScrollOffset.value = nextOffsetClamped
+      },
+    })
+  }
+
+  const axis = useZoomAxis({
+    ...zoomOptions,
+    raw: useZoomWithAutomaticViewportOffset(zoomOptions.raw),
+  })
+
+  return {
+    contentSize,
+    // contentSizeIncludingEmptySpaceForZoom,
+    contentSizeIncludingEmptySpace,
+    axis,
+  }
+}
diff --git a/Frontend/src/lib/vue.ts b/Frontend/src/lib/vue.ts
new file mode 100644
index 0000000..59173bf
--- /dev/null
+++ b/Frontend/src/lib/vue.ts
@@ -0,0 +1,90 @@
+import type { MaybeRefOrGetter, Ref, WatchHandle } from 'vue'
+import { tryOnScopeDispose } from '@vueuse/core'
+import {
+  computed,
+
+  shallowRef,
+  toValue,
+  watch,
+
+} from 'vue'
+
+export function usePx(value: MaybeRefOrGetter<number>) {
+  return computed(() => toPx(value))
+}
+
+export function toPx(value: MaybeRefOrGetter<number>) {
+  return `${toValue(value)}px`
+}
+
+function multiWatchHandle(...handles: WatchHandle[]): WatchHandle {
+  const watchHandle = () => {
+    handles.forEach(h => h.stop())
+  }
+  watchHandle.pause = () => handles.forEach(h => h.pause())
+  watchHandle.resume = () => handles.forEach(h => h.resume())
+  watchHandle.stop = watchHandle
+
+  tryOnScopeDispose(watchHandle)
+
+  return watchHandle
+}
+
+export function bindTwoWay<T>(ref1: Ref<T>, ref2: Ref<T>): WatchHandle {
+  let updating = false
+
+  function update(other: Ref<T>, value: T) {
+    if (updating) {
+      return
+    }
+    // For some reason, useScroll reports undefined values sometimes
+    if (value === undefined) {
+      return
+    }
+    updating = true
+    try {
+      other.value = value
+    }
+    finally {
+      updating = false
+    }
+  }
+  const handle1 = watch(ref1, value => update(ref2, value))
+  const handle2 = watch(ref2, value => update(ref1, value))
+
+  return multiWatchHandle(handle1, handle2)
+}
+
+/**
+ * Ensure value is always set through the given setter function.
+ */
+export function useSetterRef<T>(
+  initialValue: T,
+  setter: (value: T) => T,
+): Ref<T> {
+  const ref = shallowRef<T>(setter(initialValue))
+  return computed<T>({
+    get() {
+      return ref.value
+    },
+    set(newValue: T) {
+      ref.value = setter(newValue)
+    },
+  })
+}
+
+/**
+ * Create a readable & writable ref, because v-model can't handle nested refs.
+ *
+ * See also: https://github.com/vuejs/core/issues/14174
+ */
+export function useProxyRef<T>(get: () => Ref<T>): Ref<T> {
+  return computed<T>({
+    get() {
+      return get().value
+    },
+    set(value: T) {
+      get().value = value
+    },
+  })
+}
diff --git a/Frontend/src/main.ts b/Frontend/src/main.ts
new file mode 100644
index 0000000..3ad3d32
--- /dev/null
+++ b/Frontend/src/main.ts
@@ -0,0 +1,18 @@
+/* eslint-disable perfectionist/sort-imports */
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import { createHead } from '@unhead/vue/client'
+
+import '@/style.css'
+
+import App from '@/App.vue'
+import { router } from '@/router'
+
+const pinia = createPinia()
+const head = createHead()
+const app = createApp(App)
+
+app.use(head)
+app.use(pinia)
+app.use(router)
+app.mount('#app')
diff --git a/Frontend/src/reset.css b/Frontend/src/reset.css
new file mode 100644
index 0000000..c29877b
--- /dev/null
+++ b/Frontend/src/reset.css
@@ -0,0 +1,48 @@
+/*
+  Josh's Custom CSS Reset
+  https://www.joshwcomeau.com/css/custom-css-reset/
+*/
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+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;
+}
+
+p {
+  text-wrap: pretty;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+#app {
+  isolation: isolate;
+}
diff --git a/Frontend/src/router.ts b/Frontend/src/router.ts
new file mode 100644
index 0000000..51eda93
--- /dev/null
+++ b/Frontend/src/router.ts
@@ -0,0 +1,24 @@
+import type { AudioTrack } from './lib/AudioTrack'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import LibraryPage from '@/routes/LibraryPage.vue'
+import PlayerPage from '@/routes/PlayerPage.vue'
+
+const routes = [
+  {
+    path: '/',
+    component: LibraryPage,
+  },
+  {
+    path: '/track/:trackName',
+    component: PlayerPage,
+  },
+]
+
+export const router = createRouter({
+  history: createWebHashHistory(),
+  routes,
+})
+
+export function openTrack(track: AudioTrack) {
+  router.push(`/track/${track.Name}`)
+}
diff --git a/Frontend/src/routes/LibraryPage.vue b/Frontend/src/routes/LibraryPage.vue
new file mode 100644
index 0000000..490f898
--- /dev/null
+++ b/Frontend/src/routes/LibraryPage.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+import { useTemplateRef } from 'vue'
+import ErrorScreen from '@/components/ErrorScreen.vue'
+import LibraryContent from '@/components/library/LibraryContent.vue'
+import LoadingScreen from '@/components/LoadingScreen.vue'
+import { useGlobalHeader } from '@/global-header/useGlobalHeader'
+import { useScrollStore } from '@/store/ScrollStore'
+import { useTrackStore } from '@/store/TrackStore'
+
+const scrollContainer = useTemplateRef('scrollContainer')
+const scrollStore = useScrollStore()
+scrollStore.bindScrollContainer(scrollContainer)
+
+const trackStore = useTrackStore()
+const { status, progress, error } = storeToRefs(trackStore)
+trackStore.fill()
+
+useGlobalHeader({
+  title: 'Library',
+})
+</script>
+
+<template>
+  <!-- grid is used to overlay the content area with a loading animation -->
+  <div class="tw:h-full tw:grid">
+    <!-- content area -->
+    <div ref="scrollContainer" class="tw:col-span-full tw:row-span-full tw:overflow-scroll">
+      <ErrorScreen v-if="status === 'error'" title="Error loading tracks!" :description="error" />
+
+      <div v-if="status === 'ready'" class="tw:h-full tw:isolate">
+        <LibraryContent />
+      </div>
+    </div>
+    <!-- loading area -->
+    <LoadingScreen
+      :visible="['null', 'loading'].includes(status)" class="tw:col-span-full tw:row-span-full"
+      message="Loading the list of track…" :progress
+    />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/routes/PlayerPage.vue b/Frontend/src/routes/PlayerPage.vue
new file mode 100644
index 0000000..54100ea
--- /dev/null
+++ b/Frontend/src/routes/PlayerPage.vue
@@ -0,0 +1,159 @@
+<script setup lang="ts">
+import type { UseZoomAxis } from '@/lib/useZoomAxis'
+import { storeToRefs } from 'pinia'
+import { computed, useTemplateRef, watch } from 'vue'
+import { onBeforeRouteLeave, onBeforeRouteUpdate, useRoute } from 'vue-router'
+import PreviewScnene from '@/components/editor/PreviewScnene.vue'
+import ErrorScreen from '@/components/ErrorScreen.vue'
+import InspectorPanel from '@/components/inspector/InspectorPanel.vue'
+import LoadingScreen from '@/components/LoadingScreen.vue'
+import TimelinePanel from '@/components/timeline/TimelinePanel.vue'
+import { useGlobalHeader } from '@/global-header/useGlobalHeader'
+import onInputKeyStroke from '@/lib/onInputKeyStroke'
+import { useScrollStore } from '@/store/ScrollStore'
+import { useTimelineStore } from '@/store/TimelineStore'
+import { useTrackStore } from '@/store/TrackStore'
+
+const scrollContainer = useTemplateRef('scrollContainer')
+const scrollStore = useScrollStore()
+scrollStore.bindScrollContainer(scrollContainer)
+
+const route = useRoute()
+const trackStore = useTrackStore()
+const timeline = useTimelineStore()
+
+watch(() => String(route.params.trackName), fetchTrack, { immediate: true })
+
+async function fetchTrack(trackName: string) {
+  await trackStore.fill()
+  await trackStore.setCurrentAudioTrackByName(trackName)
+  const audioTrack = trackStore.currentAudioTrack
+  timeline.setAudioTrack(audioTrack)
+}
+
+const { currentAudioTrackName, audioTrackStatus, audioTrackProgress, audioTrackError } = storeToRefs(trackStore)
+
+useGlobalHeader({
+  title: () => route.params.trackName as string ?? 'No track selected',
+})
+
+onInputKeyStroke(event => (event.key === 'k'), (event) => {
+  const player = timeline.player
+  player?.stop({ rememberPosition: true })
+  event.preventDefault()
+})
+
+onInputKeyStroke(event => event.key === ' ', (event) => {
+  if (!event.repeat) {
+    const player = timeline.player
+    if (player) {
+      const rememberPosition = event.shiftKey
+      if (player.playback.isPlaying.value) {
+        player.stop({ rememberPosition })
+      }
+      else {
+        player.play()
+      }
+    }
+  }
+  // Prevent auto-repeated spacebar from triggering buttons
+  event.preventDefault()
+})
+
+onBeforeRouteLeave((_to, _from, next) => {
+  timeline.player?.stop()
+  trackStore.setCurrentAudioTrackByName('')
+  next()
+})
+onBeforeRouteUpdate((to, from, next) => {
+  if (to.params.trackName !== from.params.trackName) {
+    timeline.player?.stop()
+  }
+  next()
+})
+
+const errorTitle = computed(() => audioTrackStatus.value === 'error'
+  ? route.params.trackName
+    ? `Error loading the track '${route.params.trackName}'`
+    : 'Error loading an unknown track'
+  : '',
+)
+
+// nested composable marked with markRaw
+const viewportZoomHorizontal = timeline.viewportZoomHorizontal as any as UseZoomAxis
+const viewportZoomVertical = timeline.viewportZoomVertical as any as UseZoomAxis
+</script>
+
+<template>
+  <!-- grid is used to overlay the content area with a loading animation -->
+  <div class="tw:h-full tw:grid">
+    <!-- content area -->
+    <div ref="scrollContainer" class="tw:col-span-full tw:row-span-full tw:overflow-scroll">
+      <ErrorScreen v-if="audioTrackStatus === 'error'" :title="errorTitle" :description="audioTrackError" />
+
+      <div v-if="audioTrackStatus === 'ready'" class="tw:h-full tw:isolate">
+        <div class="tw:h-full tw:max-h-full tw:flex tw:flex-col">
+          <div class="tw:flex-1 tw:flex tw:flex-row tw:min-h-0">
+            <div class="tw:flex-1 tw:bg-(--player-background-color)">
+              <!-- <TrackInfo v-if="false && currentAudioTrack" :track="currentAudioTrack" :edit="false" /> -->
+
+              <!-- TODO: debug data -->
+              <div class="tw:flex tw:flex-col tw:items-center tw:p-8 tw:text-sm">
+                <h1 class="tw:text-2xl tw:pb-4">
+                  🚧 Section Under Construction! 🚧
+                </h1>
+                <p>
+                  Viewport size:
+                  {{ timeline.viewportWidth.toFixed(2) }} x {{ timeline.viewportHeight.toFixed(2) }}
+                </p>
+                <p>
+                  Scroll Offset:
+                  {{ timeline.viewportScrollOffsetLeft.toFixed(2) }} x {{ timeline.viewportScrollOffsetTop.toFixed(2) }}
+                </p>
+                <p>Duration: {{ timeline.duration }}</p>
+                <p>Viewport duration: {{ timeline.viewportDurationSeconds.toFixed(3) }}</p>
+                <hr>
+                <p>
+                  Zoom: {{ viewportZoomHorizontal.zoom.raw.value.toFixed(4) }} x {{
+                    viewportZoomVertical.zoom.raw.value.toFixed(4) }}
+                </p>
+                <p>
+                  Content size: {{ timeline.contentWidth }} x ({{ timeline.contentHeight }} = {{ timeline.trackHeight
+                  }}px x {{ timeline.visibleTracks.length }} tracks)
+                </p>
+                <p>including empty space: {{ timeline.contentWidthIncludingEmptySpace.toFixed(2) }}</p>
+                <hr>
+                <p>
+                  Viewport In/Out ...Seconds: {{ timeline.viewportInSeconds.toFixed(3) }} .. {{
+                    timeline.viewportOutSeconds.toFixed(3) }}
+                </p>
+                <p>
+                  ... Loop Offset Beats: {{ timeline.viewportInLoopOffsetBeats.toFixed(3) }} .. {{
+                    timeline.viewportOutLoopOffsetBeats.toFixed(3) }}
+                </p>
+                <hr>
+                <p>
+                  playheadPosition: {{ timeline.playheadPosition.toFixed(3) }} | {{
+                    timeline.playheadPositionLoopOffsetBeats.toFixed(3) }}
+                </p>
+              </div>
+
+              <PreviewScnene v-if="false" />
+            </div>
+
+            <InspectorPanel />
+          </div>
+
+          <TimelinePanel class="tw:flex-1 tw:min-h-50" />
+        </div>
+      </div>
+    </div>
+    <!-- loading area -->
+    <LoadingScreen
+      :visible="['null', 'loading'].includes(audioTrackStatus)" :progress="audioTrackProgress"
+      class="tw:col-span-full tw:row-span-full tw:z-10" :message="`Loading track ${currentAudioTrackName}…`"
+    />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/store/ScrollStore.ts b/Frontend/src/store/ScrollStore.ts
new file mode 100644
index 0000000..b25f02a
--- /dev/null
+++ b/Frontend/src/store/ScrollStore.ts
@@ -0,0 +1,33 @@
+import type { MaybeRefOrGetter } from 'vue'
+import { useScroll } from '@vueuse/core'
+import { defineStore } from 'pinia'
+import { toValue, watch } from 'vue'
+import { emitter, useEvent } from '@/events'
+
+export const useScrollStore = defineStore('scroll', {
+  state: () => {
+    return ({
+      isAtTop: true,
+    })
+  },
+  actions: {
+    scrollToTop() {
+      emitter.emit('scrollToTop')
+    },
+    bindScrollContainer(element: MaybeRefOrGetter<HTMLElement | null>) {
+      const { y, arrivedState } = useScroll(element, { behavior: 'smooth' })
+
+      watch(arrivedState, () => {
+        this.isAtTop = arrivedState.top
+      }, { immediate: true })
+
+      useEvent('scrollToTop', () => {
+        const _element = toValue(element)
+        if (!_element) {
+          return
+        }
+        y.value = 0
+      })
+    },
+  },
+})
diff --git a/Frontend/src/store/TimelineStore.ts b/Frontend/src/store/TimelineStore.ts
new file mode 100644
index 0000000..b9dc4f3
--- /dev/null
+++ b/Frontend/src/store/TimelineStore.ts
@@ -0,0 +1,493 @@
+import type { PlayerControls } from '@/audio/AudioEngine'
+import type { AudioTrack } from '@/lib/AudioTrack'
+import type { TimelineMarkerData, TimelineTrackData } from '@/lib/Timeline'
+import type { Beats, Px, Seconds } from '@/lib/units'
+import type { UseZoomAxis } from '@/lib/useZoomAxis'
+import { clamp, useLocalStorage } from '@vueuse/core'
+import { defineStore } from 'pinia'
+import { computed, markRaw, shallowRef, watch } from 'vue'
+import audioEngine, {
+
+  useLivePlaybackPosition,
+} from '@/audio/AudioEngine'
+import {
+
+  beatsToSeconds,
+  introWithLoopOffsetDurationSeconds,
+  secondsToBeats,
+  totalDurationSeconds,
+} from '@/lib/AudioTrack'
+import {
+  emptyTimelineTracksMap,
+  generateClips,
+  generateMarkers,
+
+  timelineTracksArray,
+} from '@/lib/Timeline'
+import { useZoomAxisManager, zoomRawToDiscrete } from '@/lib/useZoomAxis'
+import { toPx } from '@/lib/vue'
+
+export const DEFAULT_ZOOM_RAW_HORIZONTAL = 1.0
+export const DEFAULT_ZOOM_RAW_VERTICAL = 3.0
+
+const DEFAULT_HEADER_HEIGHT = 34 // px
+// TODO: on mobile default to 100px or even less
+const DEFAULT_SIDEBAR_WIDTH = 140 // px
+const DEFAULT_TRACK_HEIGHT = 72 / DEFAULT_ZOOM_RAW_VERTICAL // px
+
+const EXTRA_DURATION_AT_END_SECONDS = 0
+
+export const useTimelineStore = defineStore('timeline', {
+  state: () => {
+    // actual content
+    const _audioTrack = shallowRef<AudioTrack | null>(null)
+    const player = shallowRef<PlayerControls | null>(null)
+    const audioTrack = computed({
+      get() {
+        return _audioTrack.value
+      },
+      set(value) {
+        _audioTrack.value = value
+        player.value?.stop()
+        if (value) {
+          player.value = audioEngine.initPlayer(value)
+        }
+        else {
+          player.value = null
+          audioEngine.shutdown()
+        }
+      },
+    })
+    const tracksMap = shallowRef(emptyTimelineTracksMap())
+    const markers = [] as TimelineMarkerData[]
+
+    // viewport size, i.e. size of the external scroll area.
+    const viewportWidth = shallowRef(0)
+    const viewportHeight = shallowRef(0)
+
+    // viewport scroll offset, i.e. position of the inner scrollable view.
+    const viewportScrollOffsetTop = shallowRef(0)
+    const _viewportScrollOffsetLeft = shallowRef(0)
+
+    // horizontal zoom 1 equals to full timeline duration
+    const _viewportZoomHorizontal = shallowRef(DEFAULT_ZOOM_RAW_HORIZONTAL)
+    const _viewportZoomVertical = useLocalStorage(
+      'timeline.viewportZoomVertical',
+      DEFAULT_ZOOM_RAW_VERTICAL,
+    )
+
+    function trackHeightForZoom(zoom: number = _viewportZoomVertical.value) {
+      return Math.floor(zoom * DEFAULT_TRACK_HEIGHT)
+    }
+    const trackHeight = computed<number>(() => trackHeightForZoom())
+    const tracksArray = computed<TimelineTrackData[]>(() =>
+      timelineTracksArray(tracksMap.value),
+    )
+    const visibleTracks = computed<TimelineTrackData[]>(() =>
+      // TODO: only show non-empty tracks, i.e. where clips.length>0?
+      tracksArray.value.slice(0, 7).filter(() => true),
+    )
+
+    function contentWidthForZoom(zoom: number = _viewportZoomHorizontal.value) {
+      return Math.floor(zoom * viewportWidth.value)
+    }
+    function contentHeightForZoom(zoom?: number) {
+      const trackHeight = trackHeightForZoom(zoom)
+      return trackHeight * visibleTracks.value.length
+    }
+
+    const {
+      contentSize: contentWidth,
+      contentSizeIncludingEmptySpace: contentWidthIncludingEmptySpace,
+      axis: viewportZoomHorizontal,
+    } = useZoomAxisManager({
+      contentSizeForZoom: contentWidthForZoom,
+      viewportScrollOffset: _viewportScrollOffsetLeft,
+      viewportSize: viewportWidth,
+      zoomOptions: {
+        raw: _viewportZoomHorizontal,
+        min: -20,
+        max: 200,
+        default: zoomRawToDiscrete(DEFAULT_ZOOM_RAW_HORIZONTAL),
+        stepSmall: 1,
+        stepBig: 10,
+      },
+    })
+    markRaw(viewportZoomHorizontal)
+
+    const {
+      contentSize: contentHeight,
+      contentSizeIncludingEmptySpace: contentHeightIncludingEmptySpace,
+      axis: viewportZoomVertical,
+    } = useZoomAxisManager({
+      contentSizeForZoom: contentHeightForZoom,
+      viewportScrollOffset: viewportScrollOffsetTop,
+      viewportSize: viewportHeight,
+      zoomOptions: {
+        raw: _viewportZoomVertical,
+        min: 0,
+        max: 100,
+        default: zoomRawToDiscrete(DEFAULT_ZOOM_RAW_VERTICAL),
+        stepSmall: 1,
+        stepBig: 10,
+      },
+    })
+    markRaw(viewportZoomVertical)
+
+    const viewportScrollOffsetLeft = computed({
+      get() {
+        return _viewportScrollOffsetLeft.value
+      },
+      set(value) {
+        const max = contentWidthIncludingEmptySpace.value - viewportWidth.value
+        _viewportScrollOffsetLeft.value = clamp(value, 0, max)
+      },
+    })
+
+    const {
+      // Pinia store doesn't have any lifecycle, so it never stops.
+      // stop: stopLivePlaybackPosition,
+      position: livePlaybackPosition,
+    } = useLivePlaybackPosition(
+      () => player.value?.playback ?? null,
+    )
+
+    // This does not work great, but at least it's ~something~.
+    // Due to Pinia design, we can't use actions in setup script,
+    // unless all dependent getters & actions are moved in too.
+    watch(livePlaybackPosition, () => {
+      const timeline = useTimelineStore()
+      timeline.ensurePlayheadWithinViewport()
+    })
+    watch(viewportZoomHorizontal.zoom.raw, () => {
+      const timeline = useTimelineStore()
+      timeline.ensurePlayheadCenteredWithinViewport()
+    })
+
+    return ({
+      // actual content
+      audioTrack,
+      tracksMap,
+      markers,
+
+      // getters for tracks
+      tracksArray,
+      visibleTracks,
+
+      // timeline content's duration in seconds (maybe plus a bit of extra gap)
+      duration: 0,
+
+      trackHeight,
+
+      contentWidth,
+      contentHeight,
+
+      // durationIncludingEmptySpace,
+      contentWidthIncludingEmptySpace,
+      contentHeightIncludingEmptySpace,
+
+      /* viewport bounds, updated by viewport's mounted HTML element. */
+
+      viewportWidth,
+      viewportHeight,
+
+      viewportScrollOffsetTop,
+      viewportScrollOffsetLeft,
+
+      /* viewport zoom axes, managed by zoom sliders. */
+
+      // horizontal zoom 1 equals to full timeline duration
+      viewportZoomHorizontal,
+      viewportZoomVertical,
+
+      // playhead and scrubbing / preview positions in absolute seconds
+      player,
+      playheadPosition: livePlaybackPosition,
+      isPlaying: computed<boolean>(() =>
+        player.value?.playback.isPlaying.value ?? false,
+      ),
+
+      // auxilary elements
+      headerHeight: DEFAULT_HEADER_HEIGHT,
+      sidebarWidth: DEFAULT_SIDEBAR_WIDTH,
+    })
+  },
+  getters: {
+    contentWidthIncludingEmptySpacePx(): string {
+      return toPx(this.contentWidthIncludingEmptySpace)
+    },
+    contentHeightIncludingEmptySpacePx(): string {
+      return toPx(this.contentHeightIncludingEmptySpace)
+    },
+    durationIncludingEmptySpace(): number {
+      const axis = this.viewportZoomHorizontal as any as UseZoomAxis
+      return axis.zoom.raw.value < 1
+        ? this.duration / axis.zoom.raw.value
+        : this.duration
+    },
+    durationBeatsIncludingEmptySpace(): number {
+      if (!this.audioTrack) {
+        return 0
+      }
+      return secondsToBeats(this.audioTrack, this.durationIncludingEmptySpace)
+    },
+    /* timeline content's size in pixels */
+    contentWidthPx(): string {
+      return toPx(this.contentWidth)
+    },
+    contentHeightPx(): string {
+      return toPx(this.contentHeight)
+    },
+
+    /* viewport boundaries in absolute seconds, may be less than zero or greater then duration. */
+    viewportInSeconds(): Seconds {
+      return this.pixelsToSeconds(this.viewportScrollOffsetLeft)
+    },
+    viewportOutSeconds(): Seconds {
+      return this.pixelsToSeconds(
+        this.viewportScrollOffsetLeft + this.viewportWidth,
+      )
+    },
+    viewportInLoopOffsetBeats(): Beats {
+      if (!this.audioTrack) {
+        return 0
+      }
+      return secondsToBeats(
+        this.audioTrack,
+        this.viewportInSeconds
+        - introWithLoopOffsetDurationSeconds(this.audioTrack),
+      )
+    },
+    viewportOutLoopOffsetBeats(): Beats {
+      if (!this.audioTrack) {
+        return 0
+      }
+      return secondsToBeats(
+        this.audioTrack,
+        this.viewportOutSeconds
+        - introWithLoopOffsetDurationSeconds(this.audioTrack),
+      )
+    },
+    viewportDurationSeconds(): Seconds {
+      return this.pixelsToSeconds(this.viewportWidth)
+    },
+    viewportCenterSeconds(): Seconds {
+      return this.viewportInSeconds
+        + (this.viewportOutSeconds - this.viewportInSeconds) / 2
+    },
+    viewportScrollOffset(): { top: Px, left: Px } {
+      return {
+        top: this.viewportScrollOffsetTop,
+        left: this.viewportScrollOffsetLeft,
+      }
+    },
+    viewportSide() {
+      return (positionSeconds: Seconds): 'left' | 'right' => {
+        return positionSeconds < this.viewportCenterSeconds ? 'left' : 'right'
+      }
+    },
+    durationBeats(): Beats {
+      if (!this.audioTrack) {
+        return 0
+      }
+      return secondsToBeats(this.audioTrack, this.duration)
+    },
+    playheadPositionLoopOffsetBeats(): Beats {
+      if (!this.audioTrack) {
+        return 0
+      }
+      const loopOffsetSeconds = introWithLoopOffsetDurationSeconds(this.audioTrack)
+      const playheadLoopOffsetSeconds = this.playheadPosition - loopOffsetSeconds
+      const playheadLoopOffsetBeats = secondsToBeats(this.audioTrack, playheadLoopOffsetSeconds)
+      return playheadLoopOffsetBeats
+    },
+    /* Measurements and convertions */
+    pixelsToSeconds(_state) {
+      return (pixels: number): number => {
+        const { contentWidthIncludingEmptySpace, durationIncludingEmptySpace }
+          = this
+        if (contentWidthIncludingEmptySpace === 0) {
+          return 0
+        }
+        const percent = pixels / contentWidthIncludingEmptySpace
+        const seconds = percent * durationIncludingEmptySpace
+        return seconds
+      }
+    },
+    secondsToPixels(_state) {
+      return (seconds: number): number => {
+        const { contentWidthIncludingEmptySpace, durationIncludingEmptySpace }
+          = this
+        if (
+          durationIncludingEmptySpace === 0
+          || contentWidthIncludingEmptySpace === 0
+        ) {
+          return 0
+        }
+        const percent = seconds / durationIncludingEmptySpace
+        // TODO: contentWidth - 1 from content width to avoid clipping out of bounds, or just make duration always longer?
+        const pixels = percent * contentWidthIncludingEmptySpace
+        // TODO: do we need Math.round() at this level?
+        return pixels
+      }
+    },
+    beatsToPixels(_state) {
+      return (beats: number): number => {
+        const {
+          contentWidthIncludingEmptySpace,
+          durationBeatsIncludingEmptySpace,
+        } = this
+        if (
+          durationBeatsIncludingEmptySpace === 0
+          || contentWidthIncludingEmptySpace === 0
+        ) {
+          return 0
+        }
+        const percent = beats / durationBeatsIncludingEmptySpace
+        // TODO: contentWidth - 1 from content width to avoid clipping out of bounds, or just make duration always longer?
+        const pixels = percent * contentWidthIncludingEmptySpace
+        // TODO: do we need Math.round() at this level?
+        return pixels
+      }
+    },
+    loopOffsetBeatsToPixels(_state) {
+      return (beats: number): number => {
+        if (!this.audioTrack) {
+          return 0
+        }
+        const pixels = this.beatsToPixels(beats)
+          + this.secondsToPixels(
+            introWithLoopOffsetDurationSeconds(this.audioTrack),
+          )
+        return pixels
+      }
+    },
+  },
+  actions: {
+    reset() {
+      this.audioTrack = null
+      this.duration = 0
+      this.resetViewport()
+      this.tracksMap = emptyTimelineTracksMap()
+      this.markers = []
+    },
+    resetViewport() {
+      this.viewportZoomHorizontal.reset()
+      // Keep it in local storage.
+      // this.viewportZoomVertical = DEFAULT_ZOOM_VERTICAL;
+    },
+    zoomToLoop() {
+      const { audioTrack } = this
+      if (!audioTrack) {
+        return
+      }
+      this.zoomToLoopOffsetBeats(0, audioTrack.Beats)
+    },
+    zoomToLoopOffsetBeats(in_: Beats, out_: Beats) {
+      const { audioTrack } = this
+      if (!audioTrack || out_ <= in_) {
+        return
+      }
+      beatsToSeconds(audioTrack, in_)
+      const inSeconds = introWithLoopOffsetDurationSeconds(audioTrack)
+        + beatsToSeconds(audioTrack, in_)
+      const duration = beatsToSeconds(audioTrack, out_ - in_)
+      const outSeconds = inSeconds + duration
+      this.zoomToSeconds(inSeconds, outSeconds)
+    },
+    zoomToSeconds(in_: Seconds, out_: Seconds) {
+      const { audioTrack } = this
+      if (!audioTrack || out_ <= in_) {
+        return
+      }
+      const duration = out_ - in_
+      const totalDuration = totalDurationSeconds(audioTrack)
+      const zoom = totalDuration / duration
+      const axis = this.viewportZoomHorizontal as any as UseZoomAxis
+      axis.zoom.raw.value = zoom
+      // let the viewport adjust and propagate size changes.
+      window.requestAnimationFrame(() => {
+        const left = this.secondsToPixels(in_)
+        this.viewportScrollOffsetLeft = left
+      })
+    },
+    zoomToggleBetweenWholeAndLoop() {
+      const axis = this.viewportZoomHorizontal as any as UseZoomAxis
+      if (axis.zoom.raw.value !== 1) {
+        axis.zoom.raw.value = 1
+      }
+      else {
+        this.zoomToLoop()
+      }
+    },
+    setAudioTrack(track: AudioTrack | null) {
+      if (!track) {
+        this.reset()
+        return
+      }
+      this.audioTrack = track
+      this.duration = totalDurationSeconds(track)
+        + EXTRA_DURATION_AT_END_SECONDS
+      this.resetViewport()
+      // regenerate tracks content
+      this.tracksMap = generateClips(track)
+      this.markers = generateMarkers(track)
+    },
+    ensurePlayheadWithinViewport() {
+      if (
+        this.playheadPosition < this.viewportInSeconds
+        || this.playheadPosition > this.viewportOutSeconds
+      ) {
+        const EDGE_GAP_PERCENT = 0.10
+        const target = this.secondsToPixels(this.playheadPosition)
+          - this.viewportWidth * EDGE_GAP_PERCENT
+        this.viewportScrollOffsetLeft = clamp(
+          target,
+          0,
+          this.contentWidth - this.viewportWidth,
+        )
+      }
+    },
+    ensurePlayheadCenteredWithinViewport() {
+      const target = this.secondsToPixels(this.playheadPosition)
+        - this.viewportWidth / 2
+      this.viewportScrollOffsetLeft = clamp(
+        target,
+        0,
+        this.contentWidth - this.viewportWidth,
+      )
+    },
+
+    rewindToIntro() {
+      const p = this.player
+      if (!p) {
+        return
+      }
+      p.seek(0, { scrub: false })
+    },
+
+    rewindToWindUp() {
+      const { audioTrack, player: p } = this
+      if (!audioTrack || !p) {
+        return
+      }
+
+      const preWindUpGap: Seconds = 3
+      // toggle between exact wind-up moment and a short build-up before that.
+      const current = p.playback.getCurrentPosition()
+      const exactWindUp = audioTrack.WindUpTimer
+      const beforeWindUp = exactWindUp - preWindUpGap
+      const target = current !== beforeWindUp ? beforeWindUp : exactWindUp
+      p.seek(target, { scrub: false })
+    },
+
+    rewindToLoop() {
+      const { audioTrack, player: p } = this
+      if (!audioTrack || !p) {
+        return
+      }
+      const target = introWithLoopOffsetDurationSeconds(audioTrack)
+      p.seek(target, { scrub: false })
+    },
+  },
+})
diff --git a/Frontend/src/store/TrackStore.ts b/Frontend/src/store/TrackStore.ts
new file mode 100644
index 0000000..1f44a49
--- /dev/null
+++ b/Frontend/src/store/TrackStore.ts
@@ -0,0 +1,192 @@
+import type { AudioTrack, Language } from '@/lib/AudioTrack'
+import { useStorage } from '@vueuse/core'
+import { defineStore } from 'pinia'
+import { shallowRef } from 'vue'
+import tracksJsonUrl from '@/assets/MuzikaGromcheTracks.json?url'
+import audioEngine, { VOLUME_MAX } from '@/audio/AudioEngine'
+import { sleep } from '@/lib/sleep'
+
+// Don't mark it as unused, it is needed for debugging
+sleep(0)
+
+/**
+ * A Pinia Store responsible for library loading and communicating with audio engine.
+ */
+export const useTrackStore = defineStore('track', {
+  state: () => {
+    return ({
+      version: null as string | null,
+
+      // Status of fetching library (playlist)
+      status: 'null' as 'null' | 'loading' | 'ready' | 'error',
+      // loading progress: 0..1
+      progress: 0,
+      error: null as string | null,
+
+      // Status of fetching current track
+      audioTrackStatus: 'null' as 'null' | 'loading' | 'ready' | 'error',
+      audioTrackProgress: 0 as number,
+      audioTrackError: null as string | null,
+
+      audioTracks: [] as AudioTrack[],
+
+      currentAudioTrackName: useStorage('track-name', ''),
+      currentAudioTrack: shallowRef<AudioTrack | null>(null),
+
+      // when muted, volume persists but not accounted for
+      muted: useStorage('player-volume-muted', false),
+      // persisted volume 0..1
+      volume: useStorage('player-volume', 1),
+    })
+  },
+  getters: {
+    groupedSortedTracks(): [Language, AudioTrack[]][] {
+      const languageBuckets = new Map<Language, AudioTrack[]>()
+      for (const track of this.audioTracks) {
+        const bucket = languageBuckets.get(track.Language) ?? []
+        languageBuckets.set(track.Language, bucket)
+        bucket.push(track)
+      }
+      for (const bucket of languageBuckets.values()) {
+        bucket.sort((a, b) => a.Name.localeCompare(b.Name))
+      }
+      return Array.from(languageBuckets.entries()).sort(([a], [b]) =>
+        a.localeCompare(b),
+      )
+    },
+    findTrackNamed(state) {
+      return (trackName: string): AudioTrack | null => {
+        return state.audioTracks.find(track => track.Name === trackName)
+          ?? null
+      }
+    },
+  },
+  actions: {
+    async fill(signal?: AbortSignal) {
+      if (this.status === 'ready' && this.audioTracks.length > 0) {
+        return
+      }
+      this.status = 'loading'
+      this.progress = 0
+      this.error = null
+      this.audioTracks = []
+      // await sleep(200);
+      this.progress = 0.3
+      // await sleep(600);
+      try {
+        const jsonTracks = await fetch(tracksJsonUrl, { signal }).then(res =>
+          res.json(),
+        )
+        this.version = jsonTracks.version
+        const tracks: Partial<AudioTrack>[] = jsonTracks.tracks
+        for (const t of tracks) {
+          t.loadedIntro = null
+          t.loadedLoop = null
+        }
+        this.audioTracks = tracks as AudioTrack[]
+        this.progress = 1.0
+        this.status = 'ready'
+      }
+      catch (err) {
+        this.error = String(err)
+        this.progress = 1.0
+        this.status = 'error'
+      }
+      // initialize audio engine volume from persisted value
+      this.setVolumeImpl()
+      await this.setCurrentAudioTrackByName(this.currentAudioTrackName, signal)
+    },
+
+    setMuted(muted: boolean) {
+      if (!muted && this.volume === 0) {
+        this.volume = 0.5
+      }
+      this.muted = muted
+      this.setVolumeImpl()
+    },
+
+    setVolume(value: number) {
+      // clamp 0..1
+      const v = Math.max(0, Math.min(VOLUME_MAX, value))
+      // update persisted storage
+      this.volume = v
+      this.muted = v === 0
+      this.setVolumeImpl()
+    },
+
+    setVolumeImpl() {
+      const v = this.muted ? 0 : this.volume
+      audioEngine.setVolume(v)
+    },
+
+    async setCurrentAudioTrackByName(trackName: string, signal?: AbortSignal) {
+      this.currentAudioTrackName = trackName
+      const track = this.findTrackNamed(trackName)
+      this.currentAudioTrack = track
+      this.audioTrackStatus = 'null'
+      this.audioTrackProgress = 0
+      this.audioTrackError = null
+
+      if (track !== null) {
+        await this.loadAudioTrack(track, signal)
+      }
+    },
+
+    async loadAudioTrack(track: AudioTrack, signal?: AbortSignal) {
+      if (track.loadedIntro && track.loadedLoop) {
+        this.audioTrackError = null
+        this.audioTrackProgress = 1
+        this.audioTrackStatus = 'ready'
+        return
+      }
+
+      this.audioTrackStatus = 'loading'
+      this.audioTrackProgress = 0
+      this.audioTrackError = null
+      track.loadedIntro = null
+      track.loadedLoop = null
+
+      const errors: string[] = []
+
+      for (
+        const [fileName, setter] of [
+          [track.FileNameIntro, (buffer: AudioBuffer | null) => {
+            track.loadedIntro = buffer
+          }] as const,
+          [track.FileNameLoop, (buffer: AudioBuffer | null) => {
+            track.loadedLoop = buffer
+          }] as const,
+        ]
+      ) {
+        const dir = `${import.meta.env.BASE_URL}/MuzikaGromcheAudio`
+        const url = `${dir}/${fileName}`
+        try {
+          const buffer = await this.fetchAudioBuffer(url, signal)
+          setter(buffer)
+        }
+        catch (err) {
+          errors.push(`Failed to load audio '${url}': ${err}`)
+          setter(null)
+        }
+        this.audioTrackProgress = 0.5
+      }
+      if (errors.length > 0) {
+        this.audioTrackError = errors.join('; ')
+        this.audioTrackProgress = 1
+        this.audioTrackStatus = 'error'
+      }
+      else {
+        this.audioTrackProgress = 1
+        this.audioTrackStatus = 'ready'
+      }
+    },
+
+    // Delegate fetching/decoding to AudioEngine (it has caching)
+    async fetchAudioBuffer(
+      url: string,
+      signal?: AbortSignal,
+    ): Promise<AudioBuffer> {
+      return await audioEngine.fetchAudioBuffer(url, signal)
+    },
+  },
+})
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
new file mode 100644
index 0000000..ee9f66d
--- /dev/null
+++ b/Frontend/src/style.css
@@ -0,0 +1,363 @@
+@font-face {
+  font-family: '3270';
+  src: url('./assets/fonts/3270-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@import './reset.css' layer(base);
+@import 'tailwindcss' prefix(tw);
+
+@layer base {
+  * {
+    --main-background-color: #28282e;
+    --inactive-text-color: #909090;
+    --active-text-color: #ffffff;
+
+    --view-separator-color: #090909;
+    --view-separator-border: 1px solid var(--view-separator-color);
+
+    --header-background-color: #17181a;
+    --toolbar-background-color: #212126;
+    --view-background-color: #212126;
+    --card-background-color: #2a2a2d;
+    --card-border-color: #000000;
+    --card-border-width: 1px;
+    --card-border-radius: 4px;
+    --card-border: var(--card-border-width) solid var(--card-border-color);
+    --card-separator-color: #212126;
+    --card-separator-width: 2px;
+    --card-outline-color: #929292;
+    --card-outline-selected-color: #fa5b4a;
+    --card-min-width: 24rem;
+
+    --input-background-color: #1f1f1f;
+    --input-outline-color: #070707;
+    /* disabled */
+    --input-disabled-text-color: #525256;
+    --input-disabled-background-color: #242428;
+    --input-disabled-outline-color: #1a1a1d;
+    /* selected */
+    --input-selected-outline-color: #e64b3d;
+    --input-border-width: 1px;
+    --input-border-radius: 4px;
+    --input-selection-color: #4b4b4b;
+
+    --timeline-background-color: var(--main-background-color);
+    --timeline-background-top-color: #18181e;
+    --timeline-border-top-color: var(--view-separator-color);
+    --timeline-header-separator-color: #000000;
+    --timeline-header-tick-edge-color: #2f3036;
+    /*
+    track layout:
+        border-top
+        ...track content...
+        border-bottom
+    --- border (separator) ---
+        border-top
+        ...track content...
+        border-bottom
+    */
+    --timeline-track-border-color: #00000080;
+    --timeline-track-border: 1px solid var(--timeline-track-border-color);
+    --timeline-track-border-top-color: #00000033;
+    --timeline-track-border-top: 1px solid var(--timeline-track-border-top-color);
+    --timeline-track-border-bottom-color: #0000003a;
+    --timeline-track-border-bottom: 1px solid var(--timeline-track-border-bottom-color);
+    --timeline-text-color: #909090;
+    --timeline-bar-color: #fffff0;
+    --timeline-bar-opacity: 11%;
+    --timeline-bar-width: 1px;
+
+    --timeline-playhead-color: #e64b3d;
+    /* TODO: playhead color has some transparency, which is hard to calculate */
+    --timeline-playhead-color-1: #000000c0;
+    --timeline-playhead-color-2: #00000059;
+    --timeline-playhead-pressed-color: #e85c4f;
+
+    --timeline-marker-beat-color: #ffffff1c;
+
+    /* See ./lib/colors/markers.ts */
+    --timeline-marker-color-blue: #007fe3;
+    --timeline-marker-color-cyan: #00ced0;
+    --timeline-marker-color-green: #00ad00;
+    --timeline-marker-color-yellow: #f09d00;
+    --timeline-marker-color-red: #e12401;
+    --timeline-marker-color-pink: #ff44c8;
+    --timeline-marker-color-purple: #9013fe;
+    --timeline-marker-color-fuchsia: #c02e6f;
+    --timeline-marker-color-rose: #ffa1b9;
+    --timeline-marker-color-lavender: #a193c8;
+    --timeline-marker-color-sky: #a193c8;
+    --timeline-marker-color-mint: #72db00;
+    --timeline-marker-color-lemon: #dce95a;
+    --timeline-marker-color-sand: #c4915e;
+    --timeline-marker-color-cocoa: #6e5143;
+    --timeline-marker-color-cream: #f5ebe1;
+
+    --timeline-clip-border-color: #15151580;
+    --timeline-clip-border-color-inner: #151515;
+    --timeline-clip-border-radius: 4px;
+
+    /*
+    * TODO:
+    * timeline clip selected outline:
+    * inner 1px black
+    * outer 2px red
+    */
+    --timeline-clip-outline-selected-color: #e64b3d;
+    --timeline-clip-outline-selected-width: 2px;
+    --timeline-clip-outline-selected: var(--timeline-clip-outline-selected-width) solid
+      var(--timeline-clip-outline-selected-color);
+
+    /* See ./lib/colors/clips.ts */
+    --timeline-clip-color-orange: #eb6e01;
+    --timeline-clip-color-apricot: #ffa833;
+    --timeline-clip-color-yellow: #d4ad1f;
+    --timeline-clip-color-lime: #9fc615;
+    --timeline-clip-color-olive: #5f9921;
+    --timeline-clip-color-green: #448f65;
+    --timeline-clip-color-teal: #019899;
+    --timeline-clip-color-navy: #005278;
+    --timeline-clip-color-blue: #4376a1;
+    --timeline-clip-color-purple: #9972a0;
+    --timeline-clip-color-violet: #d0568d;
+    --timeline-clip-color-pink: #e98cb5;
+    --timeline-clip-color-tan: #b9af97;
+    --timeline-clip-color-beige: #c4a07c;
+    --timeline-clip-color-brown: #996601;
+    --timeline-clip-color-chocolate: #8c5a3f;
+
+    --timeline-clip-label-background-color: #00000099;
+    --timeline-clip-label-border-color: #00000060;
+
+    --timeline-clip-baseline-color: #00000033;
+
+    --player-background-color: #1a1a1a;
+
+    --inspector-section-separator-color: #1e1e1e;
+
+    --control-button-text-color: #929292;
+    --control-button-background-color: var(--main-background-color);
+    --control-button-border-color: #43474d;
+    /* active */
+    --control-button-active-text-color: #ffffff;
+    --control-button-active-background-color: #17181a;
+    --control-button-active-border-color: #ffffff;
+    /* disabled */
+    --control-button-disabled-text-color: #525256;
+    --control-button-disabled-border-color: #33343b;
+  }
+
+  :root {
+    font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: var(--main-background-color);
+
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  a {
+    font-weight: 500;
+    color: #646cff;
+    text-decoration: inherit;
+  }
+
+  a:hover {
+    color: #535bf2;
+  }
+
+  body {
+    padding: 0;
+    min-width: 320px;
+    height: 100vh;
+  }
+
+  #app {
+    height: 100%;
+  }
+}
+
+@theme {
+  --font-3270: '3270', monospace;
+  --font-mono: '3270', monospace;
+}
+
+@layer utilities {
+  .toolbar-background {
+    background-color: var(--toolbar-background-color);
+  }
+
+  .timeline-background {
+    background-color: var(--timeline-background-color);
+  }
+
+  .scrollbar-none {
+    scrollbar-width: none;
+  }
+
+  .toolbar-icon-shadow {
+    filter: drop-shadow(rgb(0 0 0 / 0.75) 0px 1px);
+  }
+}
+
+@layer components {
+  .card-border {
+    border: 1px solid var(--card-border-color);
+    border-radius: var(--card-border-radius);
+  }
+}
+
+@layer components {
+  .input-text {
+    --input-text-color: var(--active-text-color);
+    color: var(--input-text-color);
+    background-color: var(--input-background-color);
+    border-radius: var(--input-border-radius);
+    outline: var(--input-border-width) solid var(--input-outline-color);
+
+    & input,
+    & textarea {
+      padding: 1px 2px;
+
+      &:focus {
+        outline: none;
+      }
+    }
+
+    &:has(input:disabled),
+    &:has(textarea:disabled),
+    &:disabled {
+      --input-text-color: var(--input-disabled-text-color);
+      --input-background-color: var(--input-disabled-background-color);
+      --input-outline-color: var(--input-disabled-outline-color);
+    }
+
+    &:has(input:not(:disabled):read-write:focus),
+    &:has(textarea:not(:disabled):read-write:focus) {
+      outline-color: var(--input-selected-outline-color);
+    }
+
+    /* Selection background for text inside input-text containers */
+    & ::selection,
+    & input::selection,
+    & textarea::selection {
+      background-color: var(--input-selection-color);
+      color: inherit;
+    }
+
+    & ::-moz-selection,
+    & input::-moz-selection,
+    & textarea::-moz-selection {
+      background-color: var(--input-selection-color);
+      color: inherit;
+    }
+  }
+
+  input.input-text,
+  textarea.input-text {
+    padding: 1px 2px;
+
+    &:not(:disabled):read-write:focus,
+    &:not(:disabled):read-write:focus {
+      outline-color: var(--input-selected-outline-color);
+    }
+
+    &::selection {
+      background-color: var(--input-selection-color);
+      color: inherit;
+    }
+
+    &::-moz-selection {
+      background-color: var(--input-selection-color);
+      color: inherit;
+    }
+  }
+
+  .input-number,
+  input.input-number {
+    text-align: center;
+  }
+}
+
+@layer components {
+  .control-label {
+    &.control-label__disabled {
+      color: var(--inactive-text-color);
+    }
+  }
+}
+
+@layer components {
+  .control-button {
+    @apply tw:inline-flex tw:items-center tw:justify-center;
+    @apply tw:gap-1 tw:px-2 tw:py-0 tw:min-w-24;
+
+    color: var(--control-button-text-color);
+    border-radius: 1em;
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--control-button-border-color);
+    background-color: var(--control-button-background-color);
+
+    & > .control-button__icon {
+      @apply tw:flex-none tw:w-4 tw:h-4 tw:fill-current;
+    }
+
+    & > .control-button__text {
+    }
+
+    &:focus-visible {
+      outline: none;
+      --control-button-border-color: var(--control-button-active-border-color);
+    }
+
+    &:not(:disabled) {
+      @variant hover {
+        --control-button-text-color: var(--control-button-active-text-color);
+        --control-button-border-color: var(--control-button-active-border-color);
+      }
+      @variant active {
+        --control-button-text-color: var(--control-button-active-text-color);
+        --control-button-border-color: var(--control-button-active-border-color);
+        @variant hover {
+          --control-button-background-color: var(--control-button-active-background-color);
+        }
+      }
+    }
+    @variant disabled {
+      --control-button-text-color: var(--control-button-disabled-text-color);
+      --control-button-border-color: var(--control-button-disabled-border-color);
+    }
+  }
+}
+
+@layer components {
+  .control-select {
+    --input-text-color: var(--active-text-color);
+    color: var(--input-text-color);
+    background-color: var(--input-background-color);
+    border-radius: var(--input-border-radius);
+    outline: var(--input-border-width) solid var(--input-outline-color);
+
+    padding: 1px 16px;
+
+    &:disabled {
+      --input-text-color: var(--input-disabled-text-color);
+      --input-background-color: var(--input-disabled-background-color);
+      --input-outline-color: var(--input-disabled-outline-color);
+    }
+
+    /* not sure about this */
+    &:not(:disabled):focus {
+      outline-color: var(--input-selected-outline-color);
+    }
+  }
+}
diff --git a/Frontend/tests/components/SearchField.spec.ts b/Frontend/tests/components/SearchField.spec.ts
new file mode 100644
index 0000000..350427a
--- /dev/null
+++ b/Frontend/tests/components/SearchField.spec.ts
@@ -0,0 +1,69 @@
+import { expect, test } from "vitest";
+import { render } from "vitest-browser-vue";
+import SearchField from "@/components/SearchField.vue";
+
+test("default placeholder", async () => {
+  const { getByRole } = render(SearchField, {
+    props: { modelValue: "" },
+  });
+
+  const searchBox = getByRole("searchbox");
+  await expect.element(searchBox).toBeInTheDocument();
+  await expect.element(searchBox).toHaveAttribute("placeholder", "Search…");
+});
+
+test("custom placeholder", async () => {
+  const customPlaceholder = "Hello there";
+  const { getByRole } = render(SearchField, {
+    props: { placeholder: customPlaceholder, modelValue: "" },
+  });
+
+  const searchBox = getByRole("searchbox");
+  await expect.element(searchBox).toBeInTheDocument();
+  await expect.element(searchBox)
+    .toHaveAttribute("placeholder", customPlaceholder);
+});
+
+test("empty search disabled clear button", async () => {
+  const { getByRole } = render(SearchField, { props: { modelValue: "" } });
+
+  const button = getByRole("button", { name: "clear" });
+  await expect.element(button).toBeInTheDocument();
+  await expect.element(button).toBeDisabled();
+});
+
+test("non-empty search enabled clear button", async () => {
+  const { getByRole } = render(SearchField, { props: { modelValue: "hello" } });
+
+  const button = getByRole("button", { name: "clear" });
+  await expect.element(button).toBeInTheDocument();
+  await expect.element(button).toBeEnabled();
+});
+
+test("filling search enables clear button", async () => {
+  const { getByRole } = render(SearchField, { props: { modelValue: "" } });
+  const searchBox = getByRole("searchbox");
+  const button = getByRole("button", { name: "clear" });
+
+  // simulate user typing into the input
+  await searchBox.fill("abc");
+
+  await expect.element(button).toBeEnabled();
+});
+
+test("clear button clears model value", async () => {
+  const { getByRole } = render(SearchField, { props: { modelValue: "hello" } });
+  const searchBox = getByRole("searchbox");
+  const button = getByRole("button", { name: "clear" });
+
+  // ensure initial state
+  await expect.element(searchBox).toBeInTheDocument();
+  await expect.element(button).toBeEnabled();
+
+  // click the clear button and assert the input was cleared
+  await button.click();
+
+  // input should reflect cleared model
+  await expect.element(searchBox).toHaveValue("");
+  await expect.element(button).toBeDisabled();
+});
diff --git a/Frontend/tsconfig.app.json b/Frontend/tsconfig.app.json
new file mode 100644
index 0000000..d92f5e0
--- /dev/null
+++ b/Frontend/tsconfig.app.json
@@ -0,0 +1,12 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"]
+}
diff --git a/Frontend/tsconfig.json b/Frontend/tsconfig.json
new file mode 100644
index 0000000..e44f9a1
--- /dev/null
+++ b/Frontend/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ],
+  "files": []
+}
diff --git a/Frontend/tsconfig.node.json b/Frontend/tsconfig.node.json
new file mode 100644
index 0000000..fc90c5c
--- /dev/null
+++ b/Frontend/tsconfig.node.json
@@ -0,0 +1,20 @@
+{
+  "extends": "@tsconfig/node24/tsconfig.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"],
+    "noEmit": true
+  },
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    "eslint.config.*",
+    "scripts/*"
+  ]
+}
diff --git a/Frontend/tsconfig.vitest.json b/Frontend/tsconfig.vitest.json
new file mode 100644
index 0000000..5dae0fb
--- /dev/null
+++ b/Frontend/tsconfig.vitest.json
@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+    "lib": [],
+    "types": ["node", "jsdom"]
+  },
+  "include": ["env.d.ts", "src/**/__tests__/*"],
+  "exclude": []
+}
diff --git a/Frontend/vite.config.ts b/Frontend/vite.config.ts
new file mode 100644
index 0000000..781019e
--- /dev/null
+++ b/Frontend/vite.config.ts
@@ -0,0 +1,50 @@
+import { fileURLToPath, URL } from 'node:url'
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+import { patchCssModules } from 'vite-css-modules'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import svgLoader from 'vite-svg-loader'
+
+// https://vite.dev/config/
+export default defineConfig({
+  server: {
+    host: '0.0.0.0',
+  },
+  base: '/muzika-gromche',
+  plugins: [
+    vue(),
+    vueDevTools(),
+    tailwindcss(),
+    patchCssModules({
+      exportMode: 'default',
+      generateSourceTypes: true,
+    }),
+    svgLoader({
+      svgoConfig: {
+        multipass: true,
+        plugins: [
+          {
+            name: 'preset-default',
+            params: {
+              overrides: {
+                // @see https://github.com/svg/svgo/issues/1128
+                removeViewBox: false,
+              },
+            },
+          },
+        ],
+      },
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  css: {
+    modules: {
+      localsConvention: 'camelCaseOnly',
+    },
+  },
+})
diff --git a/Frontend/vitest.config.ts b/Frontend/vitest.config.ts
new file mode 100644
index 0000000..c6b22ba
--- /dev/null
+++ b/Frontend/vitest.config.ts
@@ -0,0 +1,27 @@
+import { fileURLToPath } from 'node:url'
+import { playwright } from '@vitest/browser-playwright'
+import { configDefaults, defineConfig, mergeConfig } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    define: {
+      // See https://github.com/vitest-dev/vitest/issues/6872
+      'process.env': JSON.stringify({}),
+    },
+    test: {
+      environment: 'jsdom',
+      exclude: [...configDefaults.exclude, 'e2e/**'],
+      root: fileURLToPath(new URL('./', import.meta.url)),
+      browser: {
+        enabled: true,
+        provider: playwright(),
+        // https://vitest.dev/config/browser/playwright
+        instances: [
+          { browser: 'firefox' },
+        ],
+      },
+    },
+  }),
+)