@maildeno/editor 0.1.3 → 0.4.2

package/dist/editor.css

@@ -1,5 +1,5 @@
 
-.md-input[data-v-3e558228] {
+.md-input[data-v-026fafe6] {
   width: 100%;
   padding: 0.325rem 0.625rem;
   font-size: 13px;
@@ -9,18 +9,27 @@
   border: 1px solid var(--md-border);
   border-radius: 0.375rem;
   outline: none;
-  transition: border-color 0.15s, box-shadow 0.15s;
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s;
 }
-.md-input[data-v-3e558228]::placeholder { color: var(--md-text-subtle);
+.md-input[data-v-026fafe6]::placeholder {
+  color: var(--md-text-subtle);
 }
-.md-input[data-v-3e558228]:focus {
+.md-input[data-v-026fafe6]:focus {
   border-color: var(--md-primary);
 }
-.md-input[data-v-3e558228]:disabled { background: var(--md-surface-hover); color: var(--md-text-subtle); cursor: not-allowed;
+.md-input[data-v-026fafe6]:disabled {
+  background: var(--md-surface-hover);
+  color: var(--md-text-subtle);
+  cursor: not-allowed;
 }
-.md-input--invalid[data-v-3e558228] { border-color: var(--md-danger);
+.md-input--invalid[data-v-026fafe6] {
+  border-color: var(--md-danger);
 }
-.md-input--invalid[data-v-3e558228]:focus { border-color: var(--md-danger); box-shadow: 0 0 0 1px var(--md-danger);
+.md-input--invalid[data-v-026fafe6]:focus {
+  border-color: var(--md-danger);
+  box-shadow: 0 0 0 1px var(--md-danger);
 }
 
 /* =========================================================
@@ -231,280 +240,290 @@
   color: currentColor;
 }
 
-.section-fade-enter-active[data-v-9ae9089d],
-.section-fade-leave-active[data-v-9ae9089d] {
-  transition: opacity 0.15s ease, transform 0.15s ease;
+.section-fade-enter-active[data-v-4363482d],
+.section-fade-leave-active[data-v-4363482d] {
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease;
 }
-.section-fade-enter-from[data-v-9ae9089d],
-.section-fade-leave-to[data-v-9ae9089d] {
+.section-fade-enter-from[data-v-4363482d],
+.section-fade-leave-to[data-v-4363482d] {
   opacity: 0;
   transform: translateY(-3px);
 }
 
-.transparent-swatch[data-v-e240a193] {
+.transparent-swatch[data-v-c92355b6] {
   background-image:
     linear-gradient(45deg, #ccc 25%, transparent 25%),
     linear-gradient(-45deg, #ccc 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, #ccc 75%),
     linear-gradient(-45deg, transparent 75%, #ccc 75%);
   background-size: 6px 6px;
-  background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+  background-position:
+    0 0,
+    0 3px,
+    3px -3px,
+    -3px 0;
   background-color: white;
 }
 
-.transparent-swatch[data-v-936cb96e] {
+.transparent-swatch[data-v-b61b14c2] {
   background-image:
     linear-gradient(45deg, #ccc 25%, transparent 25%),
     linear-gradient(-45deg, #ccc 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, #ccc 75%),
     linear-gradient(-45deg, transparent 75%, #ccc 75%);
   background-size: 6px 6px;
-  background-position: 0 0, 0 3px, 3px -3px, -3px 0;
+  background-position:
+    0 0,
+    0 3px,
+    3px -3px,
+    -3px 0;
   background-color: white;
 }
-
-/* =========================================================
-   FIELD
+
+/* =========================================================
+   FIELD
    ========================================================= */
-.md-dp__field {
-  display: flex;
-  align-items: center;
-  gap: 0.0625rem;
-  width: 100%;
-  min-height: 32px;
-  box-sizing: border-box;
-  padding: 0.375rem 0.375rem 0.375rem 0.5rem;
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.375rem;
-  font-family: inherit;
-  font-size: 13px;
+.md-dp__field {
+  display: flex;
+  align-items: center;
+  gap: 0.0625rem;
+  width: 100%;
+  min-height: 32px;
+  box-sizing: border-box;
+  padding: 0.375rem 0.375rem 0.375rem 0.5rem;
+  background: var(--md-surface);
+  border: 1px solid var(--md-border);
+  border-radius: 0.375rem;
+  font-family: inherit;
+  font-size: 13px;
   color: var(--md-text);
 }
-.md-dp__field:focus-within {
-  border-color: var(--md-primary);
+.md-dp__field:focus-within {
+  border-color: var(--md-primary);
   box-shadow: 0 0 0 1px var(--md-primary);
-}
-
-/* =========================================================
-   DATE SEGMENTS
+}
+
+/* =========================================================
+   DATE SEGMENTS
    ========================================================= */
-.md-dp__seg {
-  padding: 0 0.0625rem;
-  border-radius: 0.125rem;
-  outline: none;
-  font-family: inherit;
+.md-dp__seg {
+  padding: 0 0.0625rem;
+  border-radius: 0.125rem;
+  outline: none;
+  font-family: inherit;
   font-size: 13px;
 }
-.md-dp__seg:focus {
-  background: var(--md-primary);
+.md-dp__seg:focus {
+  background: var(--md-primary);
   color: var(--md-surface);
 }
-.md-dp__seg[data-placeholder] {
+.md-dp__seg[data-placeholder] {
   color: var(--md-text-subtle);
 }
-.md-dp__lit {
+.md-dp__lit {
   color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   CALENDAR TRIGGER
+}
+
+/* =========================================================
+   CALENDAR TRIGGER
    ========================================================= */
-.md-dp__trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-left: auto;
-  width: 20px;
-  height: 20px;
-  padding: 0.125rem;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  font-size: 11px;
+.md-dp__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  width: 20px;
+  height: 20px;
+  padding: 0.125rem;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  font-size: 11px;
   color: var(--md-text-subtle);
 }
-.md-dp__trigger:hover {
+.md-dp__trigger:hover {
   color: var(--md-text-muted);
-}
-
-/* =========================================================
-   CALENDAR POPOVER
+}
+
+/* =========================================================
+   CALENDAR POPOVER
    ========================================================= */
-.md-dp__content {
-  z-index: 999999;
-  padding: 0.625rem;
-  box-sizing: border-box;
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.625rem;
-  box-shadow:
-    0 10px 15px -3px rgb(0 0 0 / 0.12),
+.md-dp__content {
+  z-index: 999999;
+  padding: 0.625rem;
+  box-sizing: border-box;
+  background: var(--md-surface);
+  border: 1px solid var(--md-border);
+  border-radius: 0.625rem;
+  box-shadow:
+    0 10px 15px -3px rgb(0 0 0 / 0.12),
     0 4px 6px -4px rgb(0 0 0 / 0.12);
-}
-
-/* =========================================================
-   CALENDAR
+}
+
+/* =========================================================
+   CALENDAR
    ========================================================= */
-.md-dp__cal {
+.md-dp__cal {
   width: max-content;
-}
-
-/* =========================================================
-   HEADER
+}
+
+/* =========================================================
+   HEADER
    ========================================================= */
-.md-dp__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.md-dp__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   margin-bottom: 0.5rem;
 }
-.md-dp__heading {
-  font-family: inherit;
-  font-size: 13px;
-  font-weight: 600;
+.md-dp__heading {
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
   color: var(--md-text);
-}
-
-/* =========================================================
-   PREVIOUS / NEXT
+}
+
+/* =========================================================
+   PREVIOUS / NEXT
    ========================================================= */
-.md-dp__nav {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0.25rem;
-  border: 0;
-  background: transparent;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  font-size: 12px;
+.md-dp__nav {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0.25rem;
+  border: 0;
+  background: transparent;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  font-size: 12px;
   color: var(--md-text-muted);
 }
-.md-dp__nav:hover {
-  background: var(--md-surface-muted);
+.md-dp__nav:hover {
+  background: var(--md-surface-muted);
   color: var(--md-text);
 }
-.md-dp__nav:disabled {
-  opacity: 0.4;
+.md-dp__nav:disabled {
+  opacity: 0.4;
   cursor: default;
-}
-
-/* =========================================================
-   GRID
+}
+
+/* =========================================================
+   GRID
    ========================================================= */
-.md-dp__grid {
-  width: 100%;
+.md-dp__grid {
+  width: 100%;
   border-collapse: collapse;
 }
-.md-dp__row {
+.md-dp__row {
   display: flex;
-}
-
-/* =========================================================
-   WEEKDAY HEADER
+}
+
+/* =========================================================
+   WEEKDAY HEADER
    ========================================================= */
-.md-dp__headCell {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 28px;
-  font-family: inherit;
-  font-size: 11px;
-  font-weight: 500;
+.md-dp__headCell {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 28px;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 500;
   color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   DAY BUTTON
+}
+
+/* =========================================================
+   DAY BUTTON
    ========================================================= */
-.md-dp__day {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 30px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  font-family: inherit;
-  font-size: 12px;
-  color: var(--md-text);
-  border-radius: 0.3125rem;
-  cursor: pointer;
-  outline: none;
-  transition:
-    background 100ms ease,
+.md-dp__day {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 30px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--md-text);
+  border-radius: 0.3125rem;
+  cursor: pointer;
+  outline: none;
+  transition:
+    background 100ms ease,
     color 100ms ease;
 }
-.md-dp__day:hover {
+.md-dp__day:hover {
   background: var(--md-surface-muted);
 }
-.md-dp__day:focus-visible {
-  outline: 2px solid var(--md-primary);
+.md-dp__day:focus-visible {
+  outline: 2px solid var(--md-primary);
   outline-offset: -2px;
-}
-
-/* =========================================================
-   SELECTED DAY
+}
+
+/* =========================================================
+   SELECTED DAY
    ========================================================= */
-.md-dp__day[data-selected] {
-  background: var(--md-primary);
-  color: var(--md-surface);
+.md-dp__day[data-selected] {
+  background: var(--md-primary);
+  color: var(--md-surface);
   font-weight: 600;
 }
-.md-dp__day[data-selected]:hover {
+.md-dp__day[data-selected]:hover {
   background: var(--md-primary);
-}
-
-/* =========================================================
-   TODAY
+}
+
+/* =========================================================
+   TODAY
    ========================================================= */
-.md-dp__day[data-today]:not([data-selected]) {
-  font-weight: 700;
+.md-dp__day[data-today]:not([data-selected]) {
+  font-weight: 700;
   color: var(--md-primary);
-}
-
-/* =========================================================
-   OUTSIDE / DISABLED
+}
+
+/* =========================================================
+   OUTSIDE / DISABLED
    ========================================================= */
-.md-dp__day[data-outside-view] {
+.md-dp__day[data-outside-view] {
   color: var(--md-border-strong);
 }
-.md-dp__day[data-disabled] {
-  color: var(--md-border-strong);
-
+.md-dp__day[data-disabled] {
+  color: var(--md-border-strong);
+
   cursor: default;
 }
-.md-dp__day[data-disabled]:hover {
+.md-dp__day[data-disabled]:hover {
   background: transparent;
-}
+}
 
-.rules-scroll[data-v-ce314c0b] {
+.rules-scroll[data-v-6821226a] {
   overflow-x: auto;
   max-width: 100%;
   -webkit-overflow-scrolling: touch;
 }
-.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar {
+.rules-scroll[data-v-6821226a]::-webkit-scrollbar {
   height: 6px;
 }
-.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-track {
+.rules-scroll[data-v-6821226a]::-webkit-scrollbar-track {
   background: var(--md-surface-muted);
   border-radius: 4px;
 }
-.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb {
+.rules-scroll[data-v-6821226a]::-webkit-scrollbar-thumb {
   background: var(--md-border-strong);
   border-radius: 4px;
 }
-.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb:hover {
+.rules-scroll[data-v-6821226a]::-webkit-scrollbar-thumb:hover {
   background: var(--md-text-subtle);
 }
 
-.toggle-btn[data-v-2dd9f5a7] {
+.toggle-btn[data-v-befa8dec] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -520,134 +539,159 @@
   padding: 0;
   outline: none;
 }
-.toggle-btn[data-v-2dd9f5a7]:focus-visible {
+.toggle-btn[data-v-befa8dec]:focus-visible {
   box-shadow: 0 0 0 2px var(--md-selection);
 }
-.toggle-btn--idle[data-v-2dd9f5a7] {
+.toggle-btn--idle[data-v-befa8dec] {
   border-color: var(--md-border);
   color: var(--md-text-subtle);
 }
-.toggle-btn--idle[data-v-2dd9f5a7]:hover {
+.toggle-btn--idle[data-v-befa8dec]:hover {
   background: var(--md-surface-hover);
   border-color: var(--md-border-strong);
 }
-.toggle-btn--active[data-v-2dd9f5a7] {
+.toggle-btn--active[data-v-befa8dec] {
   background: var(--md-selection-bg);
   border-color: var(--md-selection);
   color: var(--md-selection-fg);
 }
-.toggle-btn--active[data-v-2dd9f5a7]:hover {
-  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));
+.toggle-btn--active[data-v-befa8dec]:hover {
+  background: color-mix(
+    in srgb,
+    var(--md-selection) 20%,
+    var(--md-selection-bg)
+  );
 }
 
-.md-btn[data-v-cc741dfc] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.375rem;
-  padding: 0.5rem 0.875rem;
-  font-size: 13px;
-  font-weight: 500;
-  border-radius: 0.375rem;
-  border: 1px solid transparent;
-  cursor: pointer;
-  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
+.md-btn[data-v-5bc166d4] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.375rem;
+  padding: 0.5rem 0.875rem;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: 0.375rem;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition:
+    background-color 0.15s,
+    border-color 0.15s,
+    opacity 0.15s;
 }
-.md-btn[data-v-cc741dfc]:disabled { opacity: 0.55; cursor: not-allowed;
+.md-btn[data-v-5bc166d4]:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
 }
-.md-btn--primary[data-v-cc741dfc] {
-  background: var(--md-button-primary-bg);
+.md-btn--primary[data-v-5bc166d4] {
+  background: var(--md-button-primary-bg);
   color: var(--md-button-primary-text);
 }
-.md-btn--primary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-primary-hover-bg);
+.md-btn--primary[data-v-5bc166d4]:not(:disabled):hover {
+  background: var(--md-button-primary-hover-bg);
 }
-.md-btn--secondary[data-v-cc741dfc] {
-  background: var(--md-button-secondary-bg);
-  color: var(--md-button-secondary-text);
+.md-btn--secondary[data-v-5bc166d4] {
+  background: var(--md-button-secondary-bg);
+  color: var(--md-button-secondary-text);
   border-color: var(--md-border);
 }
-.md-btn--secondary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-secondary-hover-bg);
-}
-.md-btn--danger[data-v-cc741dfc] { background: var(--md-danger); color: var(--md-on-danger);
+.md-btn--secondary[data-v-5bc166d4]:not(:disabled):hover {
+  background: var(--md-button-secondary-hover-bg);
 }
-.md-btn--danger[data-v-cc741dfc]:not(:disabled):hover { filter: brightness(0.94);
+.md-btn--danger[data-v-5bc166d4] {
+  background: var(--md-danger);
+  color: var(--md-on-danger);
 }
-.md-btn--success[data-v-cc741dfc] { background: var(--md-success); color: var(--md-surface);
+.md-btn--danger[data-v-5bc166d4]:not(:disabled):hover {
+  filter: brightness(0.94);
 }
+.md-btn--success[data-v-5bc166d4] {
+  background: var(--md-success);
+  color: var(--md-surface);
+}
 
-.md-dialog__overlay[data-v-0b61b47b] {
-  position: fixed;
-  inset: 0;
-  z-index: 9998;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
+.md-dialog__overlay[data-v-18cc7517] {
+  position: fixed;
+  inset: 0;
+  z-index: 9998;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
   background: rgb(0 0 0 / 0.4);
 }
-.md-dialog[data-v-0b61b47b] {
-  width: 420px;
-  max-width: 100%;
-  max-height: calc(100vh - 2rem);
-  display: flex;
-  flex-direction: column;
-  background: var(--md-surface);
-  border-radius: 0.75rem;
-  box-shadow: 0 20px 60px rgb(0 0 0 / 0.25);
+.md-dialog[data-v-18cc7517] {
+  width: 420px;
+  max-width: 100%;
+  max-height: calc(100vh - 2rem);
+  display: flex;
+  flex-direction: column;
+  background: var(--md-surface);
+  border-radius: 0.75rem;
+  box-shadow: 0 20px 60px rgb(0 0 0 / 0.25);
   outline: none;
 }
-.md-dialog__header[data-v-0b61b47b] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
+.md-dialog__header[data-v-18cc7517] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
   padding: 1.125rem 1.25rem 0.5rem;
 }
-.md-dialog__header--noTitle[data-v-0b61b47b] { justify-content: flex-end;
+.md-dialog__header--noTitle[data-v-18cc7517] {
+  justify-content: flex-end;
 }
-.md-dialog__title[data-v-0b61b47b] { font-size: 17px; font-weight: 600; color: var(--md-text); margin: 0;
+.md-dialog__title[data-v-18cc7517] {
+  font-size: 17px;
+  font-weight: 600;
+  color: var(--md-text);
+  margin: 0;
 }
-.md-dialog__close[data-v-0b61b47b] {
-  display: inline-flex;
-  padding: 0.25rem;
-  color: var(--md-text-subtle);
-  background: none;
-  border: 0;
-  border-radius: 0.25rem;
+.md-dialog__close[data-v-18cc7517] {
+  display: inline-flex;
+  padding: 0.25rem;
+  color: var(--md-text-subtle);
+  background: none;
+  border: 0;
+  border-radius: 0.25rem;
   cursor: pointer;
 }
-.md-dialog__close[data-v-0b61b47b]:hover { color: var(--md-text); background: var(--md-surface-muted);
+.md-dialog__close[data-v-18cc7517]:hover {
+  color: var(--md-text);
+  background: var(--md-surface-muted);
 }
-.md-dialog__body[data-v-0b61b47b] {
-  padding: 0.5rem 1.25rem 1.25rem;
-  overflow-y: auto;
-  font-size: 14px;
+.md-dialog__body[data-v-18cc7517] {
+  padding: 0.5rem 1.25rem 1.25rem;
+  overflow-y: auto;
+  font-size: 14px;
   color: var(--md-text);
 }
-.md-dialog__footer[data-v-0b61b47b] {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.5rem;
+.md-dialog__footer[data-v-18cc7517] {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
   padding: 0 1.25rem 1.25rem;
 }
-.md-dialog__srOnly[data-v-0b61b47b] {
-  position: absolute;
-  width: 1px; height: 1px;
-  padding: 0; margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
+.md-dialog__srOnly[data-v-18cc7517] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
   border: 0;
-}
+}
 
-[data-v-5aa602c3] a {
+[data-v-bab0f181] a {
   color: #2563eb;
   cursor: pointer;
 }
-[data-v-5aa602c3] a:not([style*="text-decoration"]) {
+[data-v-bab0f181] a:not([style*="text-decoration"]) {
   text-decoration: underline;
 }
-[data-v-5aa602c3] a:hover {
+[data-v-bab0f181] a:hover {
   opacity: 0.8;
 }
 
@@ -655,7 +699,7 @@
    display:inline ensures the span is exactly as wide as its text content.
    No width reservation from hidden raw-tag text since the NodeView
    writes only one text node at a time. */
-[data-v-5aa602c3] .merge-tag-node {
+[data-v-bab0f181] .merge-tag-node {
   display: inline;
   white-space: nowrap;
   vertical-align: baseline;
@@ -665,7 +709,7 @@
 }
 
 /* List styles — scoped to the editor content area */
-[data-v-5aa602c3] li:not(:last-child) {
+[data-v-bab0f181] li:not(:last-child) {
   margin-bottom: var(--list-item-spacing, 0.25rem);
 }
 
@@ -673,7 +717,7 @@
    Constrain the Select to sit flush inside the toolbar row.
    The trigger is kept compact (28px tall) and the overlay is widened so
    long font names are readable without being clipped.                       */
-.toolbar-font-select[data-v-5aa602c3] .p-select {
+.toolbar-font-select[data-v-bab0f181] .p-select {
   height: 28px;
   min-width: 110px;
   max-width: 130px;
@@ -686,21 +730,21 @@
   display: flex;
   align-items: center;
 }
-.toolbar-font-select[data-v-5aa602c3] .p-select-label {
+.toolbar-font-select[data-v-bab0f181] .p-select-label {
   padding: 0;
   font-size: 0.85rem;
   line-height: 1;
 }
-.toolbar-font-select[data-v-5aa602c3] .p-select-dropdown {
+.toolbar-font-select[data-v-bab0f181] .p-select-dropdown {
   width: 20px;
 }
 
 /* Widen the overlay panel so long font names are not clipped */
-[data-v-5aa602c3] .p-select-overlay {
+[data-v-bab0f181] .p-select-overlay {
   min-width: 180px !important;
 }
 
-.toggle-btn[data-v-916ac99b] {
+.toggle-btn[data-v-7d66fd79] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -708,74 +752,90 @@
   border-radius: 6px;
   border: 0.5px solid transparent;
   cursor: pointer;
-  transition: background 0.1s, border-color 0.1s, color 0.1s;
+  transition:
+    background 0.1s,
+    border-color 0.1s,
+    color 0.1s;
   background: transparent;
   padding: 0;
   outline: none;
 }
-.toggle-btn--idle[data-v-916ac99b] {
+.toggle-btn--idle[data-v-7d66fd79] {
   border-color: color-mix(in srgb, var(--md-border) 80%, transparent);
   color: var(--md-text-subtle);
 }
-.toggle-btn--idle[data-v-916ac99b]:hover {
+.toggle-btn--idle[data-v-7d66fd79]:hover {
   background: var(--md-surface-hover);
   border-color: var(--md-border-strong);
   color: var(--md-text-muted);
 }
-.toggle-btn--active[data-v-916ac99b] {
+.toggle-btn--active[data-v-7d66fd79] {
   background: var(--md-selection-bg);
   border-color: var(--md-selection);
   color: var(--md-selection-fg);
 }
-.toggle-btn--active[data-v-916ac99b]:hover {
-  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));
+.toggle-btn--active[data-v-7d66fd79]:hover {
+  background: color-mix(
+    in srgb,
+    var(--md-selection) 20%,
+    var(--md-selection-bg)
+  );
 }
 
-.panel[data-v-1ca75986] {
+.panel[data-v-8337ea1e] {
   padding: 10px 12px;
   background: var(--md-surface);
   border: 0.5px solid color-mix(in srgb, var(--md-border) 80%, transparent);
   border-radius: 10px;
 }
-.separator[data-v-1ca75986] {
+.separator[data-v-8337ea1e] {
   height: 0.5px;
   background: color-mix(in srgb, var(--md-border) 80%, transparent);
   margin-left: -12px;
   margin-right: -12px;
 }
 
-.spinner[data-v-3ea84dc7] {
+.spinner[data-v-3a289171] {
   width: 50px;
   height: 50px;
   border: 5px solid rgba(0, 0, 0, 0.2);
   border-top-color: var(--md-selection);
   border-radius: 50%;
   margin: 0 auto;
-  animation: spin-3ea84dc7 1s linear infinite;
+  animation: spin-3a289171 1s linear infinite;
 }
-@keyframes spin-3ea84dc7 {
+@keyframes spin-3a289171 {
 to {
     transform: rotate(360deg);
 }
 }
 
-/* ===== DESIGN SYSTEM TOKENS ===== */
-.desktop-gate[data-v-561a092b] {
-  --brand-primary: #4a7c59;
-  --brand-primary-dark: #3a5a40;
-  --brand-primary-light: #3a5a40;
-  --brand-gradient-start: #4a7c59;
-  --brand-gradient-end: #3a5a40;
-  --gray-50: #f9fafb;
-  --gray-100: #f3f4f6;
-  --gray-200: #e5e7eb;
-  --gray-300: #d1d5db;
-  --gray-400: #9ca3af;
-  --gray-500: #6b7280;
-  --gray-600: #4b5563;
-  --gray-700: #374151;
-  --gray-800: #1f2937;
-  --gray-900: #111827;
+/* ===== DESIGN SYSTEM TOKENS =====
+ * Each token reads from the shared --md-* custom properties (see theme.ts)
+ * and falls back to this component's original hardcoded value when the
+ * host hasn't set that property. That means an untouched app looks exactly
+ * as before, and a host calling setEditorTheme() re-themes this notice too,
+ * without editing this file again. */
+.desktop-gate[data-v-61a8c3d0] {
+  --brand-primary: var(--md-primary, var(--md-primary));
+  --brand-primary-dark: var(--md-primary-hover, var(--md-primary-hover));
+  --brand-primary-light: var(--md-primary-hover, var(--md-primary-hover));
+  --brand-gradient-start: var(--md-primary, var(--md-primary));
+  --brand-gradient-end: var(--md-primary-hover, var(--md-primary-hover));
+  --gate-surface: var(--md-surface, var(--md-surface));
+  --gate-backdrop: var(--md-background, var(--md-surface-hover));
+  --gate-on-primary: var(--md-on-primary, var(--md-surface));
+  --gate-warning: var(--md-warning, var(--md-warning));
+  --gray-50: var(--md-background, var(--md-surface-hover));
+  --gray-100: var(--md-surface-muted, var(--md-surface-muted));
+  --gray-200: var(--md-border, var(--md-border));
+  --gray-300: var(--md-border-strong, var(--md-border-strong));
+  --gray-400: var(--md-text-subtle, var(--md-text-subtle));
+  --gray-500: var(--md-text-subtle, var(--md-text-muted));
+  --gray-600: var(--md-text-muted, var(--md-text-muted));
+  --gray-700: var(--md-text-muted, var(--md-text-muted));
+  --gray-800: var(--md-text, var(--md-text));
+  --gray-900: var(--md-text, var(--md-text));
   --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --shadow-lg:
@@ -786,35 +846,31 @@ to {
 }
 
 /* ===== MAIN LAYOUT ===== */
-.desktop-gate[data-v-561a092b] {
+.desktop-gate[data-v-61a8c3d0] {
   position: fixed;
   inset: 0;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(
-    135deg,
-    rgba(255, 255, 255, 0.98) 0%,
-    rgba(249, 250, 251, 0.98) 100%
-  );
+  background: color-mix(in srgb, var(--gate-backdrop) 98%, transparent);
   backdrop-filter: blur(2px);
   padding: 1.5rem;
 }
-.gate-container[data-v-561a092b] {
+.gate-container[data-v-61a8c3d0] {
   max-width: 520px;
   width: 100%;
-  background: white;
+  background: var(--gate-surface);
   border-radius: 2rem;
   padding: 2.5rem;
   text-align: center;
   box-shadow: var(--shadow-2xl);
-  animation: fadeInUp-561a092b 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: fadeInUp-61a8c3d0 0.5s cubic-bezier(0.16, 1, 0.3, 1);
   border: 1px solid var(--gray-200);
 }
 
 /* ===== BRAND BADGE ===== */
-.brand-badge[data-v-561a092b] {
+.brand-badge[data-v-61a8c3d0] {
   position: relative;
   width: 80px;
   height: 80px;
@@ -823,7 +879,7 @@ to {
   align-items: center;
   justify-content: center;
 }
-.badge-ring[data-v-561a092b] {
+.badge-ring[data-v-61a8c3d0] {
   position: absolute;
   inset: 0;
   border-radius: 50%;
@@ -832,13 +888,13 @@ to {
     var(--brand-gradient-start),
     var(--brand-gradient-end)
   );
-  animation: pulseRing-561a092b 2s ease-out infinite;
+  animation: pulseRing-61a8c3d0 2s ease-out infinite;
 }
-.badge-icon[data-v-561a092b] {
+.badge-icon[data-v-61a8c3d0] {
   position: relative;
   width: 56px;
   height: 56px;
-  background: white;
+  background: var(--gate-surface);
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -847,19 +903,19 @@ to {
   box-shadow: var(--shadow-md);
   transition: transform 0.2s ease;
 }
-.gate-container:hover .badge-icon[data-v-561a092b] {
+.gate-container:hover .badge-icon[data-v-61a8c3d0] {
   transform: scale(1.02);
 }
 
 /* ===== TYPOGRAPHY ===== */
-.gate-title[data-v-561a092b] {
+.gate-title[data-v-61a8c3d0] {
   font-size: 1.875rem;
   font-weight: 700;
   letter-spacing: -0.02em;
   margin: 0 0 1rem 0;
   color: var(--gray-900);
 }
-.brand-gradient[data-v-561a092b] {
+.brand-gradient[data-v-61a8c3d0] {
   background: linear-gradient(
     135deg,
     var(--brand-gradient-start),
@@ -869,7 +925,7 @@ to {
   -webkit-background-clip: text;
   color: transparent;
 }
-.gate-description[data-v-561a092b] {
+.gate-description[data-v-61a8c3d0] {
   font-size: 1rem;
   line-height: 1.5;
   color: var(--gray-600);
@@ -877,7 +933,7 @@ to {
 }
 
 /* ===== FEATURE GRID ===== */
-.feature-grid[data-v-561a092b] {
+.feature-grid[data-v-61a8c3d0] {
   display: flex;
   justify-content: center;
   gap: 2rem;
@@ -886,7 +942,7 @@ to {
   border-top: 1px solid var(--gray-200);
   border-bottom: 1px solid var(--gray-200);
 }
-.feature-item[data-v-561a092b] {
+.feature-item[data-v-61a8c3d0] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -895,7 +951,7 @@ to {
   font-weight: 500;
   color: var(--gray-700);
 }
-.feature-icon[data-v-561a092b] {
+.feature-icon[data-v-61a8c3d0] {
   width: 36px;
   height: 36px;
   background: var(--gray-100);
@@ -906,14 +962,14 @@ to {
   color: var(--brand-primary);
   transition: all 0.2s ease;
 }
-.feature-item:hover .feature-icon[data-v-561a092b] {
+.feature-item:hover .feature-icon[data-v-61a8c3d0] {
   background: var(--brand-primary);
-  color: white;
+  color: var(--gate-on-primary);
   transform: translateY(-2px);
 }
 
 /* ===== STATUS ===== */
-.detection-status[data-v-561a092b] {
+.detection-status[data-v-61a8c3d0] {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -924,16 +980,16 @@ to {
   font-weight: 500;
   color: var(--gray-600);
 }
-.status-dot[data-v-561a092b] {
+.status-dot[data-v-61a8c3d0] {
   width: 8px;
   height: 8px;
-  background: #f59e0b;
+  background: var(--gate-warning);
   border-radius: 50%;
-  animation: pulse-561a092b 1.5s ease-out infinite;
+  animation: pulse-61a8c3d0 1.5s ease-out infinite;
 }
 
 /* ===== FOOTER ===== */
-.gate-footer[data-v-561a092b] {
+.gate-footer[data-v-61a8c3d0] {
   margin-top: 2rem;
   padding-top: 1.5rem;
   display: flex;
@@ -943,7 +999,7 @@ to {
   font-size: 0.75rem;
   color: var(--gray-400);
 }
-.brand-text[data-v-561a092b] {
+.brand-text[data-v-61a8c3d0] {
   font-weight: 600;
   background: linear-gradient(
     135deg,
@@ -956,7 +1012,7 @@ to {
 }
 
 /* ===== ANIMATIONS ===== */
-@keyframes fadeInUp-561a092b {
+@keyframes fadeInUp-61a8c3d0 {
 from {
     opacity: 0;
     transform: translateY(20px);
@@ -966,7 +1022,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes pulseRing-561a092b {
+@keyframes pulseRing-61a8c3d0 {
 0% {
     opacity: 1;
     transform: scale(0.95);
@@ -980,7 +1036,7 @@ to {
     transform: scale(1.25);
 }
 }
-@keyframes pulse-561a092b {
+@keyframes pulse-61a8c3d0 {
 0%,
   100% {
     opacity: 1;
@@ -992,18 +1048,18 @@ to {
 
 /* ===== RESPONSIVE TOUCH-UPS ===== */
 @media (max-width: 480px) {
-.gate-container[data-v-561a092b] {
+.gate-container[data-v-61a8c3d0] {
     padding: 2rem 1.5rem;
 }
-.gate-title[data-v-561a092b] {
+.gate-title[data-v-61a8c3d0] {
     font-size: 1.5rem;
 }
-.feature-grid[data-v-561a092b] {
+.feature-grid[data-v-61a8c3d0] {
     gap: 1.25rem;
 }
 }
 
-.row-drop-bar[data-v-601d4b22] {
+.row-drop-bar[data-v-af80b875] {
   position: absolute;
   left: 0;
   right: 0;
@@ -1017,13 +1073,13 @@ to {
   z-index: 20;
   pointer-events: none;
 }
-.row-drop-bar--before[data-v-601d4b22] {
+.row-drop-bar--before[data-v-af80b875] {
   top: -14px;
 }
-.row-drop-bar--after[data-v-601d4b22] {
+.row-drop-bar--after[data-v-af80b875] {
   bottom: -14px;
 }
-.row-drop-bar-line[data-v-601d4b22] {
+.row-drop-bar-line[data-v-af80b875] {
   flex: 1;
   height: 2px;
   background: color-mix(in srgb, var(--drop-color) 50%, transparent);
@@ -1041,7 +1097,7 @@ to {
     opacity: 1;
   }
 } */
-.row-drop-bar-label[data-v-601d4b22] {
+.row-drop-bar-label[data-v-af80b875] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1066,7 +1122,7 @@ to {
     opacity: 1;
   }
 } */
-.row-drop-bar-icon[data-v-601d4b22] {
+.row-drop-bar-icon[data-v-af80b875] {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
@@ -1092,12 +1148,12 @@ to {
   }
 } */
 
-.fade-enter-active[data-v-7f93ba61],
-.fade-leave-active[data-v-7f93ba61] {
+.fade-enter-active[data-v-34a528c9],
+.fade-leave-active[data-v-34a528c9] {
   transition: opacity 0.1s ease;
 }
-.fade-enter-from[data-v-7f93ba61],
-.fade-leave-to[data-v-7f93ba61] {
+.fade-enter-from[data-v-34a528c9],
+.fade-leave-to[data-v-34a528c9] {
   opacity: 0;
 }
 
@@ -1119,16 +1175,16 @@ to {
  * child is capped within this column's own stacking context and can never
  * exceed a sibling row painted at z-index: 0 in normal flow.
  */
-.canvas-column[data-v-7f93ba61] {
+.canvas-column[data-v-34a528c9] {
   position: relative;
   z-index: 1;
 }
-.canvas-column.has-selected-child[data-v-7f93ba61] {
+.canvas-column.has-selected-child[data-v-34a528c9] {
   z-index: auto;
 }
 
 /* ── Base zone ─────────────────────────────────────────────── */
-.canvas-drop-zone[data-v-cc281ed8] {
+.canvas-drop-zone[data-v-4336edcf] {
   position: relative;
   height: 0;
   margin: 0;
@@ -1138,18 +1194,18 @@ to {
 }
 
 /* Full expansion on hover */
-.canvas-drop-zone--active[data-v-cc281ed8] {
+.canvas-drop-zone--active[data-v-4336edcf] {
   height: 52px;
 }
 
 /* Empty-canvas variant — fills the whole empty area */
-.canvas-drop-zone--empty[data-v-cc281ed8] {
+.canvas-drop-zone--empty[data-v-4336edcf] {
   height: 100%;
   min-height: 200px;
 }
 
 /* Full height variant - takes up entire parent container */
-.canvas-drop-zone--full[data-v-cc281ed8] {
+.canvas-drop-zone--full[data-v-4336edcf] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1158,14 +1214,14 @@ to {
   height: auto;
   min-height: 100%;
 }
-.canvas-drop-zone--empty .cdz-bar[data-v-cc281ed8] {
+.canvas-drop-zone--empty .cdz-bar[data-v-4336edcf] {
   inset: 12px;
   justify-content: center;
   border-radius: 12px;
 }
 
 /* ── Empty state styles (when fullHeight is true) ── */
-.cdz-empty-state[data-v-cc281ed8] {
+.cdz-empty-state[data-v-4336edcf] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1177,14 +1233,15 @@ to {
     color-mix(in srgb, var(--md-row-selection) 4%, var(--md-surface)) 0%,
     color-mix(in srgb, var(--md-row-selection) 8%, var(--md-surface)) 100%
   );
-  border: 2px dashed color-mix(in srgb, var(--md-row-selection) 22%, var(--md-surface));
+  border: 2px dashed
+    color-mix(in srgb, var(--md-row-selection) 22%, var(--md-surface));
   border-radius: 6px;
   transition: all 0.2s ease;
 }
-.canvas-drop-zone--full .cdz-empty-state[data-v-cc281ed8] {
-  animation: fade-in-cc281ed8 0.3s ease;
+.canvas-drop-zone--full .cdz-empty-state[data-v-4336edcf] {
+  animation: fade-in-4336edcf 0.3s ease;
 }
-@keyframes fade-in-cc281ed8 {
+@keyframes fade-in-4336edcf {
 from {
     opacity: 0;
     transform: scale(0.98);
@@ -1194,25 +1251,25 @@ to {
     transform: scale(1);
 }
 }
-.cdz-empty-content[data-v-cc281ed8] {
+.cdz-empty-content[data-v-4336edcf] {
   text-align: center;
   padding: 2rem;
 }
-.cdz-empty-icon[data-v-cc281ed8] {
+.cdz-empty-icon[data-v-4336edcf] {
   width: 48px;
   height: 48px;
   margin: 0 auto 12px;
   color: var(--md-text-subtle);
   stroke-width: 1.5;
 }
-.cdz-empty-title[data-v-cc281ed8] {
+.cdz-empty-title[data-v-4336edcf] {
   font-size: 1.125rem;
   font-weight: 500;
   color: var(--md-selection-fg);
   margin-bottom: 8px;
   letter-spacing: -0.01em;
 }
-.cdz-empty-subtitle[data-v-cc281ed8] {
+.cdz-empty-subtitle[data-v-4336edcf] {
   font-size: 0.875rem;
   color: var(--md-text-subtle);
   line-height: 1.4;
@@ -1234,7 +1291,7 @@ to {
  * height covers the hit area naturally, so bleed here is not needed for the
  * "snap into a big target" UX — that comes from the zone's own expanded size.
  */
-.cdz-hit-area[data-v-cc281ed8] {
+.cdz-hit-area[data-v-4336edcf] {
   position: absolute;
   left: 0;
   right: 0;
@@ -1244,19 +1301,19 @@ to {
   /* Only catchable during a layout drag; invisible + inert otherwise */
   pointer-events: none;
 }
-.canvas-drop-zone--receptive .cdz-hit-area[data-v-cc281ed8] {
+.canvas-drop-zone--receptive .cdz-hit-area[data-v-4336edcf] {
   pointer-events: all;
 }
 
 /* Hide empty state when dragging */
-.canvas-drop-zone--full.canvas-drop-zone--receptive .cdz-empty-state[data-v-cc281ed8],
-.canvas-drop-zone--full.canvas-drop-zone--active .cdz-empty-state[data-v-cc281ed8] {
+.canvas-drop-zone--full.canvas-drop-zone--receptive .cdz-empty-state[data-v-4336edcf],
+.canvas-drop-zone--full.canvas-drop-zone--active .cdz-empty-state[data-v-4336edcf] {
   opacity: 0.5;
   background: color-mix(in srgb, var(--md-row-selection) 4%, transparent);
 }
 
 /* ── Ghost line (receptive but not hovered) ─────────────────── */
-.cdz-ghost-line[data-v-cc281ed8] {
+.cdz-ghost-line[data-v-4336edcf] {
   position: absolute;
   left: 0;
   right: 0;
@@ -1272,17 +1329,20 @@ to {
   );
   border-radius: 2px;
   pointer-events: none;
-  animation: ghost-pulse-cc281ed8 2s ease-in-out infinite;
+  animation: ghost-pulse-4336edcf 2s ease-in-out infinite;
 }
-@keyframes ghost-pulse-cc281ed8 {
-0%, 100% { opacity: 0.5;
+@keyframes ghost-pulse-4336edcf {
+0%,
+  100% {
+    opacity: 0.5;
 }
-50%       { opacity: 1;
+50% {
+    opacity: 1;
 }
 }
 
 /* ── Active bar ─────────────────────────────────────────────── */
-.cdz-bar[data-v-cc281ed8] {
+.cdz-bar[data-v-4336edcf] {
   position: absolute;
   inset: 4px 0;
   display: flex;
@@ -1291,10 +1351,11 @@ to {
   padding: 0 20px;
   background: color-mix(in srgb, var(--md-row-selection) 6%, transparent);
   border-radius: 8px;
-  border: 1.5px dashed color-mix(in srgb, var(--md-row-selection) 35%, transparent);
+  border: 1.5px dashed
+    color-mix(in srgb, var(--md-row-selection) 35%, transparent);
   pointer-events: none; /* let drag events fall through to the parent drop zone */
 }
-.cdz-line[data-v-cc281ed8] {
+.cdz-line[data-v-4336edcf] {
   flex: 1;
   height: 2px;
   background: linear-gradient(
@@ -1306,16 +1367,20 @@ to {
     transparent
   );
   border-radius: 2px;
-  animation: line-expand-cc281ed8 0.2s ease forwards;
+  animation: line-expand-4336edcf 0.2s ease forwards;
   transform-origin: center;
 }
-@keyframes line-expand-cc281ed8 {
-from { transform: scaleX(0); opacity: 0;
+@keyframes line-expand-4336edcf {
+from {
+    transform: scaleX(0);
+    opacity: 0;
 }
-to   { transform: scaleX(1); opacity: 1;
+to {
+    transform: scaleX(1);
+    opacity: 1;
 }
 }
-.cdz-pill[data-v-cc281ed8] {
+.cdz-pill[data-v-4336edcf] {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -1326,58 +1391,75 @@ to   { transform: scaleX(1); opacity: 1;
   white-space: nowrap;
   padding: 5px 14px;
   background: color-mix(in srgb, var(--md-row-selection) 8%, transparent);
-  border: 1.5px solid color-mix(in srgb, var(--md-row-selection) 35%, transparent);
+  border: 1.5px solid
+    color-mix(in srgb, var(--md-row-selection) 35%, transparent);
   border-radius: 100px;
-  box-shadow: 0 2px 8px color-mix(in srgb, var(--md-row-selection) 15%, transparent);
-  animation: pill-pop-cc281ed8 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+  box-shadow: 0 2px 8px
+    color-mix(in srgb, var(--md-row-selection) 15%, transparent);
+  animation: pill-pop-4336edcf 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 }
-@keyframes pill-pop-cc281ed8 {
-from { transform: scale(0.75); opacity: 0;
+@keyframes pill-pop-4336edcf {
+from {
+    transform: scale(0.75);
+    opacity: 0;
 }
-to   { transform: scale(1);    opacity: 1;
+to {
+    transform: scale(1);
+    opacity: 1;
 }
 }
-.cdz-icon[data-v-cc281ed8] {
+.cdz-icon[data-v-4336edcf] {
   width: 13px;
   height: 13px;
   flex-shrink: 0;
 }
 
 /* ── Transition ─────────────────────────────────────────────── */
-.cdz-bar-enter-active[data-v-cc281ed8] { animation: cdz-in-cc281ed8 0.15s ease forwards;
+.cdz-bar-enter-active[data-v-4336edcf] {
+  animation: cdz-in-4336edcf 0.15s ease forwards;
 }
-.cdz-bar-leave-active[data-v-cc281ed8] { transition: opacity 0.1s ease;
+.cdz-bar-leave-active[data-v-4336edcf] {
+  transition: opacity 0.1s ease;
 }
-.cdz-bar-leave-to[data-v-cc281ed8]     { opacity: 0;
+.cdz-bar-leave-to[data-v-4336edcf] {
+  opacity: 0;
 }
-@keyframes cdz-in-cc281ed8 {
-from { opacity: 0; transform: scaleY(0.6);
+@keyframes cdz-in-4336edcf {
+from {
+    opacity: 0;
+    transform: scaleY(0.6);
 }
-to   { opacity: 1; transform: scaleY(1);
+to {
+    opacity: 1;
+    transform: scaleY(1);
 }
 }
 
-.drop-line-enter-active[data-v-8ae7a24f] {
-  transition: opacity 80ms ease, transform 80ms ease;
+.drop-line-enter-active[data-v-64196026] {
+  transition:
+    opacity 80ms ease,
+    transform 80ms ease;
 }
-.drop-line-leave-active[data-v-8ae7a24f] {
-  transition: opacity 60ms ease, transform 60ms ease;
+.drop-line-leave-active[data-v-64196026] {
+  transition:
+    opacity 60ms ease,
+    transform 60ms ease;
 }
-.drop-line-enter-from[data-v-8ae7a24f],
-.drop-line-leave-to[data-v-8ae7a24f] {
+.drop-line-enter-from[data-v-64196026],
+.drop-line-leave-to[data-v-64196026] {
   opacity: 0;
   transform: scaleX(0.6);
   transform-origin: left center;
 }
 
-.slide-enter-active[data-v-ce5a848e],
-.slide-leave-active[data-v-ce5a848e] {
+.slide-enter-active[data-v-f59051f0],
+.slide-leave-active[data-v-f59051f0] {
   transition: all 0.2s ease;
   max-height: 500px;
   overflow: hidden;
 }
-.slide-enter-from[data-v-ce5a848e],
-.slide-leave-to[data-v-ce5a848e] {
+.slide-enter-from[data-v-f59051f0],
+.slide-leave-to[data-v-f59051f0] {
   opacity: 0;
   max-height: 0;
   transform: translateY(-10px);
@@ -1386,7 +1468,7 @@ to   { opacity: 1; transform: scaleY(1);
 /* ============================================================
    md-dropdown – suggestion list
    ============================================================ */
-.md-dropdown[data-v-3cd230e0] {
+.md-dropdown[data-v-594adf85] {
   position: absolute;
   top: 100%;
   left: 0;
@@ -1400,16 +1482,16 @@ to   { opacity: 1; transform: scaleY(1);
   max-height: 12rem;
   overflow-y: auto;
 }
-.md-dropdown-item[data-v-3cd230e0] {
+.md-dropdown-item[data-v-594adf85] {
   padding: 0.5rem 0.75rem;
   cursor: pointer;
   color: var(--md-text);
   transition: background 0.1s;
 }
-.md-dropdown-item[data-v-3cd230e0]:hover {
+.md-dropdown-item[data-v-594adf85]:hover {
   background: var(--md-surface-hover);
 }
-.md-dropdown-item--active[data-v-3cd230e0] {
+.md-dropdown-item--active[data-v-594adf85] {
   background: var(--md-primary);
   color: var(--md-on-primary);
 }
@@ -1417,18 +1499,18 @@ to   { opacity: 1; transform: scaleY(1);
 /* ============================================================
    md-tag – selected tag pills
    ============================================================ */
-.md-tag[data-v-3cd230e0] {
+.md-tag[data-v-594adf85] {
   display: inline-flex;
   align-items: center;
-  padding: 0.125rem 0.75rem; 
+  padding: 0.125rem 0.75rem;
   border-radius: 9999px;
-  font-size: 0.875rem; 
+  font-size: 0.875rem;
   font-weight: 500;
   background: var(--md-primary);
   color: var(--md-on-primary);
   line-height: 1.5;
 }
-.md-tag-remove[data-v-3cd230e0] {
+.md-tag-remove[data-v-594adf85] {
   margin-left: 0.5rem;
   display: inline-flex;
   align-items: center;
@@ -1445,11 +1527,11 @@ to   { opacity: 1; transform: scaleY(1);
     color 0.15s;
   padding: 0;
 }
-.md-tag-remove[data-v-3cd230e0]:hover {
+.md-tag-remove[data-v-594adf85]:hover {
   background: color-mix(in srgb, var(--md-on-primary) 20%, transparent);
   color: var(--md-on-primary);
 }
-.md-tag-remove svg[data-v-3cd230e0] {
+.md-tag-remove svg[data-v-594adf85] {
   width: 100%;
   height: 100%;
 }
@@ -1457,207 +1539,297 @@ to   { opacity: 1; transform: scaleY(1);
 /* ============================================================
    Scrollbar styling for dropdown (optional, keeps it clean)
    ============================================================ */
-.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar {
+.md-dropdown[data-v-594adf85]::-webkit-scrollbar {
   width: 4px;
 }
-.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-track {
+.md-dropdown[data-v-594adf85]::-webkit-scrollbar-track {
   background: transparent;
 }
-.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb {
+.md-dropdown[data-v-594adf85]::-webkit-scrollbar-thumb {
   background: var(--md-border);
   border-radius: 8px;
 }
-.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb:hover {
+.md-dropdown[data-v-594adf85]::-webkit-scrollbar-thumb:hover {
   background: var(--md-text-subtle);
 }
 
-.overflow-x-auto[data-v-22183f86] {
+.overflow-x-auto[data-v-c0831ad7] {
   max-width: 100%;
   -webkit-overflow-scrolling: touch;
 }
-.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar {
+.overflow-x-auto[data-v-c0831ad7]::-webkit-scrollbar {
   height: 6px;
 }
-.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-track {
+.overflow-x-auto[data-v-c0831ad7]::-webkit-scrollbar-track {
   background: var(--md-surface-muted);
   border-radius: 4px;
 }
-.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb {
+.overflow-x-auto[data-v-c0831ad7]::-webkit-scrollbar-thumb {
   background: var(--md-border-strong);
   border-radius: 4px;
 }
-.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb:hover {
+.overflow-x-auto[data-v-c0831ad7]::-webkit-scrollbar-thumb:hover {
   background: var(--md-text-subtle);
 }
 
-.overflow-x-auto[data-v-f8677731] {
+.overflow-x-auto[data-v-9a9be6d5] {
   max-width: 100%;
   -webkit-overflow-scrolling: touch;
 }
-.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar {
+.overflow-x-auto[data-v-9a9be6d5]::-webkit-scrollbar {
   height: 6px;
 }
-.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-track {
+.overflow-x-auto[data-v-9a9be6d5]::-webkit-scrollbar-track {
   background: var(--md-surface-muted);
   border-radius: 4px;
 }
-.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb {
+.overflow-x-auto[data-v-9a9be6d5]::-webkit-scrollbar-thumb {
   background: var(--md-border-strong);
   border-radius: 4px;
 }
-.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb:hover {
+.overflow-x-auto[data-v-9a9be6d5]::-webkit-scrollbar-thumb:hover {
   background: var(--md-text-subtle);
 }
 
-.panel-slide-enter-active[data-v-3185c8c2],
-.panel-slide-leave-active[data-v-3185c8c2] {
+.panel-slide-enter-active[data-v-2d4ec1d1],
+.panel-slide-leave-active[data-v-2d4ec1d1] {
   transition:
     opacity 0.18s ease,
     transform 0.18s ease;
 }
-.panel-slide-enter-from[data-v-3185c8c2],
-.panel-slide-leave-to[data-v-3185c8c2] {
+.panel-slide-enter-from[data-v-2d4ec1d1],
+.panel-slide-leave-to[data-v-2d4ec1d1] {
   opacity: 0;
   transform: translateX(-10px);
 }
 
 /* Filter pill fade */
-.fade-enter-active[data-v-3185c8c2],
-.fade-leave-active[data-v-3185c8c2] {
+.fade-enter-active[data-v-2d4ec1d1],
+.fade-leave-active[data-v-2d4ec1d1] {
   transition:
     opacity 0.15s ease,
     transform 0.15s ease;
 }
-.fade-enter-from[data-v-3185c8c2],
-.fade-leave-to[data-v-3185c8c2] {
+.fade-enter-from[data-v-2d4ec1d1],
+.fade-leave-to[data-v-2d4ec1d1] {
   opacity: 0;
   transform: translateY(-4px);
 }
 
 /* Smooth row list reorder/filter transitions */
-.row-list-enter-active[data-v-3185c8c2],
-.row-list-leave-active[data-v-3185c8c2] {
+.row-list-enter-active[data-v-2d4ec1d1],
+.row-list-leave-active[data-v-2d4ec1d1] {
   transition:
     opacity 0.2s ease,
     transform 0.2s ease;
 }
-.row-list-enter-from[data-v-3185c8c2],
-.row-list-leave-to[data-v-3185c8c2] {
+.row-list-enter-from[data-v-2d4ec1d1],
+.row-list-leave-to[data-v-2d4ec1d1] {
   opacity: 0;
   transform: translateY(6px);
 }
-.row-list-move[data-v-3185c8c2] {
+.row-list-move[data-v-2d4ec1d1] {
   transition: transform 0.2s ease;
 }
 
 /* Scrollbar — thin, unobtrusive */
-.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar {
+.overflow-y-auto[data-v-2d4ec1d1]::-webkit-scrollbar {
   width: 6px;
 }
-.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-track {
+.overflow-y-auto[data-v-2d4ec1d1]::-webkit-scrollbar-track {
   background: transparent;
 }
-.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb {
+.overflow-y-auto[data-v-2d4ec1d1]::-webkit-scrollbar-thumb {
   background: var(--md-border-strong);
   border-radius: 9999px;
 }
-.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto[data-v-2d4ec1d1]::-webkit-scrollbar-thumb:hover {
   background: var(--md-text-subtle);
 }
 
-.panel-slide-enter-active[data-v-3ec392a9],
-.panel-slide-leave-active[data-v-3ec392a9] {
+.panel-slide-enter-active[data-v-14ec1c1c],
+.panel-slide-leave-active[data-v-14ec1c1c] {
   transition:
     opacity 0.18s ease,
     transform 0.18s ease;
 }
-.panel-slide-enter-from[data-v-3ec392a9],
-.panel-slide-leave-to[data-v-3ec392a9] {
+.panel-slide-enter-from[data-v-14ec1c1c],
+.panel-slide-leave-to[data-v-14ec1c1c] {
   opacity: 0;
   transform: translateX(-10px);
 }
-.row-list-enter-active[data-v-3ec392a9],
-.row-list-leave-active[data-v-3ec392a9] {
+.row-list-enter-active[data-v-14ec1c1c],
+.row-list-leave-active[data-v-14ec1c1c] {
   transition:
     opacity 0.2s ease,
     transform 0.2s ease;
 }
-.row-list-enter-from[data-v-3ec392a9],
-.row-list-leave-to[data-v-3ec392a9] {
+.row-list-enter-from[data-v-14ec1c1c],
+.row-list-leave-to[data-v-14ec1c1c] {
   opacity: 0;
   transform: translateY(6px);
 }
-.row-list-move[data-v-3ec392a9] {
+.row-list-move[data-v-14ec1c1c] {
   transition: transform 0.2s ease;
 }
 
 /* Scrollbar — thin, unobtrusive. Matches SavedRowsPanel. */
-.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar { width: 6px;
+.overflow-y-auto[data-v-14ec1c1c]::-webkit-scrollbar {
+  width: 6px;
 }
-.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-track { background: transparent;
+.overflow-y-auto[data-v-14ec1c1c]::-webkit-scrollbar-track {
+  background: transparent;
 }
-.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb { background: var(--md-border-strong); border-radius: 9999px;
+.overflow-y-auto[data-v-14ec1c1c]::-webkit-scrollbar-thumb {
+  background: var(--md-border-strong);
+  border-radius: 9999px;
 }
-.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb:hover { background: var(--md-text-subtle);
+.overflow-y-auto[data-v-14ec1c1c]::-webkit-scrollbar-thumb:hover {
+  background: var(--md-text-subtle);
 }
 
-.md-toast__region[data-v-7583ad77] {
-  position: fixed;
-  top: 1rem;
-  right: 1rem;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+.panel-slide-enter-active[data-v-8e303508],
+.panel-slide-leave-active[data-v-8e303508] {
+  transition:
+    opacity 0.18s ease,
+    transform 0.18s ease;
+}
+.panel-slide-enter-from[data-v-8e303508],
+.panel-slide-leave-to[data-v-8e303508] {
+  opacity: 0;
+  transform: translateX(-10px);
+}
+.row-list-enter-active[data-v-8e303508],
+.row-list-leave-active[data-v-8e303508] {
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
+}
+.row-list-enter-from[data-v-8e303508],
+.row-list-leave-to[data-v-8e303508] {
+  opacity: 0;
+  transform: translateY(6px);
+}
+.row-list-move[data-v-8e303508] {
+  transition: transform 0.2s ease;
+}
+
+/* Scrollbar — thin, unobtrusive. Matches SavedTemplatesPanel. */
+.overflow-y-auto[data-v-8e303508]::-webkit-scrollbar {
+  width: 6px;
+}
+.overflow-y-auto[data-v-8e303508]::-webkit-scrollbar-track {
+  background: transparent;
+}
+.overflow-y-auto[data-v-8e303508]::-webkit-scrollbar-thumb {
+  background: var(--md-border-strong);
+  border-radius: 9999px;
+}
+.overflow-y-auto[data-v-8e303508]::-webkit-scrollbar-thumb:hover {
+  background: var(--md-text-subtle);
+}
+
+.md-toast__region[data-v-554d8b1c] {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
   pointer-events: none;
 }
-.md-toast[data-v-7583ad77] {
-  pointer-events: auto;
-  display: flex;
-  align-items: flex-start;
-  gap: 0.625rem;
-  min-width: 280px;
-  max-width: 380px;
-  padding: 0.75rem 0.875rem;
-  font-size: 13px;
-  border: 1px solid;
-  border-radius: 0.75rem;
+.md-toast[data-v-554d8b1c] {
+  pointer-events: auto;
+  display: flex;
+  align-items: flex-start;
+  gap: 0.625rem;
+  min-width: 280px;
+  max-width: 380px;
+  padding: 0.75rem 0.875rem;
+  font-size: 13px;
+  border: 1px solid;
+  border-radius: 0.75rem;
   box-shadow: 0 8px 30px rgb(0 0 0 / 0.12);
 }
-.md-toast__icon[data-v-7583ad77] { font-size: 15px; flex-shrink: 0; margin-top: 0.0625rem;
-}
-.md-toast__body[data-v-7583ad77] { flex: 1; min-width: 0;
+.md-toast__icon[data-v-554d8b1c] {
+  font-size: 15px;
+  flex-shrink: 0;
+  margin-top: 0.0625rem;
 }
-.md-toast__summary[data-v-7583ad77] { font-weight: 500;
+.md-toast__body[data-v-554d8b1c] {
+  flex: 1;
+  min-width: 0;
 }
-.md-toast__detail[data-v-7583ad77] { font-size: 12px; opacity: 0.8; margin-top: 0.125rem;
+.md-toast__summary[data-v-554d8b1c] {
+  font-weight: 500;
 }
-.md-toast__close[data-v-7583ad77] { flex-shrink: 0; opacity: 0.5; background: none; border: 0; cursor: pointer; color: inherit;
+.md-toast__detail[data-v-554d8b1c] {
+  font-size: 12px;
+  opacity: 0.8;
+  margin-top: 0.125rem;
 }
-.md-toast__close[data-v-7583ad77]:hover { opacity: 1;
+.md-toast__close[data-v-554d8b1c] {
+  flex-shrink: 0;
+  opacity: 0.5;
+  background: none;
+  border: 0;
+  cursor: pointer;
+  color: inherit;
 }
-.md-toast--success[data-v-7583ad77] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);
+.md-toast__close[data-v-554d8b1c]:hover {
+  opacity: 1;
 }
-.md-toast--info[data-v-7583ad77] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);
+.md-toast--success[data-v-554d8b1c] {
+  background: var(--md-success-bg);
+  border-color: var(--md-success-border);
+  color: var(--md-success-fg);
 }
-.md-toast--warn[data-v-7583ad77] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);
+.md-toast--info[data-v-554d8b1c] {
+  background: var(--md-info-bg);
+  border-color: var(--md-info-border);
+  color: var(--md-info-fg);
 }
-.md-toast--error[data-v-7583ad77] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);
+.md-toast--warn[data-v-554d8b1c] {
+  background: var(--md-surface);
+  border-color: var(--md-warning-border);
+  color: var(--md-warning-fg);
 }
-.md-toast-enter-active[data-v-7583ad77], .md-toast-leave-active[data-v-7583ad77] { transition: all 0.2s ease;
+.md-toast--error[data-v-554d8b1c] {
+  background: var(--md-danger-bg);
+  border-color: var(--md-danger-border);
+  color: var(--md-danger-fg);
 }
-.md-toast-enter-from[data-v-7583ad77], .md-toast-leave-to[data-v-7583ad77] { opacity: 0; transform: translateX(20px);
+.md-toast-enter-active[data-v-554d8b1c],
+.md-toast-leave-active[data-v-554d8b1c] {
+  transition: all 0.2s ease;
 }
+.md-toast-enter-from[data-v-554d8b1c],
+.md-toast-leave-to[data-v-554d8b1c] {
+  opacity: 0;
+  transform: translateX(20px);
+}
 
-.md-confirm__body[data-v-43b7e283] { display: flex; align-items: flex-start; gap: 0.75rem;
-}
-.md-confirm__icon[data-v-43b7e283] { font-size: 22px; color: var(--md-warning); flex-shrink: 0; margin-top: 0.125rem;
+.md-confirm__body[data-v-50e7ddf7] {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
 }
-.md-confirm__message[data-v-43b7e283] { margin: 0; font-size: 14px; line-height: 1.5; color: var(--md-text);
+.md-confirm__icon[data-v-50e7ddf7] {
+  font-size: 22px;
+  color: var(--md-warning);
+  flex-shrink: 0;
+  margin-top: 0.125rem;
 }
+.md-confirm__message[data-v-50e7ddf7] {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--md-text);
+}
 
 /* ── Orb ──────────────────────────────────────────────────────────────────── */
-.health-orb[data-v-0521087e] {
+.health-orb[data-v-c8efa0e7] {
   position: relative;
   display: flex;
   align-items: center;
@@ -1672,74 +1844,88 @@ to   { opacity: 1; transform: scaleY(1);
   outline: none;
   flex-shrink: 0;
 }
-.health-orb:focus-visible .orb-core[data-v-0521087e] {
+.health-orb:focus-visible .orb-core[data-v-c8efa0e7] {
   box-shadow: 0 0 0 3px rgba(66, 56, 158, 0.4);
 }
 
 /* Pulse rings */
-.orb-ring[data-v-0521087e] {
+.orb-ring[data-v-c8efa0e7] {
   position: absolute;
   border-radius: 50%;
-  animation: orb-pulse-0521087e 2.4s ease-out infinite;
+  animation: orb-pulse-c8efa0e7 2.4s ease-out infinite;
 }
-.orb-ring--outer[data-v-0521087e] {
+.orb-ring--outer[data-v-c8efa0e7] {
   width: 22px;
   height: 22px;
   animation-delay: 0s;
 }
-.orb-ring--inner[data-v-0521087e] {
+.orb-ring--inner[data-v-c8efa0e7] {
   width: 16px;
   height: 16px;
   animation-delay: 0.6s;
 }
 
 /* Core */
-.orb-core[data-v-0521087e] {
+.orb-core[data-v-c8efa0e7] {
   position: relative;
   width: 10px;
   height: 10px;
   border-radius: 50%;
-  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  transition:
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
   z-index: 1;
 }
-.health-orb:hover .orb-core[data-v-0521087e],
-.health-orb--active .orb-core[data-v-0521087e] {
+.health-orb:hover .orb-core[data-v-c8efa0e7],
+.health-orb--active .orb-core[data-v-c8efa0e7] {
   transform: scale(1.15);
 }
 
 /* ── Status colours with brand accent ───────────────────────────────────────── */
-.health-orb--good .orb-ring[data-v-0521087e] {
+.health-orb--good .orb-ring[data-v-c8efa0e7] {
   background: rgba(34, 197, 94, 0.25);
 }
-.health-orb--good .orb-core[data-v-0521087e] {
+.health-orb--good .orb-core[data-v-c8efa0e7] {
   background: #22c55e;
-  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2), 0 0 8px rgba(34, 197, 94, 0.4);
+  box-shadow:
+    0 0 0 2px rgba(34, 197, 94, 0.2),
+    0 0 8px rgba(34, 197, 94, 0.4);
 }
-.health-orb--warn .orb-ring[data-v-0521087e] {
+.health-orb--warn .orb-ring[data-v-c8efa0e7] {
   background: rgba(245, 158, 11, 0.28);
 }
-.health-orb--warn .orb-core[data-v-0521087e] {
+.health-orb--warn .orb-core[data-v-c8efa0e7] {
   background: #f59e0b;
-  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2), 0 0 8px rgba(245, 158, 11, 0.4);
+  box-shadow:
+    0 0 0 2px rgba(245, 158, 11, 0.2),
+    0 0 8px rgba(245, 158, 11, 0.4);
 }
-.health-orb--bad .orb-ring[data-v-0521087e] {
+.health-orb--bad .orb-ring[data-v-c8efa0e7] {
   background: rgba(239, 68, 68, 0.28);
 }
-.health-orb--bad .orb-core[data-v-0521087e] {
+.health-orb--bad .orb-core[data-v-c8efa0e7] {
   background: #ef4444;
-  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2), 0 0 8px rgba(239, 68, 68, 0.4);
+  box-shadow:
+    0 0 0 2px rgba(239, 68, 68, 0.2),
+    0 0 8px rgba(239, 68, 68, 0.4);
 }
-@keyframes orb-pulse-0521087e {
-0%   { transform: scale(0.6); opacity: 0.7;
+@keyframes orb-pulse-c8efa0e7 {
+0% {
+    transform: scale(0.6);
+    opacity: 0.7;
 }
-60%  { transform: scale(1.6); opacity: 0;
+60% {
+    transform: scale(1.6);
+    opacity: 0;
 }
-100% { transform: scale(1.6); opacity: 0;
+100% {
+    transform: scale(1.6);
+    opacity: 0;
 }
 }
 
 /* ── Panel ────────────────────────────────────────────────────────────────── */
-.health-panel[data-v-0521087e] {
+.health-panel[data-v-c8efa0e7] {
   position: absolute;
   top: calc(100% + 10px);
   left: 50%;
@@ -1749,7 +1935,9 @@ to   { opacity: 1; transform: scaleY(1);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 14px;
   padding: 12px;
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
+  box-shadow:
+    0 20px 60px rgba(0, 0, 0, 0.5),
+    0 4px 12px rgba(0, 0, 0, 0.3);
   z-index: 9999;
   display: flex;
   flex-direction: column;
@@ -1757,48 +1945,48 @@ to   { opacity: 1; transform: scaleY(1);
   /* Smooth horizontal expansion */
   transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.health-panel--expanded[data-v-0521087e] {
+.health-panel--expanded[data-v-c8efa0e7] {
   width: 400px;
 }
 
 /* When expanded, stat grid uses 3 cols instead of 2 */
-.health-panel--expanded .detail-stats[data-v-0521087e] {
+.health-panel--expanded .detail-stats[data-v-c8efa0e7] {
   grid-template-columns: repeat(3, 1fr);
 }
 
 /* When expanded, accessibility list gets more vertical room */
-.health-panel--expanded .a11y-list[data-v-0521087e] {
+.health-panel--expanded .a11y-list[data-v-c8efa0e7] {
   max-height: 320px;
 }
 
 /* When expanded, format rows go side-by-side */
-.health-panel--expanded .format-note[data-v-0521087e] {
+.health-panel--expanded .format-note[data-v-c8efa0e7] {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 6px;
 }
-.health-panel--expanded .format-row[data-v-0521087e] {
+.health-panel--expanded .format-row[data-v-c8efa0e7] {
   flex-direction: column;
   align-items: flex-start;
   gap: 4px;
 }
 
 /* ── Panel header with brand color ─────────────────────────────────────────── */
-.panel-header[data-v-0521087e] {
+.panel-header[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 2px 4px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 }
-.panel-header-right[data-v-0521087e] {
+.panel-header-right[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   gap: 6px;
 }
 
 /* Expand toggle button */
-.panel-expand-btn[data-v-0521087e] {
+.panel-expand-btn[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1809,102 +1997,119 @@ to   { opacity: 1; transform: scaleY(1);
   background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.35);
   cursor: pointer;
-  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease,
+    border-color 0.15s ease;
   flex-shrink: 0;
   padding: 0;
 }
-.panel-expand-btn[data-v-0521087e]:hover {
+.panel-expand-btn[data-v-c8efa0e7]:hover {
   background: rgba(66, 56, 158, 0.18);
   border-color: rgba(66, 56, 158, 0.4);
   color: #a5b4fc;
 }
-.panel-expand-btn[data-v-0521087e]:focus-visible {
+.panel-expand-btn[data-v-c8efa0e7]:focus-visible {
   outline: 2px solid rgba(66, 56, 158, 0.5);
   outline-offset: 1px;
 }
-.panel-expand-btn--active[data-v-0521087e] {
+.panel-expand-btn--active[data-v-c8efa0e7] {
   background: rgba(66, 56, 158, 0.2);
   border-color: rgba(66, 56, 158, 0.45);
   color: #a5b4fc;
 }
-.panel-title[data-v-0521087e] {
+.panel-title[data-v-c8efa0e7] {
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: #a5b4fc;
 }
-.panel-status-badge[data-v-0521087e] {
+.panel-status-badge[data-v-c8efa0e7] {
   font-size: 10px;
   font-weight: 600;
   padding: 2px 8px;
   border-radius: 99px;
 }
-.status-badge--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.15); color: #4ade80;
+.status-badge--good[data-v-c8efa0e7] {
+  background: rgba(34, 197, 94, 0.15);
+  color: #4ade80;
 }
-.status-badge--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.15); color: #fbbf24;
+.status-badge--warn[data-v-c8efa0e7] {
+  background: rgba(245, 158, 11, 0.15);
+  color: #fbbf24;
 }
-.status-badge--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.15);  color: #f87171;
+.status-badge--bad[data-v-c8efa0e7] {
+  background: rgba(239, 68, 68, 0.15);
+  color: #f87171;
 }
 
 /* ── Metric cards ─────────────────────────────────────────────────────────── */
-.metric-card[data-v-0521087e] {
+.metric-card[data-v-c8efa0e7] {
   border-radius: 10px;
   border: 1px solid rgba(255, 255, 255, 0.06);
   background: rgba(255, 255, 255, 0.04);
   cursor: pointer;
-  transition: background 0.15s ease, border-color 0.15s ease;
+  transition:
+    background 0.15s ease,
+    border-color 0.15s ease;
   overflow: hidden;
   user-select: none;
 }
-.metric-card[data-v-0521087e]:hover {
+.metric-card[data-v-c8efa0e7]:hover {
   background: rgba(66, 56, 158, 0.1);
   border-color: rgba(66, 56, 158, 0.3);
 }
-.metric-card[data-v-0521087e]:focus-visible {
+.metric-card[data-v-c8efa0e7]:focus-visible {
   outline: 2px solid rgba(66, 56, 158, 0.5);
   outline-offset: 2px;
 }
-.metric-card--good[data-v-0521087e] { border-color: rgba(34, 197, 94, 0.15);
+.metric-card--good[data-v-c8efa0e7] {
+  border-color: rgba(34, 197, 94, 0.15);
 }
-.metric-card--warn[data-v-0521087e] { border-color: rgba(245, 158, 11, 0.15);
+.metric-card--warn[data-v-c8efa0e7] {
+  border-color: rgba(245, 158, 11, 0.15);
 }
-.metric-card--bad[data-v-0521087e]  { border-color: rgba(239, 68, 68, 0.2);
+.metric-card--bad[data-v-c8efa0e7] {
+  border-color: rgba(239, 68, 68, 0.2);
 }
-.metric-card--good.metric-card--expanded[data-v-0521087e] { background: rgba(34, 197, 94, 0.05);
+.metric-card--good.metric-card--expanded[data-v-c8efa0e7] {
+  background: rgba(34, 197, 94, 0.05);
 }
-.metric-card--warn.metric-card--expanded[data-v-0521087e] { background: rgba(245, 158, 11, 0.05);
+.metric-card--warn.metric-card--expanded[data-v-c8efa0e7] {
+  background: rgba(245, 158, 11, 0.05);
 }
-.metric-card--bad.metric-card--expanded[data-v-0521087e]  { background: rgba(239, 68, 68, 0.06);
+.metric-card--bad.metric-card--expanded[data-v-c8efa0e7] {
+  background: rgba(239, 68, 68, 0.06);
 }
 
 /* ── Summary row ──────────────────────────────────────────────────────────── */
-.metric-summary[data-v-0521087e] {
+.metric-summary[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 9px 10px;
   gap: 8px;
 }
-.metric-left[data-v-0521087e] {
+.metric-left[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   gap: 7px;
   min-width: 0;
 }
-.metric-icon[data-v-0521087e] {
+.metric-icon[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   opacity: 0.8;
   flex-shrink: 0;
 }
-.metric-label[data-v-0521087e] {
+.metric-label[data-v-c8efa0e7] {
   font-size: 11.5px;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.7);
   white-space: nowrap;
 }
-.metric-right[data-v-0521087e] {
+.metric-right[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1912,95 +2117,117 @@ to   { opacity: 1; transform: scaleY(1);
 }
 
 /* Mini bar */
-.mini-bar[data-v-0521087e] {
+.mini-bar[data-v-c8efa0e7] {
   width: 36px;
   height: 4px;
   border-radius: 99px;
   background: rgba(255, 255, 255, 0.1);
   overflow: hidden;
 }
-.mini-bar-fill[data-v-0521087e] {
+.mini-bar-fill[data-v-c8efa0e7] {
   height: 100%;
   border-radius: 99px;
   transition: width 0.5s ease;
 }
-.mini-bar-fill--good[data-v-0521087e] { background: #22c55e;
+.mini-bar-fill--good[data-v-c8efa0e7] {
+  background: #22c55e;
 }
-.mini-bar-fill--warn[data-v-0521087e] { background: #f59e0b;
+.mini-bar-fill--warn[data-v-c8efa0e7] {
+  background: #f59e0b;
 }
-.mini-bar-fill--bad[data-v-0521087e]  { background: #ef4444;
+.mini-bar-fill--bad[data-v-c8efa0e7] {
+  background: #ef4444;
 }
 
 /* Status dot */
-.status-dot[data-v-0521087e] {
+.status-dot[data-v-c8efa0e7] {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   flex-shrink: 0;
 }
-.status-dot--good[data-v-0521087e] { background: #22c55e;
+.status-dot--good[data-v-c8efa0e7] {
+  background: #22c55e;
 }
-.status-dot--warn[data-v-0521087e] { background: #f59e0b;
+.status-dot--warn[data-v-c8efa0e7] {
+  background: #f59e0b;
 }
-.status-dot--bad[data-v-0521087e]  { background: #ef4444;
+.status-dot--bad[data-v-c8efa0e7] {
+  background: #ef4444;
 }
 
 /* Pulsing dot for bad status */
-.pulse-dot[data-v-0521087e] {
+.pulse-dot[data-v-c8efa0e7] {
   position: relative;
   width: 6px;
   height: 6px;
   flex-shrink: 0;
 }
-.pulse-dot[data-v-0521087e]::before,
-.pulse-dot[data-v-0521087e]::after {
-  content: '';
+.pulse-dot[data-v-c8efa0e7]::before,
+.pulse-dot[data-v-c8efa0e7]::after {
+  content: "";
   position: absolute;
   inset: 0;
   border-radius: 50%;
 }
-.pulse-dot--bad[data-v-0521087e]::before  { background: #ef4444; z-index: 1;
+.pulse-dot--bad[data-v-c8efa0e7]::before {
+  background: #ef4444;
+  z-index: 1;
 }
-.pulse-dot--bad[data-v-0521087e]::after   { background: #ef4444; animation: dot-ping-0521087e 1.5s ease-out infinite;
+.pulse-dot--bad[data-v-c8efa0e7]::after {
+  background: #ef4444;
+  animation: dot-ping-c8efa0e7 1.5s ease-out infinite;
 }
-@keyframes dot-ping-0521087e {
-0%   { transform: scale(1); opacity: 0.75;
+@keyframes dot-ping-c8efa0e7 {
+0% {
+    transform: scale(1);
+    opacity: 0.75;
 }
-100% { transform: scale(2.5); opacity: 0;
+100% {
+    transform: scale(2.5);
+    opacity: 0;
 }
 }
-.metric-value[data-v-0521087e] {
+.metric-value[data-v-c8efa0e7] {
   font-size: 11.5px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
 }
-.metric-value--good[data-v-0521087e] { color: #4ade80;
+.metric-value--good[data-v-c8efa0e7] {
+  color: #4ade80;
 }
-.metric-value--warn[data-v-0521087e] { color: #fbbf24;
+.metric-value--warn[data-v-c8efa0e7] {
+  color: #fbbf24;
 }
-.metric-value--bad[data-v-0521087e]  { color: #f87171;
+.metric-value--bad[data-v-c8efa0e7] {
+  color: #f87171;
 }
 
 /* Chevron */
-.chevron[data-v-0521087e] {
+.chevron[data-v-c8efa0e7] {
   color: rgba(255, 255, 255, 0.3);
-  transition: transform 0.2s ease, color 0.15s ease;
+  transition:
+    transform 0.2s ease,
+    color 0.15s ease;
   flex-shrink: 0;
 }
-.chevron--open[data-v-0521087e] { transform: rotate(180deg); color: rgba(255, 255, 255, 0.6);
+.chevron--open[data-v-c8efa0e7] {
+  transform: rotate(180deg);
+  color: rgba(255, 255, 255, 0.6);
 }
-.metric-card:hover .chevron[data-v-0521087e] { color: rgba(255, 255, 255, 0.5);
+.metric-card:hover .chevron[data-v-c8efa0e7] {
+  color: rgba(255, 255, 255, 0.5);
 }
 
 /* ── Expanded detail ──────────────────────────────────────────────────────── */
-.metric-detail[data-v-0521087e] {
+.metric-detail[data-v-c8efa0e7] {
   padding: 0 10px 10px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   border-top: 1px solid rgba(255, 255, 255, 0.05);
 }
-.detail-tip[data-v-0521087e] {
+.detail-tip[data-v-c8efa0e7] {
   font-size: 11px;
   line-height: 1.55;
   color: rgba(255, 255, 255, 0.55);
@@ -2008,23 +2235,23 @@ to   { opacity: 1; transform: scaleY(1);
 }
 
 /* Stats grid */
-.detail-stats[data-v-0521087e] {
+.detail-stats[data-v-c8efa0e7] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 4px 12px;
 }
-.stat-item[data-v-0521087e] {
+.stat-item[data-v-c8efa0e7] {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   gap: 6px;
 }
-.stat-label[data-v-0521087e] {
+.stat-label[data-v-c8efa0e7] {
   font-size: 10.5px;
   color: rgba(255, 255, 255, 0.35);
   white-space: nowrap;
 }
-.stat-value[data-v-0521087e] {
+.stat-value[data-v-c8efa0e7] {
   font-size: 11px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.75);
@@ -2032,28 +2259,34 @@ to   { opacity: 1; transform: scaleY(1);
 }
 
 /* Thresholds */
-.detail-thresholds[data-v-0521087e] {
+.detail-thresholds[data-v-c8efa0e7] {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
   padding-top: 4px;
   border-top: 1px solid rgba(255, 255, 255, 0.05);
 }
-.threshold[data-v-0521087e] {
+.threshold[data-v-c8efa0e7] {
   font-size: 10px;
   font-weight: 500;
   padding: 2px 7px;
   border-radius: 99px;
 }
-.threshold--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.12);  color: #4ade80;
+.threshold--good[data-v-c8efa0e7] {
+  background: rgba(34, 197, 94, 0.12);
+  color: #4ade80;
 }
-.threshold--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.12); color: #fbbf24;
+.threshold--warn[data-v-c8efa0e7] {
+  background: rgba(245, 158, 11, 0.12);
+  color: #fbbf24;
 }
-.threshold--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.12);  color: #f87171;
+.threshold--bad[data-v-c8efa0e7] {
+  background: rgba(239, 68, 68, 0.12);
+  color: #f87171;
 }
 
 /* ── Format note (KB card) ────────────────────────────────────────────────── */
-.format-note[data-v-0521087e] {
+.format-note[data-v-c8efa0e7] {
   display: flex;
   flex-direction: column;
   gap: 5px;
@@ -2061,12 +2294,12 @@ to   { opacity: 1; transform: scaleY(1);
   border-radius: 8px;
   padding: 8px;
 }
-.format-row[data-v-0521087e] {
+.format-row[data-v-c8efa0e7] {
   display: flex;
   align-items: flex-start;
   gap: 8px;
 }
-.format-badge[data-v-0521087e] {
+.format-badge[data-v-c8efa0e7] {
   font-size: 9.5px;
   font-weight: 700;
   letter-spacing: 0.05em;
@@ -2077,40 +2310,40 @@ to   { opacity: 1; transform: scaleY(1);
   background: rgba(66, 56, 158, 0.3);
   color: #a5b4fc;
 }
-.format-badge--muted[data-v-0521087e] {
+.format-badge--muted[data-v-c8efa0e7] {
   background: rgba(255, 255, 255, 0.07);
   color: rgba(255, 255, 255, 0.35);
 }
-.format-info[data-v-0521087e] {
+.format-info[data-v-c8efa0e7] {
   display: flex;
   flex-direction: column;
   gap: 2px;
   min-width: 0;
 }
-.format-range[data-v-0521087e] {
+.format-range[data-v-c8efa0e7] {
   font-size: 11px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.8);
 }
-.format-range--muted[data-v-0521087e] {
+.format-range--muted[data-v-c8efa0e7] {
   color: rgba(255, 255, 255, 0.35);
   font-weight: 500;
 }
-.format-caveat[data-v-0521087e] {
+.format-caveat[data-v-c8efa0e7] {
   font-size: 10px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.35);
 }
 
 /* ── Accessibility card ───────────────────────────────────────────────────── */
-.a11y-detail[data-v-0521087e] {
+.a11y-detail[data-v-c8efa0e7] {
   cursor: default;
   padding: 8px 10px 10px;
   gap: 10px;
 }
 
 /* Tabs */
-.a11y-tabs[data-v-0521087e] {
+.a11y-tabs[data-v-c8efa0e7] {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 4px;
@@ -2118,7 +2351,7 @@ to   { opacity: 1; transform: scaleY(1);
   padding: 3px;
   border-radius: 8px;
 }
-.a11y-tab[data-v-0521087e] {
+.a11y-tab[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2133,24 +2366,26 @@ to   { opacity: 1; transform: scaleY(1);
   font-weight: 600;
   letter-spacing: 0.02em;
   color: rgba(255, 255, 255, 0.45);
-  transition: background 0.15s ease, color 0.15s ease;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease;
 }
-.a11y-tab[data-v-0521087e]:hover {
+.a11y-tab[data-v-c8efa0e7]:hover {
   color: rgba(255, 255, 255, 0.75);
   background: rgba(255, 255, 255, 0.04);
 }
-.a11y-tab[data-v-0521087e]:focus-visible {
+.a11y-tab[data-v-c8efa0e7]:focus-visible {
   outline: 2px solid rgba(66, 56, 158, 0.5);
   outline-offset: 1px;
 }
-.a11y-tab--active[data-v-0521087e] {
+.a11y-tab--active[data-v-c8efa0e7] {
   background: rgba(255, 255, 255, 0.07);
   color: rgba(255, 255, 255, 0.92);
 }
-.a11y-tab-label[data-v-0521087e] {
+.a11y-tab-label[data-v-c8efa0e7] {
   text-transform: uppercase;
 }
-.a11y-tab-count[data-v-0521087e] {
+.a11y-tab-count[data-v-c8efa0e7] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2163,15 +2398,21 @@ to   { opacity: 1; transform: scaleY(1);
   font-variant-numeric: tabular-nums;
   line-height: 1;
 }
-.a11y-tab-count--failed[data-v-0521087e]  { background: rgba(239, 68, 68, 0.18);  color: #f87171;
+.a11y-tab-count--failed[data-v-c8efa0e7] {
+  background: rgba(239, 68, 68, 0.18);
+  color: #f87171;
 }
-.a11y-tab-count--passed[data-v-0521087e]  { background: rgba(34, 197, 94, 0.18);  color: #4ade80;
+.a11y-tab-count--passed[data-v-c8efa0e7] {
+  background: rgba(34, 197, 94, 0.18);
+  color: #4ade80;
 }
-.a11y-tab-count--ignored[data-v-0521087e] { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.5);
+.a11y-tab-count--ignored[data-v-c8efa0e7] {
+  background: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 /* List */
-.a11y-list[data-v-0521087e] {
+.a11y-list[data-v-c8efa0e7] {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -2181,24 +2422,24 @@ to   { opacity: 1; transform: scaleY(1);
   scrollbar-width: thin;
   scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
 }
-.a11y-list[data-v-0521087e]::-webkit-scrollbar {
+.a11y-list[data-v-c8efa0e7]::-webkit-scrollbar {
   width: 6px;
 }
-.a11y-list[data-v-0521087e]::-webkit-scrollbar-track {
+.a11y-list[data-v-c8efa0e7]::-webkit-scrollbar-track {
   background: transparent;
 }
-.a11y-list[data-v-0521087e]::-webkit-scrollbar-thumb {
+.a11y-list[data-v-c8efa0e7]::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.12);
   border-radius: 99px;
 }
-.a11y-empty[data-v-0521087e] {
+.a11y-empty[data-v-c8efa0e7] {
   font-size: 11px;
   color: rgba(255, 255, 255, 0.4);
   text-align: center;
   padding: 12px 4px;
   margin: 0;
 }
-.a11y-item[data-v-0521087e] {
+.a11y-item[data-v-c8efa0e7] {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -2207,20 +2448,25 @@ to   { opacity: 1; transform: scaleY(1);
   background: rgba(255, 255, 255, 0.03);
   border-left: 2px solid transparent;
 }
-.a11y-item--critical[data-v-0521087e] { border-left-color: #ef4444;
+.a11y-item--critical[data-v-c8efa0e7] {
+  border-left-color: #ef4444;
 }
-.a11y-item--serious[data-v-0521087e]  { border-left-color: #f59e0b;
+.a11y-item--serious[data-v-c8efa0e7] {
+  border-left-color: #f59e0b;
 }
-.a11y-item--passed[data-v-0521087e]   { border-left-color: rgba(34, 197, 94, 0.5);
+.a11y-item--passed[data-v-c8efa0e7] {
+  border-left-color: rgba(34, 197, 94, 0.5);
 }
-.a11y-item--ignored[data-v-0521087e]  { border-left-color: rgba(255, 255, 255, 0.18); opacity: 0.75;
+.a11y-item--ignored[data-v-c8efa0e7] {
+  border-left-color: rgba(255, 255, 255, 0.18);
+  opacity: 0.75;
 }
-.a11y-item-header[data-v-0521087e] {
+.a11y-item-header[data-v-c8efa0e7] {
   display: flex;
   align-items: center;
   gap: 6px;
 }
-.a11y-severity[data-v-0521087e] {
+.a11y-severity[data-v-c8efa0e7] {
   display: inline-flex;
   align-items: center;
   font-size: 9px;
@@ -2231,15 +2477,23 @@ to   { opacity: 1; transform: scaleY(1);
   border-radius: 4px;
   flex-shrink: 0;
 }
-.a11y-severity--critical[data-v-0521087e] { background: rgba(239, 68, 68, 0.18);  color: #f87171;
+.a11y-severity--critical[data-v-c8efa0e7] {
+  background: rgba(239, 68, 68, 0.18);
+  color: #f87171;
 }
-.a11y-severity--serious[data-v-0521087e]  { background: rgba(245, 158, 11, 0.18); color: #fbbf24;
+.a11y-severity--serious[data-v-c8efa0e7] {
+  background: rgba(245, 158, 11, 0.18);
+  color: #fbbf24;
 }
-.a11y-severity--passed[data-v-0521087e]   { background: rgba(34, 197, 94, 0.18);  color: #4ade80;
+.a11y-severity--passed[data-v-c8efa0e7] {
+  background: rgba(34, 197, 94, 0.18);
+  color: #4ade80;
 }
-.a11y-severity--ignored[data-v-0521087e]  { background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.5);
+.a11y-severity--ignored[data-v-c8efa0e7] {
+  background: rgba(255, 255, 255, 0.07);
+  color: rgba(255, 255, 255, 0.5);
 }
-.a11y-rule[data-v-0521087e] {
+.a11y-rule[data-v-c8efa0e7] {
   font-size: 11px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.85);
@@ -2249,7 +2503,7 @@ to   { opacity: 1; transform: scaleY(1);
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.a11y-action[data-v-0521087e] {
+.a11y-action[data-v-c8efa0e7] {
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 4px;
@@ -2259,34 +2513,37 @@ to   { opacity: 1; transform: scaleY(1);
   font-weight: 600;
   color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
-  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease,
+    border-color 0.15s ease;
   flex-shrink: 0;
 }
-.a11y-action[data-v-0521087e]:hover {
+.a11y-action[data-v-c8efa0e7]:hover {
   background: rgba(255, 255, 255, 0.06);
   color: rgba(255, 255, 255, 0.85);
   border-color: rgba(255, 255, 255, 0.2);
 }
-.a11y-action[data-v-0521087e]:focus-visible {
+.a11y-action[data-v-c8efa0e7]:focus-visible {
   outline: 2px solid rgba(66, 56, 158, 0.5);
   outline-offset: 1px;
 }
-.a11y-action--restore[data-v-0521087e] {
+.a11y-action--restore[data-v-c8efa0e7] {
   border-color: rgba(165, 180, 252, 0.25);
   color: #a5b4fc;
 }
-.a11y-action--restore[data-v-0521087e]:hover {
+.a11y-action--restore[data-v-c8efa0e7]:hover {
   background: rgba(66, 56, 158, 0.15);
   border-color: rgba(165, 180, 252, 0.4);
   color: #c7d2fe;
 }
-.a11y-message[data-v-0521087e] {
+.a11y-message[data-v-c8efa0e7] {
   font-size: 10.5px;
   line-height: 1.5;
   color: rgba(255, 255, 255, 0.65);
   margin: 0;
 }
-.a11y-info[data-v-0521087e] {
+.a11y-info[data-v-c8efa0e7] {
   font-size: 10px;
   line-height: 1.5;
   color: rgba(255, 255, 255, 0.38);
@@ -2296,7 +2553,7 @@ to   { opacity: 1; transform: scaleY(1);
 }
 
 /* ── Panel footer ─────────────────────────────────────────────────────────── */
-.panel-footer[data-v-0521087e] {
+.panel-footer[data-v-c8efa0e7] {
   font-size: 10px;
   color: rgba(255, 255, 255, 0.22);
   text-align: center;
@@ -2305,115 +2562,248 @@ to   { opacity: 1; transform: scaleY(1);
 }
 
 /* ── Click-outside overlay ────────────────────────────────────────────────── */
-.click-outside[data-v-0521087e] {
+.click-outside[data-v-c8efa0e7] {
   position: fixed;
   inset: 0;
   z-index: 9998;
 }
 
 /* ── Transitions ──────────────────────────────────────────────────────────── */
-.popover-enter-active[data-v-0521087e] {
-  transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
+.popover-enter-active[data-v-c8efa0e7] {
+  transition:
+    opacity 0.18s ease,
+    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.popover-leave-active[data-v-0521087e] {
-  transition: opacity 0.12s ease, transform 0.12s ease;
+.popover-leave-active[data-v-c8efa0e7] {
+  transition:
+    opacity 0.12s ease,
+    transform 0.12s ease;
 }
-.popover-enter-from[data-v-0521087e] {
+.popover-enter-from[data-v-c8efa0e7] {
   opacity: 0;
   transform: translateX(-50%) translateY(-6px) scale(0.97);
 }
-.popover-leave-to[data-v-0521087e] {
+.popover-leave-to[data-v-c8efa0e7] {
   opacity: 0;
   transform: translateX(-50%) translateY(-4px) scale(0.98);
 }
-.expand-enter-active[data-v-0521087e] {
-  transition: opacity 0.18s ease, max-height 0.22s ease;
+.expand-enter-active[data-v-c8efa0e7] {
+  transition:
+    opacity 0.18s ease,
+    max-height 0.22s ease;
   max-height: 300px;
   overflow: hidden;
 }
-.expand-leave-active[data-v-0521087e] {
-  transition: opacity 0.12s ease, max-height 0.18s ease;
+.expand-leave-active[data-v-c8efa0e7] {
+  transition:
+    opacity 0.12s ease,
+    max-height 0.18s ease;
   overflow: hidden;
 }
-.expand-enter-from[data-v-0521087e] {
+.expand-enter-from[data-v-c8efa0e7] {
   opacity: 0;
   max-height: 0;
 }
-.expand-leave-to[data-v-0521087e] {
+.expand-leave-to[data-v-c8efa0e7] {
   opacity: 0;
   max-height: 0;
 }
 
-.picker-overlay-enter-active[data-v-5f1ee4c3],
-.picker-overlay-leave-active[data-v-5f1ee4c3] {
+.picker-overlay-enter-active[data-v-240ef53a],
+.picker-overlay-leave-active[data-v-240ef53a] {
   transition: opacity 0.2s ease;
 }
-.picker-overlay-enter-from[data-v-5f1ee4c3],
-.picker-overlay-leave-to[data-v-5f1ee4c3] {
+.picker-overlay-enter-from[data-v-240ef53a],
+.picker-overlay-leave-to[data-v-240ef53a] {
   opacity: 0;
 }
-.picker-drawer-enter-active[data-v-5f1ee4c3],
-.picker-drawer-leave-active[data-v-5f1ee4c3] {
+.picker-drawer-enter-active[data-v-240ef53a],
+.picker-drawer-leave-active[data-v-240ef53a] {
   transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
 }
-.picker-drawer-enter-from[data-v-5f1ee4c3],
-.picker-drawer-leave-to[data-v-5f1ee4c3] {
+.picker-drawer-enter-from[data-v-240ef53a],
+.picker-drawer-leave-to[data-v-240ef53a] {
   transform: translateX(100%);
 }
 
-.note-enter-active[data-v-b07bbf33],
-.note-leave-active[data-v-b07bbf33] {
+.note-enter-active[data-v-0e66e679],
+.note-leave-active[data-v-0e66e679] {
   transition:
     opacity 0.2s ease,
     max-height 0.25s ease;
   max-height: 60px;
   overflow: hidden;
 }
-.note-enter-from[data-v-b07bbf33],
-.note-leave-to[data-v-b07bbf33] {
+.note-enter-from[data-v-0e66e679],
+.note-leave-to[data-v-0e66e679] {
   opacity: 0;
   max-height: 0;
 }
 
-.md-msg[data-v-db5ba171] {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.5rem;
-  padding: 0.625rem 0.75rem;
-  font-size: 13px;
-  border: 1px solid;
+.md-msg[data-v-04df62fe] {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  padding: 0.625rem 0.75rem;
+  font-size: 13px;
+  border: 1px solid;
   border-radius: 0.5rem;
 }
-.md-msg__icon[data-v-db5ba171] { margin-top: 0.125rem; flex-shrink: 0; font-size: 14px;
-}
-.md-msg__body[data-v-db5ba171] { flex: 1; min-width: 0;
+.md-msg__icon[data-v-04df62fe] {
+  margin-top: 0.125rem;
+  flex-shrink: 0;
+  font-size: 14px;
 }
-.md-msg__close[data-v-db5ba171] { opacity: 0.6; cursor: pointer; background: none; border: 0;
+.md-msg__body[data-v-04df62fe] {
+  flex: 1;
+  min-width: 0;
 }
-.md-msg__close[data-v-db5ba171]:hover { opacity: 1;
+.md-msg__close[data-v-04df62fe] {
+  opacity: 0.6;
+  cursor: pointer;
+  background: none;
+  border: 0;
 }
-.md-msg--info[data-v-db5ba171] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);
+.md-msg__close[data-v-04df62fe]:hover {
+  opacity: 1;
 }
-.md-msg--success[data-v-db5ba171] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);
+.md-msg--info[data-v-04df62fe] {
+  background: var(--md-info-bg);
+  border-color: var(--md-info-border);
+  color: var(--md-info-fg);
 }
-.md-msg--warn[data-v-db5ba171] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);
+.md-msg--success[data-v-04df62fe] {
+  background: var(--md-success-bg);
+  border-color: var(--md-success-border);
+  color: var(--md-success-fg);
 }
-.md-msg--error[data-v-db5ba171] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);
+.md-msg--warn[data-v-04df62fe] {
+  background: var(--md-surface) beb;
+  border-color: var(--md-warning-border);
+  color: var(--md-warning-fg);
 }
+.md-msg--error[data-v-04df62fe] {
+  background: var(--md-danger-bg);
+  border-color: var(--md-danger-border);
+  color: var(--md-danger-fg);
+}
 
 /* Auto-save pill: fade + 4px vertical drift on enter/leave */
-.autosave-fade-enter-active[data-v-8a0c6ca5],
-.autosave-fade-leave-active[data-v-8a0c6ca5] {
+.autosave-fade-enter-active[data-v-b67fcdb4],
+.autosave-fade-leave-active[data-v-b67fcdb4] {
   transition:
     opacity 0.2s ease,
     transform 0.2s ease;
 }
-.autosave-fade-enter-from[data-v-8a0c6ca5] {
+.autosave-fade-enter-from[data-v-b67fcdb4] {
   opacity: 0;
   transform: translateY(4px);
 }
-.autosave-fade-leave-to[data-v-8a0c6ca5] {
+.autosave-fade-leave-to[data-v-b67fcdb4] {
   opacity: 0;
   transform: translateY(-4px);
 }
-/*$vite$:1*/
+
+.md-assistant-fab[data-v-69b25928] {
+  position: fixed;
+  right: 1.25rem;
+  bottom: 1.25rem;
+  /* Above the panels (z-80) and the header (z-100), below dialogs (9998) —
+     a modal dialog must still cover this. */
+  z-index: 120;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: 9999px;
+  border: 1px solid var(--md-border);
+  background: var(--md-button-primary-bg, var(--md-primary));
+  color: var(--md-button-primary-text, var(--md-surface));
+  box-shadow: 0 2px 10px rgb(0 0 0 / 18%);
+  cursor: pointer;
+  transition:
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
+}
+.md-assistant-fab[data-v-69b25928]:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 14px rgb(0 0 0 / 22%);
+}
+.md-assistant-fab[data-v-69b25928]:focus-visible {
+  outline: 2px solid var(--md-primary);
+  outline-offset: 2px;
+}
+.md-assistant-drawer[data-v-69b25928] {
+  position: fixed;
+  top: 4rem; /* clears the header */
+  right: 0;
+  bottom: 0;
+  z-index: 120;
+  width: 22rem;
+  max-width: 100vw;
+  display: flex;
+  flex-direction: column;
+  background: var(--md-surface);
+  border-left: 1px solid var(--md-border);
+  box-shadow: -8px 0 24px rgb(0 0 0 / 10%);
+}
+.md-assistant-head[data-v-69b25928] {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem 0.875rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--md-border) 80%, transparent);
+}
+.md-assistant-title[data-v-69b25928] {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--md-text-subtle);
+}
+.md-assistant-close[data-v-69b25928] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 0.375rem;
+  color: var(--md-text-subtle);
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.md-assistant-close[data-v-69b25928]:hover {
+  color: var(--md-text-muted);
+  background: var(--md-surface-muted);
+}
+
+/* The only scroll container, matching the side panels' single-overflow rule. */
+.md-assistant-body[data-v-69b25928] {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  padding: 0.75rem;
+}
+.md-assistant-body[data-v-69b25928]::-webkit-scrollbar {
+  width: 6px;
+}
+.md-assistant-body[data-v-69b25928]::-webkit-scrollbar-track {
+  background: transparent;
+}
+.md-assistant-body[data-v-69b25928]::-webkit-scrollbar-thumb {
+  background: var(--md-border-strong);
+  border-radius: 9999px;
+}
+.assistant-slide-enter-active[data-v-69b25928],
+.assistant-slide-leave-active[data-v-69b25928] {
+  transition:
+    opacity 0.18s ease,
+    transform 0.18s ease;
+}
+.assistant-slide-enter-from[data-v-69b25928],
+.assistant-slide-leave-to[data-v-69b25928] {
+  opacity: 0;
+  transform: translateX(12px);
+}