diff --git a/modules/Stylist/.patch-backups/index-20261020-100844.blade.php b/modules/Stylist/.patch-backups/index-20261020-100844.blade.php
new file mode 100644
index 0000000..07e4039
--- /dev/null
+++ b/modules/Stylist/.patch-backups/index-20261020-100844.blade.php
@@ -0,0 +1,86 @@
+@extends('layouts.app', ['title' => 'Stylist — SonarDesk Administration'])
+
+@section('content')
+    <div class="mb-6">
+    <p class="text-sm font-medium text-gray-500">Administration</p>
+    <h1 class="text-3xl font-bold">Stylist</h1>
+    <p class="mt-2 text-gray-600">
+        Install, configure, validate and export self-contained themes.
+    </p>
+</div>
+
+    @if (session('status'))
+        <div class="mb-6 rounded-xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-emerald-800">{{ session('status') }}</div>
+    @endif
+    @if ($errors->any())
+        <div class="mb-6 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-red-800">{{ $errors->first() }}</div>
+    @endif
+
+    <form method="POST" action="{{ route('stylist.install') }}" enctype="multipart/form-data" class="mb-8 flex flex-wrap items-end gap-3 rounded-xl border border-slate-200 bg-white p-5 shadow-sm">
+        @csrf
+        <label class="min-w-64 flex-1"><span class="mb-2 block text-sm font-medium text-slate-700">Install theme ZIP</span><input type="file" name="theme" accept=".zip" required class="block w-full rounded-lg border border-slate-300 p-2"></label>
+        <button class="rounded-lg bg-slate-900 px-4 py-2.5 font-semibold text-white">Install theme</button>
+    </form>
+
+    <div class="grid gap-6 xl:grid-cols-2">
+        @foreach ($themes as $item)
+            @php($saved = $settingsService->get($item))
+            @php($variant = $settingsService->variant($item))
+            @php($issues = $accessibility->validate($item))
+            @php($appearance = $settingsService->appearance($item))
+            @php($accent = $settingsService->accent($item))
+            <article class="overflow-hidden rounded-2xl border {{ (($item->type() === 'frontend' && $item->key() === $activeFrontendTheme) || ($item->type() === 'backend' && $item->key() === $activeBackendTheme)) ? 'border-blue-400 ring-2 ring-blue-100' : 'border-slate-200' }} bg-white shadow-sm">
+                <div class="aspect-[16/7] bg-slate-100">
+                    @if ($item->preview() && $item->has($item->preview()))
+                        <img src="{{ $urls->forTheme($item, $item->preview()) }}" alt="{{ $item->name() }} theme preview" class="h-full w-full object-cover">
+                    @else
+                        <div class="flex h-full items-center justify-center text-sm text-slate-500">Add preview.webp to this theme</div>
+                    @endif
+                </div>
+                <div class="p-5">
+                    <div class="flex items-start justify-between gap-4"><div><h2 class="text-xl font-bold text-slate-950">{{ $item->name() }}</h2><p class="text-sm text-slate-500">v{{ $item->version() }}@if($item->author()) · {{ $item->author() }}@endif</p></div>@if(($item->type() === 'frontend' && $item->key() === $activeFrontendTheme) || ($item->type() === 'backend' && $item->key() === $activeBackendTheme))<span class="rounded-full bg-blue-100 px-3 py-1 text-xs font-semibold text-blue-700">Active {{ ucfirst($item->type()) }}</span>@endif</div>
+                    @if($item->description())<p class="mt-3 text-sm text-slate-600">{{ $item->description() }}</p>@endif
+                    @if($item->parent())<p class="mt-2 text-xs font-medium text-violet-700">Child of {{ $item->parent() }}</p>@endif
+                    <div class="mt-4 flex flex-wrap gap-2">
+                        @if(in_array($item->type(), ['frontend', 'backend'], true))
+                            <form method="POST" action="{{ route('stylist.activate', $item->key()) }}">@csrf<button class="rounded-lg bg-blue-600 px-3 py-2 text-sm font-semibold text-white">Activate {{ ucfirst($item->type()) }}</button></form>
+                            <a href="{{ route('stylist.preview', $item->key()) }}" target="_blank" rel="noopener" class="rounded-lg border border-blue-300 px-3 py-2 text-sm font-medium text-blue-700">Preview</a>
+                        @endif
+                        <a href="{{ route('stylist.export', $item->key()) }}" class="rounded-lg border border-slate-300 px-3 py-2 text-sm font-medium">Export ZIP</a>
+                        <form method="POST" action="{{ route('stylist.optimize', $item->key()) }}">@csrf<button class="rounded-lg border border-slate-300 px-3 py-2 text-sm font-medium">Optimise assets</button></form>
+                        @if(str_starts_with(realpath($item->path()) ?: '', realpath(config('stylist.themes_path')) ?: '/__never__'))
+                            <form method="POST" action="{{ route('stylist.uninstall', $item->key()) }}" onsubmit="return confirm('Uninstall this theme?')">@csrf @method('DELETE')<button class="rounded-lg border border-red-300 px-3 py-2 text-sm font-medium text-red-700">Uninstall</button></form>
+                        @endif
+                    </div>
+                    <details class="mt-5 rounded-xl border border-slate-200 p-4">
+                        <summary class="cursor-pointer font-semibold">Theme settings</summary>
+                        <form method="POST" action="{{ route('stylist.settings', $item->key()) }}" class="mt-4 space-y-4">@csrf @method('PUT')
+                            @if($item->variants())
+                                <label class="block"><span class="mb-1 block text-sm font-medium">Variant</span><select name="variant" class="w-full rounded-lg border-slate-300">@foreach(array_keys($item->variants()) as $name)<option value="{{ $name }}" @selected($variant === $name)>{{ ucfirst($name) }}</option>@endforeach</select></label>
+                            @endif
+                            @if($item->supports('dark_mode') || $item->appearances())
+                                <label class="block"><span class="mb-1 block text-sm font-medium">Appearance</span><select name="appearance" class="w-full rounded-lg border-slate-300">@foreach(array_keys($item->appearances()) ?: ['light', 'dark', 'auto'] as $name)<option value="{{ $name }}" @selected($appearance === $name)>{{ ucfirst($name) }}</option>@endforeach</select></label>
+                            @endif
+                            @if($item->accents())
+                                <div><span class="mb-2 block text-sm font-medium">Accent colour</span><div class="flex flex-wrap gap-2">@foreach($item->accents() as $name => $definition)<label class="cursor-pointer"><input type="radio" name="accent" value="{{ $name }}" class="peer sr-only" @checked($accent === $name)><span class="inline-flex items-center gap-2 rounded-lg border border-slate-300 px-3 py-2 text-sm peer-checked:border-blue-500 peer-checked:ring-2 peer-checked:ring-blue-100"><span class="h-4 w-4 rounded-full border border-black/10" style="background: {{ data_get($definition, 'swatch', data_get($definition, 'variables.primary', '#64748b')) }}"></span>{{ data_get($definition, 'label', ucfirst($name)) }}</span></label>@endforeach</div></div>
+                            @endif
+                            @foreach($item->settingsSchema() as $key => $definition)
+                                @php($definition = is_array($definition) ? $definition : ['default' => $definition])
+                                <label class="block"><span class="mb-1 block text-sm font-medium">{{ $definition['label'] ?? str($key)->headline() }}</span>
+                                    @switch($definition['type'] ?? 'text')
+                                        @case('color')<input type="color" name="settings[{{ $key }}]" value="{{ $saved[$key] ?? ($definition['default'] ?? '#000000') }}" class="h-10 w-full rounded-lg border-slate-300">@break
+                                        @case('textarea')<textarea name="settings[{{ $key }}]" rows="4" class="w-full rounded-lg border-slate-300">{{ $saved[$key] ?? ($definition['default'] ?? '') }}</textarea>@break
+                                        @case('checkbox')<input type="hidden" name="settings[{{ $key }}]" value="0"><label class="inline-flex items-center gap-2"><input type="checkbox" name="settings[{{ $key }}]" value="1" @checked((bool)($saved[$key] ?? ($definition['default'] ?? false))) class="rounded border-slate-300"><span>Enabled</span></label>@break
+                                        @default<input type="{{ ($definition['type'] ?? 'text') === 'url' ? 'url' : 'text' }}" name="settings[{{ $key }}]" value="{{ $saved[$key] ?? ($definition['default'] ?? '') }}" class="w-full rounded-lg border-slate-300">
+                                    @endswitch
+                                </label>
+                            @endforeach
+                            <button class="rounded-lg bg-blue-600 px-4 py-2 font-semibold text-white">Save settings</button>
+                        </form>
+                    </details>
+                    <div class="mt-4 text-sm {{ collect($issues)->contains('severity', 'error') ? 'text-red-700' : 'text-emerald-700' }}">Accessibility: {{ count($issues) ? count($issues).' issue(s)' : 'passed static checks' }}</div>
+                </div>
+            </article>
+        @endforeach
+    </div>
+@endsection
diff --git a/modules/Stylist/Resources/views/layouts/app.blade.php b/modules/Stylist/Resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..d9e0018
--- /dev/null
+++ b/modules/Stylist/Resources/views/layouts/app.blade.php
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>@yield('title', 'Stylist — Theme Management')</title>
+
+    <style>
+        :root {
+            color-scheme: light;
+            --stylist-bg: #f8fafc;
+            --stylist-surface: #ffffff;
+            --stylist-text: #0f172a;
+            --stylist-muted: #64748b;
+            --stylist-border: #e2e8f0;
+            --stylist-primary: #2563eb;
+        }
+
+        * {
+            box-sizing: border-box;
+        }
+
+        body {
+            margin: 0;
+            background: var(--stylist-bg);
+            color: var(--stylist-text);
+            font-family: -apple-system, BlinkMacSystemFont,
+                "Segoe UI", sans-serif;
+            line-height: 1.5;
+        }
+
+        .stylist-shell {
+            width: min(1600px, 100%);
+            margin: 0 auto;
+            padding: 32px;
+        }
+
+        .stylist-page-header {
+            margin-bottom: 28px;
+        }
+
+        .stylist-page-header h1 {
+            margin: 8px 0;
+            font-size: 32px;
+            font-weight: 750;
+            letter-spacing: -0.03em;
+        }
+
+        .stylist-page-header p {
+            margin: 0;
+            color: var(--stylist-muted);
+        }
+
+        .stylist-eyebrow {
+            color: var(--stylist-primary);
+            font-size: 12px;
+            font-weight: 700;
+            text-transform: uppercase;
+            letter-spacing: 0.08em;
+        }
+
+        button, input, select, textarea {
+            font: inherit;
+        }
+
+        button {
+            cursor: pointer;
+        }
+
+        a {
+            color: inherit;
+        }
+
+        @media (max-width: 768px) {
+            .stylist-shell {
+                padding: 20px 16px;
+            }
+        }
+    </style>
+
+    @stack('styles')
+</head>
+<body>
+    <main class="stylist-shell">
+        @yield('content')
+    </main>
+
+    @stack('scripts')
+</body>
+</html>