@maildeno/editor 0.4.3 → 0.4.4

package/dist/element-scoped-styles.css

@@ -1,2810 +0,0 @@
-
-.md-input[data-v-94ca4419] {
-  width: 100%;
-  padding: 0.325rem 0.625rem;
-  font-size: 13px;
-  line-height: 1.25rem;
-  color: var(--md-text);
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.375rem;
-  outline: none;
-  transition:
-    border-color 0.15s,
-    box-shadow 0.15s;
-}
-.md-input[data-v-94ca4419]::placeholder {
-  color: var(--md-text-subtle);
-}
-.md-input[data-v-94ca4419]:focus {
-  border-color: var(--md-primary);
-}
-.md-input[data-v-94ca4419]:disabled {
-  background: var(--md-surface-hover);
-  color: var(--md-text-subtle);
-  cursor: not-allowed;
-}
-.md-input--invalid[data-v-94ca4419] {
-  border-color: var(--md-danger);
-}
-.md-input--invalid[data-v-94ca4419]:focus {
-  border-color: var(--md-danger);
-  box-shadow: 0 0 0 1px var(--md-danger);
-}
-
-/* =========================================================
-   SELECT ROOT
-   ========================================================= */
-.md-sel__anchor {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  width: 100%;
-  min-height: 32px;
-  box-sizing: border-box;
-  padding: 0 0.375rem 0 0.5rem;
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.375rem;
-  font-size: 13px;
-  color: var(--md-text);
-}
-.md-sel__anchor:focus-within {
-  border-color: var(--md-primary);
-}
-.md-sel__anchor--open {
-  border-color: var(--md-primary);
-}
-.md-sel__anchor--disabled {
-  background: var(--md-surface-hover);
-  color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   SEARCH INPUT
-   ========================================================= */
-.md-sel__input {
-  flex: 1;
-  min-width: 0;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 0.375rem 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  font-family: inherit;
-  font-size: 13px;
-  line-height: 1.25rem;
-  color: var(--md-text);
-}
-.md-sel__input::placeholder {
-  color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   NON-FILTERED TRIGGER
-   ========================================================= */
-.md-sel__triggerText {
-  flex: 1;
-  min-width: 0;
-  box-sizing: border-box;
-  padding: 0.375rem 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: 13px;
-  color: var(--md-text);
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.md-sel__ph {
-  color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   CHEVRON
-   ========================================================= */
-.md-sel__chev {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  cursor: pointer;
-  color: var(--md-text-muted);
-  transition:
-    transform 150ms ease,
-    color 150ms ease;
-}
-.md-sel__chev--open {
-  transform: rotate(180deg);
-  color: var(--md-text);
-}
-
-/* =========================================================
-   DROPDOWN
-   ========================================================= */
-.md-sel__content {
-  position: relative;
-  z-index: 999999;
-  width: var(--reka-combobox-trigger-width);
-  min-width: 180px;
-  max-width: 320px;
-  box-sizing: border-box;
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.5rem;
-  box-shadow:
-    0 10px 15px -3px rgb(0 0 0 / 0.12),
-    0 4px 6px -4px rgb(0 0 0 / 0.12);
-  overflow: hidden;
-}
-
-/* =========================================================
-   DROPDOWN VIEWPORT
-   ========================================================= */
-.md-sel__viewport {
-  width: 100%;
-  max-height: 240px;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 4px;
-  background: var(--md-surface);
-}
-
-/* =========================================================
-   EMPTY
-   ========================================================= */
-.md-sel__empty {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 8px;
-  background: var(--md-surface);
-  font-family: inherit;
-  font-size: 12px;
-  color: var(--md-text-subtle);
-  text-align: center;
-}
-
-/* =========================================================
-   OPTION
-   ========================================================= */
-.md-sel__item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: 32px;
-  box-sizing: border-box;
-  gap: 8px;
-  padding: 6px 8px;
-  background: var(--md-surface);
-  border: 0;
-  border-radius: 6px;
-  font-family: inherit;
-  font-size: 13px;
-  line-height: 18px;
-  color: var(--md-text);
-  cursor: pointer;
-  outline: none;
-  user-select: none;
-}
-.md-sel__item:hover {
-  background: var(--md-surface-muted);
-}
-.md-sel__item[data-highlighted] {
-  background: var(--md-surface-muted);
-}
-.md-sel__item[data-state="checked"] {
-  background: var(--md-success-bg);
-  color: var(--md-success-fg);
-  font-weight: 500;
-}
-.md-sel__item[data-state="checked"][data-highlighted] {
-  background: color-mix(in srgb, var(--md-success) 20%, var(--md-success-bg));
-}
-
-/* =========================================================
-   OPTION TEXT
-   ========================================================= */
-.md-sel__itemLabel {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* =========================================================
-   CHECK
-   ========================================================= */
-.md-sel__check {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 16px;
-  height: 16px;
-  font-size: 12px;
-  color: currentColor;
-}
-
-.section-fade-enter-active[data-v-bb838abe],
-.section-fade-leave-active[data-v-bb838abe] {
-  transition:
-    opacity 0.15s ease,
-    transform 0.15s ease;
-}
-.section-fade-enter-from[data-v-bb838abe],
-.section-fade-leave-to[data-v-bb838abe] {
-  opacity: 0;
-  transform: translateY(-3px);
-}
-
-.transparent-swatch[data-v-fad96f2e] {
-  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-color: white;
-}
-
-.transparent-swatch[data-v-7373b74d] {
-  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-color: white;
-}
-
-/* =========================================================
-   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;
-  color: var(--md-text);
-}
-.md-dp__field:focus-within {
-  border-color: var(--md-primary);
-  box-shadow: 0 0 0 1px var(--md-primary);
-}
-
-/* =========================================================
-   DATE SEGMENTS
-   ========================================================= */
-.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);
-  color: var(--md-surface);
-}
-.md-dp__seg[data-placeholder] {
-  color: var(--md-text-subtle);
-}
-.md-dp__lit {
-  color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   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;
-  color: var(--md-text-subtle);
-}
-.md-dp__trigger:hover {
-  color: var(--md-text-muted);
-}
-
-/* =========================================================
-   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),
-    0 4px 6px -4px rgb(0 0 0 / 0.12);
-}
-
-/* =========================================================
-   CALENDAR
-   ========================================================= */
-.md-dp__cal {
-  width: max-content;
-}
-
-/* =========================================================
-   HEADER
-   ========================================================= */
-.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;
-  color: var(--md-text);
-}
-
-/* =========================================================
-   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;
-  color: var(--md-text-muted);
-}
-.md-dp__nav:hover {
-  background: var(--md-surface-muted);
-  color: var(--md-text);
-}
-.md-dp__nav:disabled {
-  opacity: 0.4;
-  cursor: default;
-}
-
-/* =========================================================
-   GRID
-   ========================================================= */
-.md-dp__grid {
-  width: 100%;
-  border-collapse: collapse;
-}
-.md-dp__row {
-  display: flex;
-}
-
-/* =========================================================
-   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;
-  color: var(--md-text-subtle);
-}
-
-/* =========================================================
-   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,
-    color 100ms ease;
-}
-.md-dp__day:hover {
-  background: var(--md-surface-muted);
-}
-.md-dp__day:focus-visible {
-  outline: 2px solid var(--md-primary);
-  outline-offset: -2px;
-}
-
-/* =========================================================
-   SELECTED DAY
-   ========================================================= */
-.md-dp__day[data-selected] {
-  background: var(--md-primary);
-  color: var(--md-surface);
-  font-weight: 600;
-}
-.md-dp__day[data-selected]:hover {
-  background: var(--md-primary);
-}
-
-/* =========================================================
-   TODAY
-   ========================================================= */
-.md-dp__day[data-today]:not([data-selected]) {
-  font-weight: 700;
-  color: var(--md-primary);
-}
-
-/* =========================================================
-   OUTSIDE / DISABLED
-   ========================================================= */
-.md-dp__day[data-outside-view] {
-  color: var(--md-border-strong);
-}
-.md-dp__day[data-disabled] {
-  color: var(--md-border-strong);
-
-  cursor: default;
-}
-.md-dp__day[data-disabled]:hover {
-  background: transparent;
-}
-
-.rules-scroll[data-v-3e175668] {
-  overflow-x: auto;
-  max-width: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-.rules-scroll[data-v-3e175668]::-webkit-scrollbar {
-  height: 6px;
-}
-.rules-scroll[data-v-3e175668]::-webkit-scrollbar-track {
-  background: var(--md-surface-muted);
-  border-radius: 4px;
-}
-.rules-scroll[data-v-3e175668]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 4px;
-}
-.rules-scroll[data-v-3e175668]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.toggle-btn[data-v-26c04ac4] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 28px;
-  border-radius: 6px;
-  border: 0.5px solid transparent;
-  cursor: pointer;
-  transition:
-    background 0.1s,
-    border-color 0.1s,
-    color 0.1s;
-  background: transparent;
-  padding: 0;
-  outline: none;
-}
-.toggle-btn[data-v-26c04ac4]:focus-visible {
-  box-shadow: 0 0 0 2px var(--md-selection);
-}
-.toggle-btn--idle[data-v-26c04ac4] {
-  border-color: var(--md-border);
-  color: var(--md-text-subtle);
-}
-.toggle-btn--idle[data-v-26c04ac4]:hover {
-  background: var(--md-surface-hover);
-  border-color: var(--md-border-strong);
-}
-.toggle-btn--active[data-v-26c04ac4] {
-  background: var(--md-selection-bg);
-  border-color: var(--md-selection);
-  color: var(--md-selection-fg);
-}
-.toggle-btn--active[data-v-26c04ac4]:hover {
-  background: color-mix(
-    in srgb,
-    var(--md-selection) 20%,
-    var(--md-selection-bg)
-  );
-}
-
-.md-btn[data-v-e13a23ac] {
-  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-e13a23ac]:disabled {
-  opacity: 0.55;
-  cursor: not-allowed;
-}
-.md-btn--primary[data-v-e13a23ac] {
-  background: var(--md-button-primary-bg);
-  color: var(--md-button-primary-text);
-}
-.md-btn--primary[data-v-e13a23ac]:not(:disabled):hover {
-  background: var(--md-button-primary-hover-bg);
-}
-.md-btn--secondary[data-v-e13a23ac] {
-  background: var(--md-button-secondary-bg);
-  color: var(--md-button-secondary-text);
-  border-color: var(--md-border);
-}
-.md-btn--secondary[data-v-e13a23ac]:not(:disabled):hover {
-  background: var(--md-button-secondary-hover-bg);
-}
-.md-btn--danger[data-v-e13a23ac] {
-  background: var(--md-danger);
-  color: var(--md-on-danger);
-}
-.md-btn--danger[data-v-e13a23ac]:not(:disabled):hover {
-  filter: brightness(0.94);
-}
-.md-btn--success[data-v-e13a23ac] {
-  background: var(--md-success);
-  color: var(--md-surface);
-}
-
-.md-dialog__overlay[data-v-2491daae] {
-  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-2491daae] {
-  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-2491daae] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 1.125rem 1.25rem 0.5rem;
-}
-.md-dialog__header--noTitle[data-v-2491daae] {
-  justify-content: flex-end;
-}
-.md-dialog__title[data-v-2491daae] {
-  font-size: 17px;
-  font-weight: 600;
-  color: var(--md-text);
-  margin: 0;
-}
-.md-dialog__close[data-v-2491daae] {
-  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-2491daae]:hover {
-  color: var(--md-text);
-  background: var(--md-surface-muted);
-}
-.md-dialog__body[data-v-2491daae] {
-  padding: 0.5rem 1.25rem 1.25rem;
-  overflow-y: auto;
-  font-size: 14px;
-  color: var(--md-text);
-}
-.md-dialog__footer[data-v-2491daae] {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.5rem;
-  padding: 0 1.25rem 1.25rem;
-}
-.md-dialog__srOnly[data-v-2491daae] {
-  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-7facc7e8] a {
-  color: #2563eb;
-  cursor: pointer;
-}
-[data-v-7facc7e8] a:not([style*="text-decoration"]) {
-  text-decoration: underline;
-}
-[data-v-7facc7e8] a:hover {
-  opacity: 0.8;
-}
-
-/* Merge tag node — inline chip styling.
-   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-7facc7e8] .merge-tag-node {
-  display: inline;
-  white-space: nowrap;
-  vertical-align: baseline;
-  cursor: default;
-  border-radius: 3px;
-  padding: 0 2px;
-}
-
-/* List styles — scoped to the editor content area */
-[data-v-7facc7e8] li:not(:last-child) {
-  margin-bottom: var(--list-item-spacing, 0.25rem);
-}
-
-/* ─── Toolbar font Select sizing ─────────────────────────────────────────────
-   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-7facc7e8] .p-select {
-  height: 28px;
-  min-width: 110px;
-  max-width: 130px;
-  border-radius: 6px;
-  border-color: var(
-    --md-toolbar-border
-  ); /* matches other toolbar button borders */
-  padding: 0 6px;
-  font-size: 0.75rem;
-  display: flex;
-  align-items: center;
-}
-.toolbar-font-select[data-v-7facc7e8] .p-select-label {
-  padding: 0;
-  font-size: 0.85rem;
-  line-height: 1;
-}
-.toolbar-font-select[data-v-7facc7e8] .p-select-dropdown {
-  width: 20px;
-}
-
-/* Widen the overlay panel so long font names are not clipped */
-[data-v-7facc7e8] .p-select-overlay {
-  min-width: 180px !important;
-}
-
-.toggle-btn[data-v-b01eaed8] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 28px;
-  border-radius: 6px;
-  border: 0.5px solid transparent;
-  cursor: pointer;
-  transition:
-    background 0.1s,
-    border-color 0.1s,
-    color 0.1s;
-  background: transparent;
-  padding: 0;
-  outline: none;
-}
-.toggle-btn--idle[data-v-b01eaed8] {
-  border-color: color-mix(in srgb, var(--md-border) 80%, transparent);
-  color: var(--md-text-subtle);
-}
-.toggle-btn--idle[data-v-b01eaed8]:hover {
-  background: var(--md-surface-hover);
-  border-color: var(--md-border-strong);
-  color: var(--md-text-muted);
-}
-.toggle-btn--active[data-v-b01eaed8] {
-  background: var(--md-selection-bg);
-  border-color: var(--md-selection);
-  color: var(--md-selection-fg);
-}
-.toggle-btn--active[data-v-b01eaed8]:hover {
-  background: color-mix(
-    in srgb,
-    var(--md-selection) 20%,
-    var(--md-selection-bg)
-  );
-}
-
-.panel[data-v-f8eef947] {
-  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-f8eef947] {
-  height: 0.5px;
-  background: color-mix(in srgb, var(--md-border) 80%, transparent);
-  margin-left: -12px;
-  margin-right: -12px;
-}
-
-.spinner[data-v-8a2d8f31] {
-  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-8a2d8f31 1s linear infinite;
-}
-@keyframes spin-8a2d8f31 {
-to {
-    transform: rotate(360deg);
-}
-}
-
-/* ===== 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-ac364a19] {
-  --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:
-    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --shadow-xl:
-    0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-}
-
-/* ===== MAIN LAYOUT ===== */
-.desktop-gate[data-v-ac364a19] {
-  position: fixed;
-  inset: 0;
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: color-mix(in srgb, var(--gate-backdrop) 98%, transparent);
-  backdrop-filter: blur(2px);
-  padding: 1.5rem;
-}
-.gate-container[data-v-ac364a19] {
-  max-width: 520px;
-  width: 100%;
-  background: var(--gate-surface);
-  border-radius: 2rem;
-  padding: 2.5rem;
-  text-align: center;
-  box-shadow: var(--shadow-2xl);
-  animation: fadeInUp-ac364a19 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-  border: 1px solid var(--gray-200);
-}
-
-/* ===== BRAND BADGE ===== */
-.brand-badge[data-v-ac364a19] {
-  position: relative;
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.badge-ring[data-v-ac364a19] {
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  background: linear-gradient(
-    135deg,
-    var(--brand-gradient-start),
-    var(--brand-gradient-end)
-  );
-  animation: pulseRing-ac364a19 2s ease-out infinite;
-}
-.badge-icon[data-v-ac364a19] {
-  position: relative;
-  width: 56px;
-  height: 56px;
-  background: var(--gate-surface);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--brand-primary);
-  box-shadow: var(--shadow-md);
-  transition: transform 0.2s ease;
-}
-.gate-container:hover .badge-icon[data-v-ac364a19] {
-  transform: scale(1.02);
-}
-
-/* ===== TYPOGRAPHY ===== */
-.gate-title[data-v-ac364a19] {
-  font-size: 1.875rem;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  margin: 0 0 1rem 0;
-  color: var(--gray-900);
-}
-.brand-gradient[data-v-ac364a19] {
-  background: linear-gradient(
-    135deg,
-    var(--brand-gradient-start),
-    var(--brand-gradient-end)
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-}
-.gate-description[data-v-ac364a19] {
-  font-size: 1rem;
-  line-height: 1.5;
-  color: var(--gray-600);
-  margin: 0 0 1.75rem 0;
-}
-
-/* ===== FEATURE GRID ===== */
-.feature-grid[data-v-ac364a19] {
-  display: flex;
-  justify-content: center;
-  gap: 2rem;
-  margin-bottom: 2rem;
-  padding: 1rem 0;
-  border-top: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-}
-.feature-item[data-v-ac364a19] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--gray-700);
-}
-.feature-icon[data-v-ac364a19] {
-  width: 36px;
-  height: 36px;
-  background: var(--gray-100);
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--brand-primary);
-  transition: all 0.2s ease;
-}
-.feature-item:hover .feature-icon[data-v-ac364a19] {
-  background: var(--brand-primary);
-  color: var(--gate-on-primary);
-  transform: translateY(-2px);
-}
-
-/* ===== STATUS ===== */
-.detection-status[data-v-ac364a19] {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background: var(--gray-100);
-  border-radius: 100px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--gray-600);
-}
-.status-dot[data-v-ac364a19] {
-  width: 8px;
-  height: 8px;
-  background: var(--gate-warning);
-  border-radius: 50%;
-  animation: pulse-ac364a19 1.5s ease-out infinite;
-}
-
-/* ===== FOOTER ===== */
-.gate-footer[data-v-ac364a19] {
-  margin-top: 2rem;
-  padding-top: 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  font-size: 0.75rem;
-  color: var(--gray-400);
-}
-.brand-text[data-v-ac364a19] {
-  font-weight: 600;
-  background: linear-gradient(
-    135deg,
-    var(--brand-gradient-start),
-    var(--brand-gradient-end)
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-}
-
-/* ===== ANIMATIONS ===== */
-@keyframes fadeInUp-ac364a19 {
-from {
-    opacity: 0;
-    transform: translateY(20px);
-}
-to {
-    opacity: 1;
-    transform: translateY(0);
-}
-}
-@keyframes pulseRing-ac364a19 {
-0% {
-    opacity: 1;
-    transform: scale(0.95);
-}
-70% {
-    opacity: 0.4;
-    transform: scale(1.15);
-}
-100% {
-    opacity: 0;
-    transform: scale(1.25);
-}
-}
-@keyframes pulse-ac364a19 {
-0%,
-  100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.4;
-}
-}
-
-/* ===== RESPONSIVE TOUCH-UPS ===== */
-@media (max-width: 480px) {
-.gate-container[data-v-ac364a19] {
-    padding: 2rem 1.5rem;
-}
-.gate-title[data-v-ac364a19] {
-    font-size: 1.5rem;
-}
-.feature-grid[data-v-ac364a19] {
-    gap: 1.25rem;
-}
-}
-
-.row-drop-bar[data-v-0e09bbe4] {
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 0 16px;
-  background: color-mix(in srgb, var(--drop-color) 5%, transparent);
-  border-radius: 6px;
-  z-index: 20;
-  pointer-events: none;
-}
-.row-drop-bar--before[data-v-0e09bbe4] {
-  top: -14px;
-}
-.row-drop-bar--after[data-v-0e09bbe4] {
-  bottom: -14px;
-}
-.row-drop-bar-line[data-v-0e09bbe4] {
-  flex: 1;
-  height: 2px;
-  background: color-mix(in srgb, var(--drop-color) 50%, transparent);
-  border-radius: 2px;
-  /* animation: bar-expand 0.18s ease forwards; */
-}
-
-/* @keyframes bar-expand {
-  from {
-    transform: scaleX(0);
-    opacity: 0;
-  }
-  to {
-    transform: scaleX(1);
-    opacity: 1;
-  }
-} */
-.row-drop-bar-label[data-v-0e09bbe4] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--drop-color);
-  white-space: nowrap;
-  padding: 4px 12px;
-  background: color-mix(in srgb, var(--drop-color) 10%, transparent);
-  border: 1px solid color-mix(in srgb, var(--drop-color) 30%, transparent);
-  border-radius: 24px;
-  /* animation: label-pop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; */
-}
-
-/* @keyframes label-pop {
-  from {
-    transform: scale(0.8);
-    opacity: 0;
-  }
-  to {
-    transform: scale(1);
-    opacity: 1;
-  }
-} */
-.row-drop-bar-icon[data-v-0e09bbe4] {
-  width: 12px;
-  height: 12px;
-  flex-shrink: 0;
-}
-
-/* Transition */
-/* .drop-bar-enter-active {
-  animation: bar-in 0.15s ease forwards;
-}
-.drop-bar-leave-active {
-  transition: opacity 0.12s ease;
-}
-.drop-bar-leave-to {
-  opacity: 0;
-} */
-
-/* @keyframes bar-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-} */
-
-.fade-enter-active[data-v-557d7319],
-.fade-leave-active[data-v-557d7319] {
-  transition: opacity 0.1s ease;
-}
-.fade-enter-from[data-v-557d7319],
-.fade-leave-to[data-v-557d7319] {
-  opacity: 0;
-}
-
-/*
- * Stacking fix: CanvasRowDropZone has z-index: 9 and extends its hit-area
- * strip into adjacent rows when a layout drag is active. Without an explicit
- * stacking context on the column, that strip would catch pointer events for
- * the edges of the column — the row drop zone would win and the drop would
- * become a top-level row instead of a nested row.
- *
- * z-index: 1 creates a stacking context ABOVE the drop zone's hit strip.
- *
- * CRITICAL: When a child component is selected, we must set z-index: auto on
- * this column AND on its ancestor CanvasRow (via hasSelectedDescendant).
- * z-index: auto removes the column from the stacking context chain entirely,
- * letting the selected component's z-50 bubble up to compete at the canvas
- * root level — which is what allows the action bar and RichText toolbar to
- * paint above sibling rows. If z-index: 1 stays active, ANY z-index on a
- * 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-557d7319] {
-  position: relative;
-  z-index: 1;
-}
-.canvas-column.has-selected-child[data-v-557d7319] {
-  z-index: auto;
-}
-
-/* ── Base zone ─────────────────────────────────────────────── */
-.canvas-drop-zone[data-v-cb66bb52] {
-  position: relative;
-  height: 0;
-  margin: 0;
-  z-index: 9;
-  overflow: visible;
-  transition: height 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-
-/* Full expansion on hover */
-.canvas-drop-zone--active[data-v-cb66bb52] {
-  height: 52px;
-}
-
-/* Empty-canvas variant — fills the whole empty area */
-.canvas-drop-zone--empty[data-v-cb66bb52] {
-  height: 100%;
-  min-height: 200px;
-}
-
-/* Full height variant - takes up entire parent container */
-.canvas-drop-zone--full[data-v-cb66bb52] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: auto;
-  min-height: 100%;
-}
-.canvas-drop-zone--empty .cdz-bar[data-v-cb66bb52] {
-  inset: 12px;
-  justify-content: center;
-  border-radius: 12px;
-}
-
-/* ── Empty state styles (when fullHeight is true) ── */
-.cdz-empty-state[data-v-cb66bb52] {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  background: linear-gradient(
-    135deg,
-    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-radius: 6px;
-  transition: all 0.2s ease;
-}
-.canvas-drop-zone--full .cdz-empty-state[data-v-cb66bb52] {
-  animation: fade-in-cb66bb52 0.3s ease;
-}
-@keyframes fade-in-cb66bb52 {
-from {
-    opacity: 0;
-    transform: scale(0.98);
-}
-to {
-    opacity: 1;
-    transform: scale(1);
-}
-}
-.cdz-empty-content[data-v-cb66bb52] {
-  text-align: center;
-  padding: 2rem;
-}
-.cdz-empty-icon[data-v-cb66bb52] {
-  width: 48px;
-  height: 48px;
-  margin: 0 auto 12px;
-  color: var(--md-text-subtle);
-  stroke-width: 1.5;
-}
-.cdz-empty-title[data-v-cb66bb52] {
-  font-size: 1.125rem;
-  font-weight: 500;
-  color: var(--md-selection-fg);
-  margin-bottom: 8px;
-  letter-spacing: -0.01em;
-}
-.cdz-empty-subtitle[data-v-cb66bb52] {
-  font-size: 0.875rem;
-  color: var(--md-text-subtle);
-  line-height: 1.4;
-}
-
-/* ── Invisible hit-area ─────────────────────────────────────
- * Previously this bled 12px into the rows above and below with pointer-events
- * all during a layout drag. That meant dragging a LayoutTab row would hit this
- * strip when the cursor was merely near a column's top/bottom edge, and
- * insert a top-level row instead of a nested row.
- *
- * FIX: Shrink the bleed to a small value (−4px) so the strip only covers the
- * natural visible gap between rows. Columns retain ownership of their rendered
- * area. Combined with CanvasColumn's new z-index: 1 stacking context, the
- * column reliably wins for pointer hits inside its body, while the thin gap
- * between rows still belongs to this drop zone.
- *
- * When fully expanded (canvas-drop-zone--active: 52px tall) the zone's own
- * 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-cb66bb52] {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: -4px;
-  bottom: -4px;
-  z-index: 1;
-  /* Only catchable during a layout drag; invisible + inert otherwise */
-  pointer-events: none;
-}
-.canvas-drop-zone--receptive .cdz-hit-area[data-v-cb66bb52] {
-  pointer-events: all;
-}
-
-/* Hide empty state when dragging */
-.canvas-drop-zone--full.canvas-drop-zone--receptive .cdz-empty-state[data-v-cb66bb52],
-.canvas-drop-zone--full.canvas-drop-zone--active .cdz-empty-state[data-v-cb66bb52] {
-  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-cb66bb52] {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  height: 2px;
-  transform: translateY(-50%);
-  background: repeating-linear-gradient(
-    90deg,
-    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 0px,
-    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 6px,
-    transparent 6px,
-    transparent 12px
-  );
-  border-radius: 2px;
-  pointer-events: none;
-  animation: ghost-pulse-cb66bb52 2s ease-in-out infinite;
-}
-@keyframes ghost-pulse-cb66bb52 {
-0%,
-  100% {
-    opacity: 0.5;
-}
-50% {
-    opacity: 1;
-}
-}
-
-/* ── Active bar ─────────────────────────────────────────────── */
-.cdz-bar[data-v-cb66bb52] {
-  position: absolute;
-  inset: 4px 0;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  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);
-  pointer-events: none; /* let drag events fall through to the parent drop zone */
-}
-.cdz-line[data-v-cb66bb52] {
-  flex: 1;
-  height: 2px;
-  background: linear-gradient(
-    90deg,
-    transparent,
-    color-mix(in srgb, var(--md-row-selection) 60%, transparent),
-    color-mix(in srgb, var(--md-row-selection) 80%, transparent),
-    color-mix(in srgb, var(--md-row-selection) 60%, transparent),
-    transparent
-  );
-  border-radius: 2px;
-  animation: line-expand-cb66bb52 0.2s ease forwards;
-  transform-origin: center;
-}
-@keyframes line-expand-cb66bb52 {
-from {
-    transform: scaleX(0);
-    opacity: 0;
-}
-to {
-    transform: scaleX(1);
-    opacity: 1;
-}
-}
-.cdz-pill[data-v-cb66bb52] {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--md-row-selection-fg);
-  letter-spacing: 0.01em;
-  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-radius: 100px;
-  box-shadow: 0 2px 8px
-    color-mix(in srgb, var(--md-row-selection) 15%, transparent);
-  animation: pill-pop-cb66bb52 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-}
-@keyframes pill-pop-cb66bb52 {
-from {
-    transform: scale(0.75);
-    opacity: 0;
-}
-to {
-    transform: scale(1);
-    opacity: 1;
-}
-}
-.cdz-icon[data-v-cb66bb52] {
-  width: 13px;
-  height: 13px;
-  flex-shrink: 0;
-}
-
-/* ── Transition ─────────────────────────────────────────────── */
-.cdz-bar-enter-active[data-v-cb66bb52] {
-  animation: cdz-in-cb66bb52 0.15s ease forwards;
-}
-.cdz-bar-leave-active[data-v-cb66bb52] {
-  transition: opacity 0.1s ease;
-}
-.cdz-bar-leave-to[data-v-cb66bb52] {
-  opacity: 0;
-}
-@keyframes cdz-in-cb66bb52 {
-from {
-    opacity: 0;
-    transform: scaleY(0.6);
-}
-to {
-    opacity: 1;
-    transform: scaleY(1);
-}
-}
-
-.drop-line-enter-active[data-v-d0f88c76] {
-  transition:
-    opacity 80ms ease,
-    transform 80ms ease;
-}
-.drop-line-leave-active[data-v-d0f88c76] {
-  transition:
-    opacity 60ms ease,
-    transform 60ms ease;
-}
-.drop-line-enter-from[data-v-d0f88c76],
-.drop-line-leave-to[data-v-d0f88c76] {
-  opacity: 0;
-  transform: scaleX(0.6);
-  transform-origin: left center;
-}
-
-.slide-enter-active[data-v-10da3eee],
-.slide-leave-active[data-v-10da3eee] {
-  transition: all 0.2s ease;
-  max-height: 500px;
-  overflow: hidden;
-}
-.slide-enter-from[data-v-10da3eee],
-.slide-leave-to[data-v-10da3eee] {
-  opacity: 0;
-  max-height: 0;
-  transform: translateY(-10px);
-}
-
-/* ============================================================
-   md-dropdown – suggestion list
-   ============================================================ */
-.md-dropdown[data-v-029f6297] {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  margin-top: 4px;
-  background: var(--md-surface);
-  border: 1px solid var(--md-border);
-  border-radius: 0.375rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-  z-index: 10;
-  max-height: 12rem;
-  overflow-y: auto;
-}
-.md-dropdown-item[data-v-029f6297] {
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  color: var(--md-text);
-  transition: background 0.1s;
-}
-.md-dropdown-item[data-v-029f6297]:hover {
-  background: var(--md-surface-hover);
-}
-.md-dropdown-item--active[data-v-029f6297] {
-  background: var(--md-primary);
-  color: var(--md-on-primary);
-}
-
-/* ============================================================
-   md-tag – selected tag pills
-   ============================================================ */
-.md-tag[data-v-029f6297] {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.125rem 0.75rem;
-  border-radius: 9999px;
-  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-029f6297] {
-  margin-left: 0.5rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1rem;
-  height: 1rem;
-  border: none;
-  background: transparent;
-  color: color-mix(in srgb, var(--md-on-primary) 80%, transparent);
-  cursor: pointer;
-  border-radius: 9999px;
-  transition:
-    background 0.15s,
-    color 0.15s;
-  padding: 0;
-}
-.md-tag-remove[data-v-029f6297]:hover {
-  background: color-mix(in srgb, var(--md-on-primary) 20%, transparent);
-  color: var(--md-on-primary);
-}
-.md-tag-remove svg[data-v-029f6297] {
-  width: 100%;
-  height: 100%;
-}
-
-/* ============================================================
-   Scrollbar styling for dropdown (optional, keeps it clean)
-   ============================================================ */
-.md-dropdown[data-v-029f6297]::-webkit-scrollbar {
-  width: 4px;
-}
-.md-dropdown[data-v-029f6297]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.md-dropdown[data-v-029f6297]::-webkit-scrollbar-thumb {
-  background: var(--md-border);
-  border-radius: 8px;
-}
-.md-dropdown[data-v-029f6297]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.overflow-x-auto[data-v-66ee94f1] {
-  max-width: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-.overflow-x-auto[data-v-66ee94f1]::-webkit-scrollbar {
-  height: 6px;
-}
-.overflow-x-auto[data-v-66ee94f1]::-webkit-scrollbar-track {
-  background: var(--md-surface-muted);
-  border-radius: 4px;
-}
-.overflow-x-auto[data-v-66ee94f1]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 4px;
-}
-.overflow-x-auto[data-v-66ee94f1]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.overflow-x-auto[data-v-60969a60] {
-  max-width: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-.overflow-x-auto[data-v-60969a60]::-webkit-scrollbar {
-  height: 6px;
-}
-.overflow-x-auto[data-v-60969a60]::-webkit-scrollbar-track {
-  background: var(--md-surface-muted);
-  border-radius: 4px;
-}
-.overflow-x-auto[data-v-60969a60]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 4px;
-}
-.overflow-x-auto[data-v-60969a60]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.panel-slide-enter-active[data-v-ef885a8c],
-.panel-slide-leave-active[data-v-ef885a8c] {
-  transition:
-    opacity 0.18s ease,
-    transform 0.18s ease;
-}
-.panel-slide-enter-from[data-v-ef885a8c],
-.panel-slide-leave-to[data-v-ef885a8c] {
-  opacity: 0;
-  transform: translateX(-10px);
-}
-
-/* Filter pill fade */
-.fade-enter-active[data-v-ef885a8c],
-.fade-leave-active[data-v-ef885a8c] {
-  transition:
-    opacity 0.15s ease,
-    transform 0.15s ease;
-}
-.fade-enter-from[data-v-ef885a8c],
-.fade-leave-to[data-v-ef885a8c] {
-  opacity: 0;
-  transform: translateY(-4px);
-}
-
-/* Smooth row list reorder/filter transitions */
-.row-list-enter-active[data-v-ef885a8c],
-.row-list-leave-active[data-v-ef885a8c] {
-  transition:
-    opacity 0.2s ease,
-    transform 0.2s ease;
-}
-.row-list-enter-from[data-v-ef885a8c],
-.row-list-leave-to[data-v-ef885a8c] {
-  opacity: 0;
-  transform: translateY(6px);
-}
-.row-list-move[data-v-ef885a8c] {
-  transition: transform 0.2s ease;
-}
-
-/* Scrollbar — thin, unobtrusive */
-.overflow-y-auto[data-v-ef885a8c]::-webkit-scrollbar {
-  width: 6px;
-}
-.overflow-y-auto[data-v-ef885a8c]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.overflow-y-auto[data-v-ef885a8c]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 9999px;
-}
-.overflow-y-auto[data-v-ef885a8c]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.panel-slide-enter-active[data-v-90154b02],
-.panel-slide-leave-active[data-v-90154b02] {
-  transition:
-    opacity 0.18s ease,
-    transform 0.18s ease;
-}
-.panel-slide-enter-from[data-v-90154b02],
-.panel-slide-leave-to[data-v-90154b02] {
-  opacity: 0;
-  transform: translateX(-10px);
-}
-.row-list-enter-active[data-v-90154b02],
-.row-list-leave-active[data-v-90154b02] {
-  transition:
-    opacity 0.2s ease,
-    transform 0.2s ease;
-}
-.row-list-enter-from[data-v-90154b02],
-.row-list-leave-to[data-v-90154b02] {
-  opacity: 0;
-  transform: translateY(6px);
-}
-.row-list-move[data-v-90154b02] {
-  transition: transform 0.2s ease;
-}
-
-/* Scrollbar — thin, unobtrusive. Matches SavedRowsPanel. */
-.overflow-y-auto[data-v-90154b02]::-webkit-scrollbar {
-  width: 6px;
-}
-.overflow-y-auto[data-v-90154b02]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.overflow-y-auto[data-v-90154b02]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 9999px;
-}
-.overflow-y-auto[data-v-90154b02]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.panel-slide-enter-active[data-v-9d31c919],
-.panel-slide-leave-active[data-v-9d31c919] {
-  transition:
-    opacity 0.18s ease,
-    transform 0.18s ease;
-}
-.panel-slide-enter-from[data-v-9d31c919],
-.panel-slide-leave-to[data-v-9d31c919] {
-  opacity: 0;
-  transform: translateX(-10px);
-}
-.row-list-enter-active[data-v-9d31c919],
-.row-list-leave-active[data-v-9d31c919] {
-  transition:
-    opacity 0.2s ease,
-    transform 0.2s ease;
-}
-.row-list-enter-from[data-v-9d31c919],
-.row-list-leave-to[data-v-9d31c919] {
-  opacity: 0;
-  transform: translateY(6px);
-}
-.row-list-move[data-v-9d31c919] {
-  transition: transform 0.2s ease;
-}
-
-/* Scrollbar — thin, unobtrusive. Matches SavedTemplatesPanel. */
-.overflow-y-auto[data-v-9d31c919]::-webkit-scrollbar {
-  width: 6px;
-}
-.overflow-y-auto[data-v-9d31c919]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.overflow-y-auto[data-v-9d31c919]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 9999px;
-}
-.overflow-y-auto[data-v-9d31c919]::-webkit-scrollbar-thumb:hover {
-  background: var(--md-text-subtle);
-}
-
-.md-toast__region[data-v-7df3ae7b] {
-  position: fixed;
-  top: 1rem;
-  right: 1rem;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  pointer-events: none;
-}
-.md-toast[data-v-7df3ae7b] {
-  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-7df3ae7b] {
-  font-size: 15px;
-  flex-shrink: 0;
-  margin-top: 0.0625rem;
-}
-.md-toast__body[data-v-7df3ae7b] {
-  flex: 1;
-  min-width: 0;
-}
-.md-toast__summary[data-v-7df3ae7b] {
-  font-weight: 500;
-}
-.md-toast__detail[data-v-7df3ae7b] {
-  font-size: 12px;
-  opacity: 0.8;
-  margin-top: 0.125rem;
-}
-.md-toast__close[data-v-7df3ae7b] {
-  flex-shrink: 0;
-  opacity: 0.5;
-  background: none;
-  border: 0;
-  cursor: pointer;
-  color: inherit;
-}
-.md-toast__close[data-v-7df3ae7b]:hover {
-  opacity: 1;
-}
-.md-toast--success[data-v-7df3ae7b] {
-  background: var(--md-success-bg);
-  border-color: var(--md-success-border);
-  color: var(--md-success-fg);
-}
-.md-toast--info[data-v-7df3ae7b] {
-  background: var(--md-info-bg);
-  border-color: var(--md-info-border);
-  color: var(--md-info-fg);
-}
-.md-toast--warn[data-v-7df3ae7b] {
-  background: var(--md-surface);
-  border-color: var(--md-warning-border);
-  color: var(--md-warning-fg);
-}
-.md-toast--error[data-v-7df3ae7b] {
-  background: var(--md-danger-bg);
-  border-color: var(--md-danger-border);
-  color: var(--md-danger-fg);
-}
-.md-toast-enter-active[data-v-7df3ae7b],
-.md-toast-leave-active[data-v-7df3ae7b] {
-  transition: all 0.2s ease;
-}
-.md-toast-enter-from[data-v-7df3ae7b],
-.md-toast-leave-to[data-v-7df3ae7b] {
-  opacity: 0;
-  transform: translateX(20px);
-}
-
-.md-confirm__body[data-v-b70facc7] {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-}
-.md-confirm__icon[data-v-b70facc7] {
-  font-size: 22px;
-  color: var(--md-warning);
-  flex-shrink: 0;
-  margin-top: 0.125rem;
-}
-.md-confirm__message[data-v-b70facc7] {
-  margin: 0;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--md-text);
-}
-
-/* ── Orb ──────────────────────────────────────────────────────────────────── */
-.health-orb[data-v-e50d82a8] {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  padding: 0;
-  outline: none;
-  flex-shrink: 0;
-}
-.health-orb:focus-visible .orb-core[data-v-e50d82a8] {
-  box-shadow: 0 0 0 3px rgba(66, 56, 158, 0.4);
-}
-
-/* Pulse rings */
-.orb-ring[data-v-e50d82a8] {
-  position: absolute;
-  border-radius: 50%;
-  animation: orb-pulse-e50d82a8 2.4s ease-out infinite;
-}
-.orb-ring--outer[data-v-e50d82a8] {
-  width: 22px;
-  height: 22px;
-  animation-delay: 0s;
-}
-.orb-ring--inner[data-v-e50d82a8] {
-  width: 16px;
-  height: 16px;
-  animation-delay: 0.6s;
-}
-
-/* Core */
-.orb-core[data-v-e50d82a8] {
-  position: relative;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  transition:
-    transform 0.15s ease,
-    box-shadow 0.15s ease;
-  z-index: 1;
-}
-.health-orb:hover .orb-core[data-v-e50d82a8],
-.health-orb--active .orb-core[data-v-e50d82a8] {
-  transform: scale(1.15);
-}
-
-/* ── Status colours with brand accent ───────────────────────────────────────── */
-.health-orb--good .orb-ring[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.25);
-}
-.health-orb--good .orb-core[data-v-e50d82a8] {
-  background: #22c55e;
-  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-e50d82a8] {
-  background: rgba(245, 158, 11, 0.28);
-}
-.health-orb--warn .orb-core[data-v-e50d82a8] {
-  background: #f59e0b;
-  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-e50d82a8] {
-  background: rgba(239, 68, 68, 0.28);
-}
-.health-orb--bad .orb-core[data-v-e50d82a8] {
-  background: #ef4444;
-  box-shadow:
-    0 0 0 2px rgba(239, 68, 68, 0.2),
-    0 0 8px rgba(239, 68, 68, 0.4);
-}
-@keyframes orb-pulse-e50d82a8 {
-0% {
-    transform: scale(0.6);
-    opacity: 0.7;
-}
-60% {
-    transform: scale(1.6);
-    opacity: 0;
-}
-100% {
-    transform: scale(1.6);
-    opacity: 0;
-}
-}
-
-/* ── Panel ────────────────────────────────────────────────────────────────── */
-.health-panel[data-v-e50d82a8] {
-  position: absolute;
-  top: calc(100% + 10px);
-  left: 50%;
-  transform: translateX(-50%);
-  width: 300px;
-  background: #18181b;
-  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);
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  /* Smooth horizontal expansion */
-  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.health-panel--expanded[data-v-e50d82a8] {
-  width: 400px;
-}
-
-/* When expanded, stat grid uses 3 cols instead of 2 */
-.health-panel--expanded .detail-stats[data-v-e50d82a8] {
-  grid-template-columns: repeat(3, 1fr);
-}
-
-/* When expanded, accessibility list gets more vertical room */
-.health-panel--expanded .a11y-list[data-v-e50d82a8] {
-  max-height: 320px;
-}
-
-/* When expanded, format rows go side-by-side */
-.health-panel--expanded .format-note[data-v-e50d82a8] {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 6px;
-}
-.health-panel--expanded .format-row[data-v-e50d82a8] {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 4px;
-}
-
-/* ── Panel header with brand color ─────────────────────────────────────────── */
-.panel-header[data-v-e50d82a8] {
-  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-e50d82a8] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-/* Expand toggle button */
-.panel-expand-btn[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  border-radius: 6px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  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;
-  flex-shrink: 0;
-  padding: 0;
-}
-.panel-expand-btn[data-v-e50d82a8]:hover {
-  background: rgba(66, 56, 158, 0.18);
-  border-color: rgba(66, 56, 158, 0.4);
-  color: #a5b4fc;
-}
-.panel-expand-btn[data-v-e50d82a8]:focus-visible {
-  outline: 2px solid rgba(66, 56, 158, 0.5);
-  outline-offset: 1px;
-}
-.panel-expand-btn--active[data-v-e50d82a8] {
-  background: rgba(66, 56, 158, 0.2);
-  border-color: rgba(66, 56, 158, 0.45);
-  color: #a5b4fc;
-}
-.panel-title[data-v-e50d82a8] {
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: #a5b4fc;
-}
-.panel-status-badge[data-v-e50d82a8] {
-  font-size: 10px;
-  font-weight: 600;
-  padding: 2px 8px;
-  border-radius: 99px;
-}
-.status-badge--good[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.15);
-  color: #4ade80;
-}
-.status-badge--warn[data-v-e50d82a8] {
-  background: rgba(245, 158, 11, 0.15);
-  color: #fbbf24;
-}
-.status-badge--bad[data-v-e50d82a8] {
-  background: rgba(239, 68, 68, 0.15);
-  color: #f87171;
-}
-
-/* ── Metric cards ─────────────────────────────────────────────────────────── */
-.metric-card[data-v-e50d82a8] {
-  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;
-  overflow: hidden;
-  user-select: none;
-}
-.metric-card[data-v-e50d82a8]:hover {
-  background: rgba(66, 56, 158, 0.1);
-  border-color: rgba(66, 56, 158, 0.3);
-}
-.metric-card[data-v-e50d82a8]:focus-visible {
-  outline: 2px solid rgba(66, 56, 158, 0.5);
-  outline-offset: 2px;
-}
-.metric-card--good[data-v-e50d82a8] {
-  border-color: rgba(34, 197, 94, 0.15);
-}
-.metric-card--warn[data-v-e50d82a8] {
-  border-color: rgba(245, 158, 11, 0.15);
-}
-.metric-card--bad[data-v-e50d82a8] {
-  border-color: rgba(239, 68, 68, 0.2);
-}
-.metric-card--good.metric-card--expanded[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.05);
-}
-.metric-card--warn.metric-card--expanded[data-v-e50d82a8] {
-  background: rgba(245, 158, 11, 0.05);
-}
-.metric-card--bad.metric-card--expanded[data-v-e50d82a8] {
-  background: rgba(239, 68, 68, 0.06);
-}
-
-/* ── Summary row ──────────────────────────────────────────────────────────── */
-.metric-summary[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 9px 10px;
-  gap: 8px;
-}
-.metric-left[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  min-width: 0;
-}
-.metric-icon[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  opacity: 0.8;
-  flex-shrink: 0;
-}
-.metric-label[data-v-e50d82a8] {
-  font-size: 11.5px;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.7);
-  white-space: nowrap;
-}
-.metric-right[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex-shrink: 0;
-}
-
-/* Mini bar */
-.mini-bar[data-v-e50d82a8] {
-  width: 36px;
-  height: 4px;
-  border-radius: 99px;
-  background: rgba(255, 255, 255, 0.1);
-  overflow: hidden;
-}
-.mini-bar-fill[data-v-e50d82a8] {
-  height: 100%;
-  border-radius: 99px;
-  transition: width 0.5s ease;
-}
-.mini-bar-fill--good[data-v-e50d82a8] {
-  background: #22c55e;
-}
-.mini-bar-fill--warn[data-v-e50d82a8] {
-  background: #f59e0b;
-}
-.mini-bar-fill--bad[data-v-e50d82a8] {
-  background: #ef4444;
-}
-
-/* Status dot */
-.status-dot[data-v-e50d82a8] {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.status-dot--good[data-v-e50d82a8] {
-  background: #22c55e;
-}
-.status-dot--warn[data-v-e50d82a8] {
-  background: #f59e0b;
-}
-.status-dot--bad[data-v-e50d82a8] {
-  background: #ef4444;
-}
-
-/* Pulsing dot for bad status */
-.pulse-dot[data-v-e50d82a8] {
-  position: relative;
-  width: 6px;
-  height: 6px;
-  flex-shrink: 0;
-}
-.pulse-dot[data-v-e50d82a8]::before,
-.pulse-dot[data-v-e50d82a8]::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-}
-.pulse-dot--bad[data-v-e50d82a8]::before {
-  background: #ef4444;
-  z-index: 1;
-}
-.pulse-dot--bad[data-v-e50d82a8]::after {
-  background: #ef4444;
-  animation: dot-ping-e50d82a8 1.5s ease-out infinite;
-}
-@keyframes dot-ping-e50d82a8 {
-0% {
-    transform: scale(1);
-    opacity: 0.75;
-}
-100% {
-    transform: scale(2.5);
-    opacity: 0;
-}
-}
-.metric-value[data-v-e50d82a8] {
-  font-size: 11.5px;
-  font-weight: 600;
-  font-variant-numeric: tabular-nums;
-}
-.metric-value--good[data-v-e50d82a8] {
-  color: #4ade80;
-}
-.metric-value--warn[data-v-e50d82a8] {
-  color: #fbbf24;
-}
-.metric-value--bad[data-v-e50d82a8] {
-  color: #f87171;
-}
-
-/* Chevron */
-.chevron[data-v-e50d82a8] {
-  color: rgba(255, 255, 255, 0.3);
-  transition:
-    transform 0.2s ease,
-    color 0.15s ease;
-  flex-shrink: 0;
-}
-.chevron--open[data-v-e50d82a8] {
-  transform: rotate(180deg);
-  color: rgba(255, 255, 255, 0.6);
-}
-.metric-card:hover .chevron[data-v-e50d82a8] {
-  color: rgba(255, 255, 255, 0.5);
-}
-
-/* ── Expanded detail ──────────────────────────────────────────────────────── */
-.metric-detail[data-v-e50d82a8] {
-  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-e50d82a8] {
-  font-size: 11px;
-  line-height: 1.55;
-  color: rgba(255, 255, 255, 0.55);
-  margin: 6px 0 0;
-}
-
-/* Stats grid */
-.detail-stats[data-v-e50d82a8] {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 4px 12px;
-}
-.stat-item[data-v-e50d82a8] {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 6px;
-}
-.stat-label[data-v-e50d82a8] {
-  font-size: 10.5px;
-  color: rgba(255, 255, 255, 0.35);
-  white-space: nowrap;
-}
-.stat-value[data-v-e50d82a8] {
-  font-size: 11px;
-  font-weight: 600;
-  color: rgba(255, 255, 255, 0.75);
-  font-variant-numeric: tabular-nums;
-}
-
-/* Thresholds */
-.detail-thresholds[data-v-e50d82a8] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding-top: 4px;
-  border-top: 1px solid rgba(255, 255, 255, 0.05);
-}
-.threshold[data-v-e50d82a8] {
-  font-size: 10px;
-  font-weight: 500;
-  padding: 2px 7px;
-  border-radius: 99px;
-}
-.threshold--good[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.12);
-  color: #4ade80;
-}
-.threshold--warn[data-v-e50d82a8] {
-  background: rgba(245, 158, 11, 0.12);
-  color: #fbbf24;
-}
-.threshold--bad[data-v-e50d82a8] {
-  background: rgba(239, 68, 68, 0.12);
-  color: #f87171;
-}
-
-/* ── Format note (KB card) ────────────────────────────────────────────────── */
-.format-note[data-v-e50d82a8] {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  background: rgba(0, 0, 0, 0.2);
-  border-radius: 8px;
-  padding: 8px;
-}
-.format-row[data-v-e50d82a8] {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-}
-.format-badge[data-v-e50d82a8] {
-  font-size: 9.5px;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  padding: 2px 6px;
-  border-radius: 4px;
-  flex-shrink: 0;
-  margin-top: 1px;
-  background: rgba(66, 56, 158, 0.3);
-  color: #a5b4fc;
-}
-.format-badge--muted[data-v-e50d82a8] {
-  background: rgba(255, 255, 255, 0.07);
-  color: rgba(255, 255, 255, 0.35);
-}
-.format-info[data-v-e50d82a8] {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-.format-range[data-v-e50d82a8] {
-  font-size: 11px;
-  font-weight: 600;
-  color: rgba(255, 255, 255, 0.8);
-}
-.format-range--muted[data-v-e50d82a8] {
-  color: rgba(255, 255, 255, 0.35);
-  font-weight: 500;
-}
-.format-caveat[data-v-e50d82a8] {
-  font-size: 10px;
-  line-height: 1.4;
-  color: rgba(255, 255, 255, 0.35);
-}
-
-/* ── Accessibility card ───────────────────────────────────────────────────── */
-.a11y-detail[data-v-e50d82a8] {
-  cursor: default;
-  padding: 8px 10px 10px;
-  gap: 10px;
-}
-
-/* Tabs */
-.a11y-tabs[data-v-e50d82a8] {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 4px;
-  background: rgba(0, 0, 0, 0.25);
-  padding: 3px;
-  border-radius: 8px;
-}
-.a11y-tab[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 6px 4px;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: 10.5px;
-  font-weight: 600;
-  letter-spacing: 0.02em;
-  color: rgba(255, 255, 255, 0.45);
-  transition:
-    background 0.15s ease,
-    color 0.15s ease;
-}
-.a11y-tab[data-v-e50d82a8]:hover {
-  color: rgba(255, 255, 255, 0.75);
-  background: rgba(255, 255, 255, 0.04);
-}
-.a11y-tab[data-v-e50d82a8]:focus-visible {
-  outline: 2px solid rgba(66, 56, 158, 0.5);
-  outline-offset: 1px;
-}
-.a11y-tab--active[data-v-e50d82a8] {
-  background: rgba(255, 255, 255, 0.07);
-  color: rgba(255, 255, 255, 0.92);
-}
-.a11y-tab-label[data-v-e50d82a8] {
-  text-transform: uppercase;
-}
-.a11y-tab-count[data-v-e50d82a8] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 16px;
-  padding: 0 5px;
-  border-radius: 99px;
-  font-size: 10px;
-  font-weight: 700;
-  font-variant-numeric: tabular-nums;
-  line-height: 1;
-}
-.a11y-tab-count--failed[data-v-e50d82a8] {
-  background: rgba(239, 68, 68, 0.18);
-  color: #f87171;
-}
-.a11y-tab-count--passed[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.18);
-  color: #4ade80;
-}
-.a11y-tab-count--ignored[data-v-e50d82a8] {
-  background: rgba(255, 255, 255, 0.08);
-  color: rgba(255, 255, 255, 0.5);
-}
-
-/* List */
-.a11y-list[data-v-e50d82a8] {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  max-height: 240px;
-  overflow-y: auto;
-  /* Custom thin scrollbar */
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
-}
-.a11y-list[data-v-e50d82a8]::-webkit-scrollbar {
-  width: 6px;
-}
-.a11y-list[data-v-e50d82a8]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.a11y-list[data-v-e50d82a8]::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.12);
-  border-radius: 99px;
-}
-.a11y-empty[data-v-e50d82a8] {
-  font-size: 11px;
-  color: rgba(255, 255, 255, 0.4);
-  text-align: center;
-  padding: 12px 4px;
-  margin: 0;
-}
-.a11y-item[data-v-e50d82a8] {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 8px;
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.03);
-  border-left: 2px solid transparent;
-}
-.a11y-item--critical[data-v-e50d82a8] {
-  border-left-color: #ef4444;
-}
-.a11y-item--serious[data-v-e50d82a8] {
-  border-left-color: #f59e0b;
-}
-.a11y-item--passed[data-v-e50d82a8] {
-  border-left-color: rgba(34, 197, 94, 0.5);
-}
-.a11y-item--ignored[data-v-e50d82a8] {
-  border-left-color: rgba(255, 255, 255, 0.18);
-  opacity: 0.75;
-}
-.a11y-item-header[data-v-e50d82a8] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.a11y-severity[data-v-e50d82a8] {
-  display: inline-flex;
-  align-items: center;
-  font-size: 9px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  padding: 2px 6px;
-  border-radius: 4px;
-  flex-shrink: 0;
-}
-.a11y-severity--critical[data-v-e50d82a8] {
-  background: rgba(239, 68, 68, 0.18);
-  color: #f87171;
-}
-.a11y-severity--serious[data-v-e50d82a8] {
-  background: rgba(245, 158, 11, 0.18);
-  color: #fbbf24;
-}
-.a11y-severity--passed[data-v-e50d82a8] {
-  background: rgba(34, 197, 94, 0.18);
-  color: #4ade80;
-}
-.a11y-severity--ignored[data-v-e50d82a8] {
-  background: rgba(255, 255, 255, 0.07);
-  color: rgba(255, 255, 255, 0.5);
-}
-.a11y-rule[data-v-e50d82a8] {
-  font-size: 11px;
-  font-weight: 600;
-  color: rgba(255, 255, 255, 0.85);
-  flex: 1;
-  min-width: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.a11y-action[data-v-e50d82a8] {
-  background: transparent;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  padding: 2px 7px;
-  font-family: inherit;
-  font-size: 9.5px;
-  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;
-  flex-shrink: 0;
-}
-.a11y-action[data-v-e50d82a8]: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-e50d82a8]:focus-visible {
-  outline: 2px solid rgba(66, 56, 158, 0.5);
-  outline-offset: 1px;
-}
-.a11y-action--restore[data-v-e50d82a8] {
-  border-color: rgba(165, 180, 252, 0.25);
-  color: #a5b4fc;
-}
-.a11y-action--restore[data-v-e50d82a8]:hover {
-  background: rgba(66, 56, 158, 0.15);
-  border-color: rgba(165, 180, 252, 0.4);
-  color: #c7d2fe;
-}
-.a11y-message[data-v-e50d82a8] {
-  font-size: 10.5px;
-  line-height: 1.5;
-  color: rgba(255, 255, 255, 0.65);
-  margin: 0;
-}
-.a11y-info[data-v-e50d82a8] {
-  font-size: 10px;
-  line-height: 1.5;
-  color: rgba(255, 255, 255, 0.38);
-  margin: 0;
-  padding-top: 2px;
-  border-top: 1px dashed rgba(255, 255, 255, 0.06);
-}
-
-/* ── Panel footer ─────────────────────────────────────────────────────────── */
-.panel-footer[data-v-e50d82a8] {
-  font-size: 10px;
-  color: rgba(255, 255, 255, 0.22);
-  text-align: center;
-  padding-top: 4px;
-  margin: 0;
-}
-
-/* ── Click-outside overlay ────────────────────────────────────────────────── */
-.click-outside[data-v-e50d82a8] {
-  position: fixed;
-  inset: 0;
-  z-index: 9998;
-}
-
-/* ── Transitions ──────────────────────────────────────────────────────────── */
-.popover-enter-active[data-v-e50d82a8] {
-  transition:
-    opacity 0.18s ease,
-    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-.popover-leave-active[data-v-e50d82a8] {
-  transition:
-    opacity 0.12s ease,
-    transform 0.12s ease;
-}
-.popover-enter-from[data-v-e50d82a8] {
-  opacity: 0;
-  transform: translateX(-50%) translateY(-6px) scale(0.97);
-}
-.popover-leave-to[data-v-e50d82a8] {
-  opacity: 0;
-  transform: translateX(-50%) translateY(-4px) scale(0.98);
-}
-.expand-enter-active[data-v-e50d82a8] {
-  transition:
-    opacity 0.18s ease,
-    max-height 0.22s ease;
-  max-height: 300px;
-  overflow: hidden;
-}
-.expand-leave-active[data-v-e50d82a8] {
-  transition:
-    opacity 0.12s ease,
-    max-height 0.18s ease;
-  overflow: hidden;
-}
-.expand-enter-from[data-v-e50d82a8] {
-  opacity: 0;
-  max-height: 0;
-}
-.expand-leave-to[data-v-e50d82a8] {
-  opacity: 0;
-  max-height: 0;
-}
-
-.picker-overlay-enter-active[data-v-769fdd18],
-.picker-overlay-leave-active[data-v-769fdd18] {
-  transition: opacity 0.2s ease;
-}
-.picker-overlay-enter-from[data-v-769fdd18],
-.picker-overlay-leave-to[data-v-769fdd18] {
-  opacity: 0;
-}
-.picker-drawer-enter-active[data-v-769fdd18],
-.picker-drawer-leave-active[data-v-769fdd18] {
-  transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
-}
-.picker-drawer-enter-from[data-v-769fdd18],
-.picker-drawer-leave-to[data-v-769fdd18] {
-  transform: translateX(100%);
-}
-
-.note-enter-active[data-v-3767ab19],
-.note-leave-active[data-v-3767ab19] {
-  transition:
-    opacity 0.2s ease,
-    max-height 0.25s ease;
-  max-height: 60px;
-  overflow: hidden;
-}
-.note-enter-from[data-v-3767ab19],
-.note-leave-to[data-v-3767ab19] {
-  opacity: 0;
-  max-height: 0;
-}
-
-.md-msg[data-v-c41482a2] {
-  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-c41482a2] {
-  margin-top: 0.125rem;
-  flex-shrink: 0;
-  font-size: 14px;
-}
-.md-msg__body[data-v-c41482a2] {
-  flex: 1;
-  min-width: 0;
-}
-.md-msg__close[data-v-c41482a2] {
-  opacity: 0.6;
-  cursor: pointer;
-  background: none;
-  border: 0;
-}
-.md-msg__close[data-v-c41482a2]:hover {
-  opacity: 1;
-}
-.md-msg--info[data-v-c41482a2] {
-  background: var(--md-info-bg);
-  border-color: var(--md-info-border);
-  color: var(--md-info-fg);
-}
-.md-msg--success[data-v-c41482a2] {
-  background: var(--md-success-bg);
-  border-color: var(--md-success-border);
-  color: var(--md-success-fg);
-}
-.md-msg--warn[data-v-c41482a2] {
-  background: var(--md-surface) beb;
-  border-color: var(--md-warning-border);
-  color: var(--md-warning-fg);
-}
-.md-msg--error[data-v-c41482a2] {
-  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-26ac5f8e],
-.autosave-fade-leave-active[data-v-26ac5f8e] {
-  transition:
-    opacity 0.2s ease,
-    transform 0.2s ease;
-}
-.autosave-fade-enter-from[data-v-26ac5f8e] {
-  opacity: 0;
-  transform: translateY(4px);
-}
-.autosave-fade-leave-to[data-v-26ac5f8e] {
-  opacity: 0;
-  transform: translateY(-4px);
-}
-
-.md-assistant-fab[data-v-e3d36e68] {
-  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-e3d36e68]:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 14px rgb(0 0 0 / 22%);
-}
-.md-assistant-fab[data-v-e3d36e68]:focus-visible {
-  outline: 2px solid var(--md-primary);
-  outline-offset: 2px;
-}
-.md-assistant-drawer[data-v-e3d36e68] {
-  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-e3d36e68] {
-  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-e3d36e68] {
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--md-text-subtle);
-}
-.md-assistant-close[data-v-e3d36e68] {
-  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-e3d36e68]: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-e3d36e68] {
-  flex: 1 1 auto;
-  overflow-y: auto;
-  padding: 0.75rem;
-}
-.md-assistant-body[data-v-e3d36e68]::-webkit-scrollbar {
-  width: 6px;
-}
-.md-assistant-body[data-v-e3d36e68]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.md-assistant-body[data-v-e3d36e68]::-webkit-scrollbar-thumb {
-  background: var(--md-border-strong);
-  border-radius: 9999px;
-}
-.assistant-slide-enter-active[data-v-e3d36e68],
-.assistant-slide-leave-active[data-v-e3d36e68] {
-  transition:
-    opacity 0.18s ease,
-    transform 0.18s ease;
-}
-.assistant-slide-enter-from[data-v-e3d36e68],
-.assistant-slide-leave-to[data-v-e3d36e68] {
-  opacity: 0;
-  transform: translateX(12px);
-}
-/*$vite$:1*/