@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-300.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-500.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/jetbrains-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/jetbrains-mono-600.woff2") format("woff2");
}

/* Latin Extended (ő, ű and the like), picked per character by unicode-range. */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-ext-300.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-ext-500.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-ext-600.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-ext-600.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root,
.pg-overlay-backdrop {
  --popup-width: 420px;
  --popup-height: 600px;
  --font-sans: "IBM Plex Sans", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Surfaces, from the page background up to raised controls. */
  --color-header: #0f172a;
  --color-surface: #f4f5fa;
  --color-card: #ffffff;
  --color-elevated: #ffffff;
  --color-input: #f8f9fc;
  --color-muted-bg: #eef0f6;
  --color-hover: rgb(15 23 42 / 4%);
  --color-chrome: rgb(255 255 255 / 82%);
  --color-border: rgb(15 23 42 / 8%);
  --color-border-strong: rgb(15 23 42 / 13%);

  /* Text. */
  --color-ink: #0f1424;
  --color-muted: #5b6478;
  --color-subtle: #8a93a8;

  /* Brand: the logo's teal → indigo. */
  --color-accent: #4f46e5;
  --color-accent-hover: #4338ca;
  --color-accent-soft: rgb(79 70 229 / 9%);
  --color-on-accent: #ffffff;
  --color-brand-gradient: linear-gradient(135deg, #14b8a6 0%, #4f46e5 100%);
  --color-glow: #7c6cf0;
  --color-focus: rgb(79 70 229 / 35%);

  --color-success: #16a34a;
  --color-danger: #e11d48;
  --color-danger-soft: rgb(225 29 72 / 9%);
  --color-toggle-off: #cbd2e0;
  --color-toast-bg: #0f1424;
  --color-toast-fg: #ffffff;

  /* Notice boxes (resource warnings and the like): border, background, text. */
  --tone-warning-border: rgb(245 158 11 / 42%);
  --tone-warning-bg: rgb(245 158 11 / 11%);
  --tone-warning-fg: #92400e;
  --tone-warning-strong: #b45309;
  --tone-critical-border: rgb(239 68 68 / 50%);
  --tone-critical-bg: rgb(239 68 68 / 10%);
  --tone-critical-fg: #991b1b;
  --tone-critical-strong: #b91c1c;
  --tone-info-border: rgb(79 70 229 / 35%);
  --tone-info-bg: rgb(79 70 229 / 8%);
  --tone-info-fg: #312e81;
  --tone-info-strong: #4338ca;
  --tone-ok-border: rgb(34 197 94 / 42%);
  --tone-ok-bg: rgb(34 197 94 / 10%);
  --tone-ok-fg: #065f46;
  --tone-ok-strong: #047857;
  --tone-muted-border: rgb(148 163 184 / 45%);
  --tone-muted-bg: rgb(148 163 184 / 10%);
  --tone-muted-fg: #334155;
  --tone-muted-strong: #1e293b;

  --shadow-sm: 0 1px 2px rgb(15 23 42 / 5%);
  --shadow-md: 0 1px 2px rgb(15 23 42 / 4%), 0 4px 16px rgb(15 23 42 / 6%);
  --shadow-lg: 0 10px 30px rgb(15 23 42 / 16%);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --border-hairline: 1px solid var(--color-border);
  --toggle-width: 42px;
  --toggle-height: 24px;
  --toggle-knob: 18px;

  color-scheme: light;

  /* Per-group entity palette — one token pair per popup category group.
   * Used by the highlighted spans in the review overlay and by the
   * entity-row pills so every entity of a given group looks the same. */
  --color-group-identity-bg: rgb(167 139 250 / 22%);
  --color-group-identity-fg: #6d28d9;
  --color-group-contact-bg: rgb(59 130 246 / 14%);
  --color-group-contact-fg: #1d4ed8;
  --color-group-financial-bg: rgb(217 70 239 / 14%);
  --color-group-financial-fg: #a21caf;
  --color-group-network-bg: rgb(20 184 166 / 14%);
  --color-group-network-fg: #0f766e;
  --color-group-location-bg: rgb(34 197 94 / 14%);
  --color-group-location-fg: #15803d;
  --color-group-password-bg: rgb(244 63 94 / 14%);
  --color-group-password-fg: #be123c;
  --color-group-organization-bg: rgb(249 115 22 / 14%);
  --color-group-organization-fg: #c2410c;
  --color-group-low-signal-bg: rgb(148 163 184 / 18%);
  --color-group-low-signal-fg: #475569;
}

/*
 * Dark theme: chosen explicitly (data-theme="dark"), or following the system
 * while the preference is "system". IDE webviews take their colors from the
 * IDE (src/ide/theme), so they are left out.
 */
:root[data-theme="dark"] {
  --color-header: #0b0f1a;
  --color-surface: #0b0e17;
  --color-card: #131826;
  --color-elevated: #1a2032;
  --color-input: #0f1320;
  --color-muted-bg: #1c2234;
  --color-hover: rgb(255 255 255 / 5%);
  --color-chrome: rgb(19 24 38 / 82%);
  --color-border: rgb(255 255 255 / 8%);
  --color-border-strong: rgb(255 255 255 / 14%);

  --color-ink: #e7eaf3;
  --color-muted: #9aa3b8;
  --color-subtle: #6c7590;

  --color-accent: #8b85ff;
  --color-accent-hover: #a29dff;
  --color-accent-soft: rgb(139 133 255 / 14%);
  --color-on-accent: #0b0e17;
  --color-glow: #8b85ff;
  --color-focus: rgb(139 133 255 / 45%);

  --color-success: #4ade80;
  --color-danger: #fb7185;
  --color-danger-soft: rgb(251 113 133 / 12%);
  --color-toggle-off: #3a4258;
  --color-toast-bg: #e7eaf3;
  --color-toast-fg: #0b0e17;

  --tone-warning-border: rgb(251 191 36 / 35%);
  --tone-warning-bg: rgb(251 191 36 / 10%);
  --tone-warning-fg: #fcd9a0;
  --tone-warning-strong: #fbbf24;
  --tone-critical-border: rgb(251 113 133 / 40%);
  --tone-critical-bg: rgb(251 113 133 / 10%);
  --tone-critical-fg: #fecdd3;
  --tone-critical-strong: #fb7185;
  --tone-info-border: rgb(139 133 255 / 40%);
  --tone-info-bg: rgb(139 133 255 / 10%);
  --tone-info-fg: #d4d2ff;
  --tone-info-strong: #a29dff;
  --tone-ok-border: rgb(74 222 128 / 35%);
  --tone-ok-bg: rgb(74 222 128 / 9%);
  --tone-ok-fg: #bbf7d0;
  --tone-ok-strong: #4ade80;
  --tone-muted-border: rgb(148 163 184 / 30%);
  --tone-muted-bg: rgb(148 163 184 / 8%);
  --tone-muted-fg: #cbd5e1;
  --tone-muted-strong: #e2e8f0;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
  --shadow-md: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 25%);
  --shadow-lg: 0 12px 34px rgb(0 0 0 / 45%);

  color-scheme: dark;

  --color-group-identity-bg: rgb(167 139 250 / 22%);
  --color-group-identity-fg: #c4b5fd;
  --color-group-contact-bg: rgb(96 165 250 / 20%);
  --color-group-contact-fg: #93c5fd;
  --color-group-financial-bg: rgb(232 121 249 / 20%);
  --color-group-financial-fg: #f0abfc;
  --color-group-network-bg: rgb(45 212 191 / 18%);
  --color-group-network-fg: #5eead4;
  --color-group-location-bg: rgb(74 222 128 / 18%);
  --color-group-location-fg: #86efac;
  --color-group-password-bg: rgb(251 113 133 / 20%);
  --color-group-password-fg: #fda4af;
  --color-group-organization-bg: rgb(251 146 60 / 20%);
  --color-group-organization-fg: #fdba74;
  --color-group-low-signal-bg: rgb(148 163 184 / 18%);
  --color-group-low-signal-fg: #cbd5e1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-ide-host]) {
    --color-header: #0b0f1a;
    --color-surface: #0b0e17;
    --color-card: #131826;
    --color-elevated: #1a2032;
    --color-input: #0f1320;
    --color-muted-bg: #1c2234;
    --color-hover: rgb(255 255 255 / 5%);
    --color-chrome: rgb(19 24 38 / 82%);
    --color-border: rgb(255 255 255 / 8%);
    --color-border-strong: rgb(255 255 255 / 14%);

    --color-ink: #e7eaf3;
    --color-muted: #9aa3b8;
    --color-subtle: #6c7590;

    --color-accent: #8b85ff;
    --color-accent-hover: #a29dff;
    --color-accent-soft: rgb(139 133 255 / 14%);
    --color-on-accent: #0b0e17;
    --color-glow: #8b85ff;
    --color-focus: rgb(139 133 255 / 45%);

    --color-success: #4ade80;
    --color-danger: #fb7185;
    --color-danger-soft: rgb(251 113 133 / 12%);
    --color-toggle-off: #3a4258;
    --color-toast-bg: #e7eaf3;
    --color-toast-fg: #0b0e17;

    --tone-warning-border: rgb(251 191 36 / 35%);
    --tone-warning-bg: rgb(251 191 36 / 10%);
    --tone-warning-fg: #fcd9a0;
    --tone-warning-strong: #fbbf24;
    --tone-critical-border: rgb(251 113 133 / 40%);
    --tone-critical-bg: rgb(251 113 133 / 10%);
    --tone-critical-fg: #fecdd3;
    --tone-critical-strong: #fb7185;
    --tone-info-border: rgb(139 133 255 / 40%);
    --tone-info-bg: rgb(139 133 255 / 10%);
    --tone-info-fg: #d4d2ff;
    --tone-info-strong: #a29dff;
    --tone-ok-border: rgb(74 222 128 / 35%);
    --tone-ok-bg: rgb(74 222 128 / 9%);
    --tone-ok-fg: #bbf7d0;
    --tone-ok-strong: #4ade80;
    --tone-muted-border: rgb(148 163 184 / 30%);
    --tone-muted-bg: rgb(148 163 184 / 8%);
    --tone-muted-fg: #cbd5e1;
    --tone-muted-strong: #e2e8f0;

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
    --shadow-md: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 25%);
    --shadow-lg: 0 12px 34px rgb(0 0 0 / 45%);

    color-scheme: dark;

    --color-group-identity-bg: rgb(167 139 250 / 22%);
    --color-group-identity-fg: #c4b5fd;
    --color-group-contact-bg: rgb(96 165 250 / 20%);
    --color-group-contact-fg: #93c5fd;
    --color-group-financial-bg: rgb(232 121 249 / 20%);
    --color-group-financial-fg: #f0abfc;
    --color-group-network-bg: rgb(45 212 191 / 18%);
    --color-group-network-fg: #5eead4;
    --color-group-location-bg: rgb(74 222 128 / 18%);
    --color-group-location-fg: #86efac;
    --color-group-password-bg: rgb(251 113 133 / 20%);
    --color-group-password-fg: #fda4af;
    --color-group-organization-bg: rgb(251 146 60 / 20%);
    --color-group-organization-fg: #fdba74;
    --color-group-low-signal-bg: rgb(148 163 184 / 18%);
    --color-group-low-signal-fg: #cbd5e1;
  }
}

button,
input,
select,
textarea {
  font-family: inherit;
}
button {
  font: inherit;
}

::selection {
  background: var(--color-accent-soft);
}

/* The side panel is laid out for a narrow browser panel; centre it on a page. */
body {
  margin: 0;
  background:
    radial-gradient(1200px 400px at 50% -120px, var(--color-accent-soft), transparent 70%),
    var(--color-surface);
}

/* Beats the panel's own `#app { margin: 0 }`. */
body #app {
  max-width: 960px;
  height: auto;
  min-height: calc(100vh - 60px);
  margin: 0 auto;
}

/* The panel scrolls with the page here, so the header sticks to the window. */
body #app .panel-header {
  border: 1px solid var(--color-border);
  border-top: 0;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.pg-web-footer {
  max-width: 960px;
  margin: 0 auto;
  padding: 8px 20px 28px;
  box-sizing: border-box;
  font: 12px/1.55 var(--font-sans);
  color: var(--color-muted);
}

.pg-web-footer a {
  color: var(--color-accent);
  text-decoration: none;
}

.pg-web-footer a:hover {
  text-decoration: underline;
}

.pg-web-get h2 {
  margin: 0 0 10px;
  color: var(--color-subtle);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.pg-web-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.pg-web-tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-card);
  box-shadow: var(--shadow-sm);
  color: var(--color-muted);
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

a.pg-web-tile:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
  text-decoration: none;
  transform: translateY(-1px);
}

.pg-web-tile > span:not(.pg-web-cta, .pg-web-links) {
  color: var(--color-muted);
}

.pg-web-tile strong {
  color: var(--color-ink);
  font-size: 13px;
  font-weight: 600;
}

.pg-web-cta {
  margin-top: 4px;
  color: var(--color-accent);
  font-weight: 600;
}

.pg-web-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.pg-web-links a {
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  background: var(--color-accent-soft);
  font-weight: 500;
}

.pg-web-links a:hover {
  text-decoration: none;
  filter: brightness(1.05);
}

.pg-web-note {
  display: flex;
  gap: 8px;
  margin: 16px 0 0;
}

.pg-web-note svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--color-success);
}

.pg-web-offline {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
}

.pg-web-offline button {
  font: inherit;
  color: var(--color-accent);
  background: var(--color-accent-soft);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 3px 12px;
  cursor: pointer;
}

.pg-web-offline button[hidden] {
  display: none;
}

.pg-web-version {
  margin-left: auto;
  font-family: var(--font-mono);
  color: var(--color-subtle);
}

.pg-web-offline button:disabled {
  opacity: 0.6;
  cursor: progress;
}

@media (max-width: 520px) {
  .pg-web-footer {
    padding: 8px 16px 24px;
  }
}

.pg-web-footlinks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 8px;
}

.pg-web-footlinks {
  align-items: center;
}

.pg-web-sponsor {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #db61a2;
  border-radius: 999px;
  background: #fdf0f7;
  color: #a1306f;
  font-weight: 600;
  text-decoration: none;
}

.pg-web-sponsor:hover {
  background: #db61a2;
  color: #fff;
}

.pg-web-sponsor span[aria-hidden] {
  color: #db61a2;
}

.pg-web-sponsor:hover span[aria-hidden] {
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  .pg-web-sponsor {
    background: rgba(219, 97, 162, 0.15);
    color: #f3a6cf;
  }
}


  .model-download.svelte-q7n25o {
    padding: 9px 16px 10px;
    background: var(--tone-info-bg);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-ink);
    font-size: 11px;
  }
  .model-download.failed.svelte-q7n25o {
    color: var(--color-danger);
  }
  p.svelte-q7n25o {
    margin: 0 0 6px;
    line-height: 1.35;
  }
  .hint.svelte-q7n25o {
    margin: 6px 0 0;
    color: var(--color-muted);
  }
  .bar.svelte-q7n25o {
    height: 6px;
    border-radius: var(--radius-pill);
    background: var(--color-border);
    overflow: hidden;
  }
  .bar.svelte-q7n25o span:where(.svelte-q7n25o) {
    display: block;
    height: 100%;
    background: var(--color-accent);
    transition: width 0.3s ease;
  }
  .bar.svelte-q7n25o span.indeterminate:where(.svelte-q7n25o) {
    width: 30%;
    animation: svelte-q7n25o-slide 1.2s ease-in-out infinite;
  }
  @keyframes svelte-q7n25o-slide {
    from { transform: translateX(-100%); }
    to { transform: translateX(340%); }
  }
  button.svelte-q7n25o {
    font: inherit;
    padding: 3px 10px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    background: var(--color-card);
    color: var(--color-ink);
    cursor: pointer;
  }

	.pg-logo.svelte-14zdltd {
		display: block;
		width: auto;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}

	.prefs.svelte-yqp1j3 {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex-shrink: 0;
	}
	.icon-btn.svelte-yqp1j3,
	.lang.svelte-yqp1j3 {
		display: inline-flex;
		align-items: center;
		height: 30px;
		border: 1px solid var(--color-border);
		border-radius: var(--radius-pill);
		background: var(--color-elevated);
		color: var(--color-muted);
		transition: color 120ms ease, border-color 120ms ease, background 120ms ease;
	}
	.icon-btn.svelte-yqp1j3 {
		justify-content: center;
		width: 30px;
		padding: 0;
		cursor: pointer;
	}
	.icon-btn.svelte-yqp1j3:hover,
	.lang.svelte-yqp1j3:hover {
		border-color: var(--color-border-strong);
		color: var(--color-ink);
	}
	.icon-btn.svelte-yqp1j3:focus-visible,
	.lang.svelte-yqp1j3:focus-within {
		outline: none;
		box-shadow: 0 0 0 3px var(--color-focus);
	}
	svg.svelte-yqp1j3 {
		width: 16px;
		height: 16px;
		flex-shrink: 0;
	}
	.lang.svelte-yqp1j3 {
		gap: 4px;
		padding: 0 4px 0 9px;
		cursor: pointer;
	}
	.lang.svelte-yqp1j3 select:where(.svelte-yqp1j3) {
		appearance: none;
		max-width: 92px;
		padding: 0 6px 0 0;
		border: 0;
		outline: none;
		background: transparent;
		color: inherit;
		font-size: 12px;
		font-weight: 500;
		cursor: pointer;
	}
	.lang.svelte-yqp1j3 select:where(.svelte-yqp1j3) option:where(.svelte-yqp1j3) {
		background: var(--color-card);
		color: var(--color-ink);
	}
	.sr-only.svelte-yqp1j3 {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.card-head.svelte-djfs8n {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 12px 14px 10px;
		border-bottom: 1px solid var(--color-border);
	}
	.card-title.svelte-djfs8n {
		color: var(--color-ink);
		font-size: 12.5px;
		font-weight: 600;
		letter-spacing: -0.05px;
	}
	.count.svelte-djfs8n {
		padding: 1px 8px;
		border-radius: var(--radius-pill);
		background: var(--color-muted-bg);
		color: var(--color-muted);
		font-family: var(--font-mono);
		font-size: 10.5px;
		font-weight: 600;
	}
	.card-hint.svelte-djfs8n {
		overflow: hidden;
		color: var(--color-subtle);
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 0.5px;
		text-align: right;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}

	textarea.svelte-1s53zwp, .backdrop.svelte-1s53zwp {
		box-sizing: border-box; width: 100%; min-height: var(--min-height); margin: 0; padding: 10px;
		border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm);
		font: 11px/1.5 var(--font-mono); letter-spacing: normal; tab-size: 4;
		white-space: pre-wrap; overflow-wrap: anywhere; scrollbar-gutter: stable;
	}
	textarea.svelte-1s53zwp {
		display: block; resize: vertical; outline: none; overflow-y: auto;
		background: var(--color-input); color: var(--color-ink);
	}
	textarea.svelte-1s53zwp:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-focus); }

	.field.svelte-1s53zwp { position: relative; border-radius: var(--radius-sm); background: var(--color-input); }
	.backdrop.svelte-1s53zwp {
		position: absolute; inset: 0; overflow: hidden; pointer-events: none;
		border-color: transparent; color: var(--color-ink);
	}
	textarea.over.svelte-1s53zwp { position: relative; background: transparent; color: transparent; caret-color: var(--color-ink); }
	textarea.over.svelte-1s53zwp::placeholder { color: var(--color-subtle); }
	/* See-through, or it hides the coloured text behind it (IDE themes give an opaque accent-soft). */
	textarea.over.svelte-1s53zwp::selection { color: transparent; background: color-mix(in srgb, var(--color-accent) 35%, transparent); }

	.syn-keyword.svelte-1s53zwp { color: var(--color-accent); }
	.syn-string.svelte-1s53zwp { color: var(--color-group-location-fg); }
	.syn-number.svelte-1s53zwp, .syn-literal.svelte-1s53zwp { color: var(--color-group-organization-fg); }
	.syn-comment.svelte-1s53zwp { color: var(--color-subtle); font-style: italic; }
	.syn-title.svelte-1s53zwp { color: var(--color-group-contact-fg); }
	.syn-type.svelte-1s53zwp { color: var(--color-group-network-fg); }
	.syn-meta.svelte-1s53zwp { color: var(--color-group-financial-fg); }
	.syn-variable.svelte-1s53zwp { color: var(--color-group-identity-fg); }

	.marked.svelte-1rozixp {
		box-sizing: border-box;
		max-height: 40vh;
		min-height: 64px;
		margin: 0;
		padding: 10px;
		overflow: auto;
		border: 1px solid var(--color-border-strong);
		border-radius: var(--radius-sm);
		background: var(--color-input);
		color: var(--color-ink);
		font: 11px/1.55 var(--font-mono);
		white-space: pre-wrap;
		overflow-wrap: anywhere;
	}
	mark.svelte-1rozixp {
		padding: 0 2px;
		border-radius: 3px;
		border-bottom: 1px solid currentColor;
		background: var(--color-group-low-signal-bg);
		color: var(--color-group-low-signal-fg);
	}
	mark.tone-identity.svelte-1rozixp { background: var(--color-group-identity-bg); color: var(--color-group-identity-fg); }
	mark.tone-contact.svelte-1rozixp { background: var(--color-group-contact-bg); color: var(--color-group-contact-fg); }
	mark.tone-financial.svelte-1rozixp { background: var(--color-group-financial-bg); color: var(--color-group-financial-fg); }
	mark.tone-network.svelte-1rozixp { background: var(--color-group-network-bg); color: var(--color-group-network-fg); }
	mark.tone-location.svelte-1rozixp { background: var(--color-group-location-bg); color: var(--color-group-location-fg); }
	mark.tone-password.svelte-1rozixp { background: var(--color-group-password-bg); color: var(--color-group-password-fg); }
	mark.tone-organization.svelte-1rozixp { background: var(--color-group-organization-bg); color: var(--color-group-organization-fg); }

	.syn-keyword.svelte-1rozixp { color: var(--color-accent); }
	.syn-string.svelte-1rozixp { color: var(--color-group-location-fg); }
	.syn-number.svelte-1rozixp, .syn-literal.svelte-1rozixp { color: var(--color-group-organization-fg); }
	.syn-comment.svelte-1rozixp { color: var(--color-subtle); font-style: italic; }
	.syn-title.svelte-1rozixp { color: var(--color-group-contact-fg); }
	.syn-type.svelte-1rozixp { color: var(--color-group-network-fg); }
	.syn-meta.svelte-1rozixp { color: var(--color-group-financial-fg); }
	.syn-variable.svelte-1rozixp { color: var(--color-group-identity-fg); }

	.card.svelte-hj96zy { overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.head.svelte-hj96zy {
		display: flex; align-items: center; justify-content: space-between; gap: 10px;
		padding: 12px 14px 10px; border-bottom: 1px solid var(--color-border);
	}
	.title.svelte-hj96zy { display: flex; align-items: center; gap: 6px; color: var(--color-ink); font-size: 12.5px; font-weight: 600; }
	.badge.svelte-hj96zy {
		padding: 1px 6px; border-radius: 4px; background: var(--color-muted-bg); color: var(--color-accent);
		font: 600 9.5px/1.5 var(--font-mono); letter-spacing: 0.4px;
	}
	.switches.svelte-hj96zy { color: var(--color-muted); font: 600 10.5px var(--font-mono); white-space: nowrap; }
	.grid.svelte-hj96zy { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 6px; padding: 10px 12px 0; }
	.metric.svelte-hj96zy { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 6px 8px; border-radius: var(--radius-sm); background: var(--color-input); }
	.label.svelte-hj96zy { color: var(--color-muted); font-size: 10.5px; }
	.value.svelte-hj96zy { overflow: hidden; color: var(--color-ink); font: 600 12px var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
	.body.svelte-hj96zy { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; }
	.meta-row.svelte-hj96zy { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; color: var(--color-muted); font-size: 11px; }
	.note.svelte-hj96zy { margin: 0; color: var(--color-subtle); font-size: 10.5px; line-height: 1.45; }
	.raw.svelte-hj96zy {
		box-sizing: border-box; max-height: 260px; margin: 0; padding: 8px 10px; overflow: auto;
		border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-input);
		color: var(--color-ink); font: 11px/1.5 var(--font-mono); white-space: pre; user-select: text;
	}
	.actions.svelte-hj96zy { display: flex; flex-wrap: wrap; gap: 6px; }
	.actions.svelte-hj96zy button:where(.svelte-hj96zy) {
		padding: 6px 10px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm);
		background: transparent; color: var(--color-ink); font-size: 11.5px; font-weight: 500; cursor: pointer;
	}
	.actions.svelte-hj96zy button:where(.svelte-hj96zy):hover { background: var(--color-input); }
	.error.svelte-hj96zy { margin: 0; color: var(--color-danger); font-size: 11px; line-height: 1.45; }
	.log-warning.svelte-hj96zy {
		display: flex; flex-direction: column; gap: 6px; padding: 10px 12px;
		border: 1px solid var(--color-danger); border-radius: var(--radius-sm); background: var(--color-input);
		color: var(--color-ink); font-size: 11.5px; line-height: 1.45;
	}
	.log-warning.svelte-hj96zy p:where(.svelte-hj96zy) { margin: 0; }
	.log-title.svelte-hj96zy { display: flex; align-items: center; gap: 6px; color: var(--color-danger); font-weight: 600; }
	.log-icon.svelte-hj96zy { cursor: help; }
	.log-never.svelte-hj96zy { font-weight: 600; }
	.actions.svelte-hj96zy button.danger:where(.svelte-hj96zy) { border-color: var(--color-danger); color: var(--color-danger); }

	.stack.svelte-1ay0sm7 { display: flex; flex-direction: column; gap: 8px; }
	.card.svelte-1ay0sm7 { overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-1ay0sm7 { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
	.primary.svelte-1ay0sm7 {
		width: 100%; padding: 9px; border: 0; border-radius: var(--radius-sm); background: var(--color-accent);
		color: var(--color-on-accent); font-size: 12px; font-weight: 600; cursor: pointer;
	}
	.primary.svelte-1ay0sm7:disabled, .secondary.svelte-1ay0sm7:disabled { cursor: not-allowed; opacity: 0.55; }
	.actions.svelte-1ay0sm7 { display: flex; gap: 6px; }
	.secondary.svelte-1ay0sm7 {
		flex-shrink: 0; padding: 9px 12px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm);
		background: var(--color-card); color: var(--color-ink); font-size: 12px; font-weight: 600; cursor: pointer;
	}
	.secondary.svelte-1ay0sm7:not(:disabled):hover { background: var(--color-input); }
	.error.svelte-1ay0sm7 { margin: 0; color: var(--color-danger); font-size: 11px; line-height: 1.45; }
	.hint.svelte-1ay0sm7 { margin: 0; color: var(--color-muted); font-size: 11px; line-height: 1.45; }

	.classifier-status.svelte-1ay0sm7 {
		display: flex; align-items: center; gap: 6px; margin: 0;
		color: var(--color-muted); font-size: 10.5px; font-weight: 600;
	}
	.classifier-status.svelte-1ay0sm7 .dot:where(.svelte-1ay0sm7) {
		flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: currentColor;
	}
	.classifier-status.status-model.svelte-1ay0sm7 { color: var(--color-success); }
	.classifier-status.status-fallback.svelte-1ay0sm7 { color: var(--color-muted); }

	.items.svelte-1ay0sm7 { max-height: 30vh; margin: 0; padding: 4px 0; overflow-y: auto; list-style: none; }
	.items.svelte-1ay0sm7 label:where(.svelte-1ay0sm7) { display: flex; align-items: center; gap: 8px; padding: 5px 12px; cursor: pointer; }
	.items.svelte-1ay0sm7 label:where(.svelte-1ay0sm7):hover { background: var(--color-input); }
	.items.svelte-1ay0sm7 input:where(.svelte-1ay0sm7) { margin: 0; accent-color: var(--color-accent); }
	.pill.svelte-1ay0sm7 {
		flex-shrink: 0; padding: 1px 6px; border-radius: 4px; font: 600 9.5px/1.5 var(--font-mono);
		letter-spacing: 0.2px; background: var(--color-group-low-signal-bg); color: var(--color-group-low-signal-fg);
	}
	.pill.tone-identity.svelte-1ay0sm7 { background: var(--color-group-identity-bg); color: var(--color-group-identity-fg); }
	.pill.tone-contact.svelte-1ay0sm7 { background: var(--color-group-contact-bg); color: var(--color-group-contact-fg); }
	.pill.tone-financial.svelte-1ay0sm7 { background: var(--color-group-financial-bg); color: var(--color-group-financial-fg); }
	.pill.tone-network.svelte-1ay0sm7 { background: var(--color-group-network-bg); color: var(--color-group-network-fg); }
	.pill.tone-location.svelte-1ay0sm7 { background: var(--color-group-location-bg); color: var(--color-group-location-fg); }
	.pill.tone-password.svelte-1ay0sm7 { background: var(--color-group-password-bg); color: var(--color-group-password-fg); }
	.pill.tone-organization.svelte-1ay0sm7 { background: var(--color-group-organization-bg); color: var(--color-group-organization-fg); }
	.value.svelte-1ay0sm7 {
		flex: 1; min-width: 0; overflow: hidden; color: var(--color-ink); font: 12px var(--font-mono);
		text-overflow: ellipsis; white-space: nowrap;
	}
	.times.svelte-1ay0sm7 { color: var(--color-subtle); font: 600 11px var(--font-mono); }

	.toast.svelte-1ay0sm7 {
		position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%);
		padding: 7px 12px; border-radius: var(--radius-pill); background: var(--color-toast-bg);
		color: var(--color-toast-fg); font-size: 12px; box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
	}

	.stack.svelte-mk1ofl { display: flex; flex-direction: column; gap: 8px; }
	.card.svelte-mk1ofl { overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-mk1ofl { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
	.empty.svelte-mk1ofl { margin: 0; padding: 14px 12px; color: var(--color-muted); font-size: 12px; line-height: 1.5; }

	.entries.svelte-mk1ofl { max-height: 42vh; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
	.entry.svelte-mk1ofl { position: relative; border-bottom: 1px solid var(--color-border); border-left: 3px solid transparent; }
	.entry.svelte-mk1ofl:last-child { border-bottom: 0; }
	.entry.selected.svelte-mk1ofl { border-left-color: var(--color-accent); background: var(--color-accent-soft); }
	.entry-main.svelte-mk1ofl {
		display: flex; flex-direction: column; gap: 3px; width: 100%; padding: 9px 60px 9px 10px;
		border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer;
	}
	.entry-main.svelte-mk1ofl:focus-visible { outline: 2px solid var(--color-accent); outline-offset: -2px; }
	.entry-head.svelte-mk1ofl { display: flex; gap: 8px; align-items: baseline; }
	.site.svelte-mk1ofl { color: var(--color-ink); font-size: 12px; font-weight: 600; }
	.time.svelte-mk1ofl { color: var(--color-subtle); font-size: 11px; }
	.entry-text.svelte-mk1ofl {
		overflow: hidden; color: var(--color-muted); font: 11px/1.45 var(--font-mono);
		display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
		overflow-wrap: anywhere;
	}
	.entry-meta.svelte-mk1ofl { color: var(--color-subtle); font-size: 10px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; }
	.entry-actions.svelte-mk1ofl { position: absolute; top: 6px; right: 6px; display: flex; gap: 2px; }
	.icon.svelte-mk1ofl {
		width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px; background: transparent;
		color: var(--color-muted); font-size: 14px; line-height: 24px; cursor: pointer;
	}
	.icon.svelte-mk1ofl:hover, .icon.svelte-mk1ofl:focus-visible { background: var(--color-hover); color: var(--color-ink); outline: none; }
	.icon.danger.svelte-mk1ofl:hover, .icon.danger.svelte-mk1ofl:focus-visible { color: var(--color-danger); }

	.details.svelte-mk1ofl { padding: 0 10px 10px 10px; }
	table.svelte-mk1ofl { width: 100%; border-collapse: collapse; font: 11px/1.4 var(--font-mono); }
	td.svelte-mk1ofl { padding: 3px 0; vertical-align: top; overflow-wrap: anywhere; }
	.token.svelte-mk1ofl { color: var(--color-accent); width: 45%; }
	.arrow.svelte-mk1ofl { width: 18px; color: var(--color-subtle); text-align: center; }
	.original.svelte-mk1ofl { color: var(--color-ink); }
	.detail-buttons.svelte-mk1ofl { display: flex; gap: 6px; margin-top: 8px; }

	.list-foot.svelte-mk1ofl { padding: 6px 12px; border-top: 1px solid var(--color-border); text-align: right; }
	.link.svelte-mk1ofl { padding: 2px 0; border: 0; background: transparent; color: var(--color-muted); font-size: 11px; cursor: pointer; }
	.link.danger.svelte-mk1ofl:hover, .link.danger.svelte-mk1ofl:focus-visible { color: var(--color-danger); outline: none; }

	.result-head.svelte-mk1ofl { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
	.count.svelte-mk1ofl { color: var(--color-muted); font-family: var(--font-mono); font-size: 11px; font-weight: 600; }
	.hint.svelte-mk1ofl { margin: 0; color: var(--color-muted); font-size: 11px; line-height: 1.45; }
	.source-line.svelte-mk1ofl { margin: 0; color: var(--color-ink); font-size: 11px; line-height: 1.45; }
	.source-line.svelte-mk1ofl strong:where(.svelte-mk1ofl) { font-weight: 600; }
	.source-line.svelte-mk1ofl .muted:where(.svelte-mk1ofl) { color: var(--color-muted); }
	.source-line.svelte-mk1ofl .link:where(.svelte-mk1ofl) { margin-left: 4px; color: var(--color-accent); text-decoration: underline; }

	.primary.svelte-mk1ofl, .secondary.svelte-mk1ofl {
		padding: 7px 10px; border-radius: var(--radius-sm); font-size: 12px; font-weight: 600; cursor: pointer;
	}
	.primary.svelte-mk1ofl { border: 0; background: var(--color-accent); color: var(--color-on-accent); }
	.secondary.svelte-mk1ofl { flex: 1; border: 1px solid var(--color-border-strong); background: var(--color-card); color: var(--color-ink); }
	.secondary.svelte-mk1ofl:hover { background: var(--color-input); }

	.toast.svelte-mk1ofl {
		position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%);
		padding: 7px 12px; border-radius: var(--radius-pill); background: var(--color-toast-bg);
		color: var(--color-toast-fg); font-size: 12px; box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
	}

	.card.svelte-1silmad { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-1silmad { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
	.status.svelte-1silmad { display: flex; align-items: center; gap: 8px; color: var(--color-ink); font-size: 13px; font-weight: 500; }
	.status.failed.svelte-1silmad { color: var(--color-danger); }
	.dot.svelte-1silmad { width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: var(--color-toggle-off); }
	.status.ready.svelte-1silmad .dot:where(.svelte-1silmad) { background: var(--color-success); box-shadow: 0 0 0 4px rgb(34 197 94 / 16%); }
	.status.failed.svelte-1silmad .dot:where(.svelte-1silmad) { background: var(--color-danger); box-shadow: none; }
	.bar.svelte-1silmad { height: 6px; overflow: hidden; border-radius: var(--radius-pill); background: var(--color-muted-bg); }
	.bar.svelte-1silmad span:where(.svelte-1silmad) { display: block; height: 100%; background: var(--color-accent); transition: width 0.3s ease; }
	.facts.svelte-1silmad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
	.facts.svelte-1silmad div:where(.svelte-1silmad) { min-width: 0; padding: 10px 12px; border: var(--border-hairline); border-radius: var(--radius-md); background: var(--color-input); }
	dt.svelte-1silmad { color: var(--color-muted); font-size: 11px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; }
	dd.svelte-1silmad { margin: 3px 0 0; overflow: hidden; color: var(--color-ink); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
	.mono.svelte-1silmad { font-family: var(--font-mono); }
	.actions.svelte-1silmad { display: flex; flex-wrap: wrap; gap: 8px; }
	.primary.svelte-1silmad, .secondary.svelte-1silmad { padding: 8px 14px; border-radius: var(--radius-md); font-size: 13px; font-weight: 500; cursor: pointer; }
	.primary.svelte-1silmad { border: 0; background: var(--color-accent); color: var(--color-on-accent); }
	.primary.svelte-1silmad:hover:not(:disabled) { background: var(--color-accent-hover); }
	.secondary.svelte-1silmad { border: 1px solid var(--color-border-strong); background: var(--color-elevated); color: var(--color-ink); }
	.secondary.svelte-1silmad:hover:not(:disabled) { border-color: var(--color-accent); }
	.secondary.danger.svelte-1silmad { color: var(--color-danger); }
	.secondary.danger.svelte-1silmad:hover:not(:disabled) { border-color: var(--color-danger); background: var(--color-danger-soft); }
	button.svelte-1silmad:disabled { cursor: progress; opacity: 0.6; }
	.hint.svelte-1silmad { margin: 0; color: var(--color-muted); font-size: 12px; line-height: 1.5; }
	@media (max-width: 640px) {
		.facts.svelte-1silmad { grid-template-columns: 1fr; }
	}

	.toggle.svelte-18j0tz3 {
		box-sizing: border-box;
		flex: 0 0 var(--toggle-width);
		width: var(--toggle-width);
		height: var(--toggle-height);
		padding: 3px;
		border: 0;
		border-radius: var(--radius-pill);
		background: var(--color-toggle-off);
		cursor: pointer;
		transition: background 160ms ease, box-shadow 160ms ease;
	}

	.toggle.sm.svelte-18j0tz3 {
		--toggle-width: 36px;
		--toggle-height: 21px;
		--toggle-knob: 15px;
	}

	.toggle.svelte-18j0tz3 span:where(.svelte-18j0tz3) {
		display: block;
		width: var(--toggle-knob);
		height: var(--toggle-knob);
		border-radius: 50%;
		background: #ffffff;
		box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
		transition: transform 180ms cubic-bezier(0.3, 0.7, 0.4, 1);
	}

	.toggle.checked.svelte-18j0tz3 {
		background: var(--color-accent);
	}

	.toggle.checked.svelte-18j0tz3 span:where(.svelte-18j0tz3) {
		transform: translateX(calc(var(--toggle-width) - var(--toggle-knob) - 6px));
	}

	.toggle.svelte-18j0tz3:focus-visible {
		outline: none;
		box-shadow: 0 0 0 3px var(--color-focus);
	}

	.card.svelte-85j94c { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-85j94c { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
	.add-form.svelte-85j94c { display: flex; gap: 8px; }
	.input.svelte-85j94c {
		flex: 1;
		padding: 8px 12px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 13px;
		outline: none;
		transition: border-color 120ms ease;
	}
	.input.svelte-85j94c:focus { border-color: var(--color-accent); }
	.input[aria-invalid="true"].svelte-85j94c { border-color: var(--color-danger); }
	.input.svelte-85j94c::placeholder { color: var(--color-subtle); }
	.add-btn.svelte-85j94c {
		padding: 8px 16px;
		border: 0;
		border-radius: var(--radius-md);
		background: var(--color-accent);
		color: var(--color-on-accent);
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
	}
	.add-btn.svelte-85j94c:hover { background: var(--color-accent-hover); }
	.error.svelte-85j94c { margin: 0; color: var(--color-danger); font-size: 12px; }
	.empty.svelte-85j94c { margin: 0; color: var(--color-subtle); font-size: 13px; font-style: italic; }

	.list-table.svelte-85j94c { width: 100%; border-collapse: collapse; font-size: 13px; }
	.list-table.svelte-85j94c thead:where(.svelte-85j94c) th:where(.svelte-85j94c) {
		padding: 0 8px 8px;
		text-align: left;
		border-bottom: 1px solid var(--color-border);
		color: var(--color-muted);
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}
	.list-table.svelte-85j94c thead:where(.svelte-85j94c) th:where(.svelte-85j94c):last-child { width: 36px; }
	.list-table.svelte-85j94c tbody:where(.svelte-85j94c) tr:where(.svelte-85j94c) { border-bottom: 1px solid var(--color-border); }
	.list-table.svelte-85j94c tbody:where(.svelte-85j94c) tr:where(.svelte-85j94c):last-child { border-bottom: none; }
	.cell-pattern.svelte-85j94c { padding: 9px 8px; color: var(--color-ink); font-family: var(--font-mono); font-size: 12px; }
	.cell-meta.svelte-85j94c { padding: 9px 8px; color: var(--color-muted); font-size: 12px; white-space: nowrap; }
	.cell-action.svelte-85j94c { padding: 4px 4px 4px 8px; text-align: right; }
	.delete-btn.svelte-85j94c {
		padding: 2px 6px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: var(--color-subtle);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
		transition: color 120ms ease, background 120ms ease;
	}
	.delete-btn.svelte-85j94c:hover { color: var(--color-danger); background: var(--color-danger-soft); }

	.card.svelte-ee2jc4 { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-ee2jc4 { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
	.add-form.svelte-ee2jc4 { display: flex; gap: 8px; }
	.input.svelte-ee2jc4 {
		flex: 1;
		padding: 8px 12px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 13px;
		outline: none;
	}
	.input.svelte-ee2jc4:focus { border-color: var(--color-accent); }
	.input[aria-invalid="true"].svelte-ee2jc4 { border-color: var(--color-danger); }
	.input.svelte-ee2jc4::placeholder { color: var(--color-subtle); }
	.select.svelte-ee2jc4 {
		padding: 8px 10px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 13px;
		cursor: pointer;
		white-space: nowrap;
	}
	.add-btn.svelte-ee2jc4 {
		padding: 8px 16px;
		border: 0;
		border-radius: var(--radius-md);
		background: var(--color-accent);
		color: var(--color-on-accent);
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
	}
	.add-btn.svelte-ee2jc4:hover { background: var(--color-accent-hover); }
	.error.svelte-ee2jc4 { margin: 0; color: var(--color-danger); font-size: 12px; }
	.empty.svelte-ee2jc4 { margin: 0; color: var(--color-subtle); font-size: 13px; font-style: italic; }

	.list-table.svelte-ee2jc4 { width: 100%; border-collapse: collapse; font-size: 13px; }
	.list-table.svelte-ee2jc4 thead:where(.svelte-ee2jc4) th:where(.svelte-ee2jc4) {
		padding: 0 8px 8px;
		text-align: left;
		border-bottom: 1px solid var(--color-border);
		color: var(--color-muted);
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}
	.list-table.svelte-ee2jc4 thead:where(.svelte-ee2jc4) th:where(.svelte-ee2jc4):last-child { width: 36px; }
	.list-table.svelte-ee2jc4 tbody:where(.svelte-ee2jc4) tr:where(.svelte-ee2jc4) { border-bottom: 1px solid var(--color-border); }
	.list-table.svelte-ee2jc4 tbody:where(.svelte-ee2jc4) tr:where(.svelte-ee2jc4):last-child { border-bottom: none; }
	.cell-pattern.svelte-ee2jc4 { padding: 9px 8px; color: var(--color-ink); font-family: var(--font-mono); font-size: 12px; }
	.cell-category.svelte-ee2jc4 select:where(.svelte-ee2jc4) {
		padding: 4px 8px;
		border: var(--border-hairline);
		border-radius: var(--radius-sm);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 12px;
		cursor: pointer;
	}
	.cell-meta.svelte-ee2jc4 { padding: 9px 8px; color: var(--color-muted); font-size: 12px; white-space: nowrap; }
	.cell-action.svelte-ee2jc4 { padding: 4px 4px 4px 8px; text-align: right; }
	.delete-btn.svelte-ee2jc4 {
		padding: 2px 6px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: var(--color-subtle);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
	}
	.delete-btn.svelte-ee2jc4:hover { color: var(--color-danger); background: var(--color-danger-soft); }

	.card.svelte-n0ft7n { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-n0ft7n { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
	.note.svelte-n0ft7n { margin: 0; color: var(--color-muted); font-size: 12px; line-height: 1.5; }
	.add-form.svelte-n0ft7n { display: flex; gap: 8px; }
	.input.svelte-n0ft7n {
		flex: 1;
		padding: 8px 12px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 13px;
		outline: none;
		transition: border-color 120ms ease;
	}
	.input.svelte-n0ft7n:focus { border-color: var(--color-accent); }
	.input[aria-invalid="true"].svelte-n0ft7n { border-color: var(--color-danger); }
	.input.svelte-n0ft7n::placeholder { color: var(--color-subtle); }
	.add-btn.svelte-n0ft7n {
		padding: 8px 16px;
		border: 0;
		border-radius: var(--radius-md);
		background: var(--color-accent);
		color: var(--color-on-accent);
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
	}
	.add-btn.svelte-n0ft7n:hover { background: var(--color-accent-hover); }
	.error.svelte-n0ft7n { margin: 0; color: var(--color-danger); font-size: 12px; }
	.empty.svelte-n0ft7n { margin: 0; color: var(--color-subtle); font-size: 13px; font-style: italic; }

	.list.svelte-n0ft7n { margin: 0; padding: 0; list-style: none; }
	.list.svelte-n0ft7n li:where(.svelte-n0ft7n) { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border-bottom: 1px solid var(--color-border); }
	.list.svelte-n0ft7n li:where(.svelte-n0ft7n):last-child { border-bottom: none; }
	.domain.svelte-n0ft7n { color: var(--color-ink); font-family: var(--font-mono); font-size: 12px; overflow-wrap: anywhere; }
	.delete-btn.svelte-n0ft7n {
		padding: 2px 6px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: var(--color-subtle);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
		transition: color 120ms ease, background 120ms ease;
	}
	.delete-btn.svelte-n0ft7n:hover { color: var(--color-danger); background: var(--color-danger-soft); }

	.card.svelte-yc8a1c { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.row.svelte-yc8a1c + .row:where(.svelte-yc8a1c) { border-top: var(--border-hairline); }
	.row.svelte-yc8a1c { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px; }
	.info.svelte-yc8a1c { flex: 1; }
	.row-label.svelte-yc8a1c { display: block; font-size: 13px; font-weight: 500; margin-bottom: 4px; }
	.hint.svelte-yc8a1c { margin: 0; color: var(--color-muted); font-size: 12px; line-height: 1.5; }
	.hint.svelte-yc8a1c code:where(.svelte-yc8a1c) {
		padding: 1px 5px;
		border-radius: 3px;
		background: var(--color-surface);
		color: var(--color-ink);
		font-family: var(--font-mono);
		font-size: 11px;
	}

	.segmented.svelte-as1jij {
		display: inline-flex;
		gap: 2px;
		padding: 3px;
		border-radius: var(--radius-pill);
		background: var(--color-muted-bg);
	}
	.segmented.svelte-as1jij button:where(.svelte-as1jij) {
		padding: 4px 12px;
		border: 0;
		border-radius: var(--radius-pill);
		background: transparent;
		color: var(--color-muted);
		font-size: 11.5px;
		font-weight: 500;
		cursor: pointer;
		transition: color 120ms ease, background 120ms ease;
	}
	.segmented.svelte-as1jij button:where(.svelte-as1jij):hover {
		color: var(--color-ink);
	}
	.segmented.svelte-as1jij button.active:where(.svelte-as1jij) {
		background: var(--color-elevated);
		color: var(--color-ink);
		box-shadow: var(--shadow-sm), 0 0 0 1px var(--color-border);
	}
	.segmented.svelte-as1jij button:where(.svelte-as1jij):focus-visible {
		outline: none;
		box-shadow: 0 0 0 3px var(--color-focus);
	}

	.card.svelte-12e8gnq { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-12e8gnq { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
	.mode-row.svelte-12e8gnq { display: flex; }
	.hint.svelte-12e8gnq { margin: 0; color: var(--color-muted); font-size: 12px; }
	.slider-row.svelte-12e8gnq { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: var(--border-hairline); border-radius: var(--radius-md); background: var(--color-surface); }
	.slider-head.svelte-12e8gnq, .ticks.svelte-12e8gnq { display: flex; justify-content: space-between; }
	.row-label.svelte-12e8gnq { font-size: 13px; font-weight: 500; }
	.mono.svelte-12e8gnq { color: var(--color-accent); font-family: var(--font-mono); font-size: 12px; font-weight: 600; }
	.ticks.svelte-12e8gnq { color: var(--color-muted); font-size: 11px; }
	.ticks-indent.svelte-12e8gnq { padding: 0 14px; }
	.group-list.svelte-12e8gnq { display: flex; flex-direction: column; gap: 8px; }
	.group-row.svelte-12e8gnq {
		display: grid;
		grid-template-columns: 120px 1fr 44px;
		align-items: center;
		gap: 12px;
		padding: 10px 12px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
	}
	.group-label.svelte-12e8gnq { font-size: 13px; font-weight: 500; }
	.group-row.svelte-12e8gnq .mono:where(.svelte-12e8gnq) { text-align: right; color: var(--color-muted); }
	input[type="range"].svelte-12e8gnq { width: 100%; accent-color: var(--color-accent); }

	.card.svelte-1j28775 { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.body.svelte-1j28775 { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
	.intro.svelte-1j28775 { margin: 0; color: var(--color-muted); font-size: 13px; line-height: 1.5; }
	.intro.svelte-1j28775 code:where(.svelte-1j28775) {
		padding: 1px 5px;
		border-radius: 3px;
		background: var(--color-surface);
		color: var(--color-ink);
		font-family: var(--font-mono);
		font-size: 12px;
	}
	.controls.svelte-1j28775 { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border: var(--border-hairline); border-radius: var(--radius-md); background: var(--color-surface); }
	.row.svelte-1j28775 { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
	.row-label.svelte-1j28775 { font-size: 13px; font-weight: 500; }
	.empty.svelte-1j28775 { margin: 0; color: var(--color-subtle); font-size: 13px; font-style: italic; }

	.table-wrap.svelte-1j28775 { max-width: 100%; overflow-x: auto; }
	.vault-table.svelte-1j28775 { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
	.vault-table.svelte-1j28775 thead:where(.svelte-1j28775) th:where(.svelte-1j28775) {
		padding: 0 8px 8px;
		text-align: left;
		border-bottom: 1px solid var(--color-border);
		color: var(--color-muted);
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}
	.vault-table.svelte-1j28775 tbody:where(.svelte-1j28775) tr:where(.svelte-1j28775) { border-bottom: 1px solid var(--color-border); }
	.vault-table.svelte-1j28775 tbody:where(.svelte-1j28775) tr:where(.svelte-1j28775):last-child { border-bottom: none; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(1), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(1) { width: 22%; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(2), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(2) { width: 11%; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(3), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(3) { width: 22%; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(4), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(4) { width: 16%; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(5), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(5) { width: 15%; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(6), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(6) { width: 60px; text-align: center; }
	.vault-table.svelte-1j28775 th:where(.svelte-1j28775):nth-child(7), .vault-table.svelte-1j28775 td:where(.svelte-1j28775):nth-child(7) { width: 40px; }

	.cell-original.svelte-1j28775 {
		padding: 9px 8px;
		color: var(--color-ink);
		font-family: var(--font-mono);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cell-replacement.svelte-1j28775 {
		padding: 9px 8px;
		color: var(--color-muted);
		font-family: var(--font-mono);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cell-meta.svelte-1j28775 { padding: 9px 8px; color: var(--color-muted); white-space: nowrap; }
	.cell-mode.svelte-1j28775 select:where(.svelte-1j28775) {
		padding: 4px 6px;
		border: var(--border-hairline);
		border-radius: 4px;
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 12px;
		cursor: pointer;
	}
	.cell-mode.svelte-1j28775 select:where(.svelte-1j28775):disabled { opacity: 0.5; cursor: not-allowed; }
	.cell-pin.svelte-1j28775 { text-align: center; }
	.cell-action.svelte-1j28775 { padding: 4px 4px 4px 8px; text-align: right; }

	.synthetic-edit.svelte-1j28775 {
		width: 100%;
		padding: 4px 6px;
		border: var(--border-hairline);
		border-radius: 4px;
		background: var(--color-surface);
		color: var(--color-ink);
		font-family: inherit;
		font-size: 12px;
	}
	.synthetic-edit.svelte-1j28775:focus { outline: none; border-color: var(--color-accent); background: var(--color-card); }

	.pin-btn.svelte-1j28775 {
		padding: 2px 6px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: var(--color-subtle);
		font-size: 14px;
		cursor: pointer;
	}
	.pin-btn.svelte-1j28775:hover { color: var(--color-ink); background: var(--color-surface); }
	.pin-btn.pinned.svelte-1j28775 { color: #d97706; }

	.delete-btn.svelte-1j28775 {
		padding: 2px 6px;
		border: 0;
		border-radius: 4px;
		background: transparent;
		color: var(--color-subtle);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
	}
	.delete-btn.svelte-1j28775:hover { color: var(--color-danger); background: var(--color-danger-soft); }

	.bulk.svelte-1j28775 { display: flex; gap: 8px; flex-wrap: wrap; }
	.action-btn.svelte-1j28775 {
		padding: 6px 14px;
		border: var(--border-hairline);
		border-radius: var(--radius-md);
		background: var(--color-surface);
		color: var(--color-ink);
		font-size: 12px;
		cursor: pointer;
	}
	.action-btn.svelte-1j28775:hover { background: var(--color-accent-soft); border-color: var(--color-accent); }
	.action-btn.danger.svelte-1j28775 { color: var(--color-danger); border-color: rgb(239 68 68 / 35%); }
	.action-btn.danger.svelte-1j28775:hover { background: var(--color-danger-soft); border-color: var(--color-danger); }

	.row.svelte-aibpwn { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
	.spacious.svelte-aibpwn .row:where(.svelte-aibpwn) { align-items: flex-start; gap: 16px; padding: 14px; }
	.info.svelte-aibpwn { flex: 1; min-width: 0; }
	.row-label.svelte-aibpwn { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; }
	.row-meta.svelte-aibpwn { margin: 0; color: var(--color-muted); font-size: 11px; line-height: 1.45; }
	.spacious.svelte-aibpwn .row-meta:where(.svelte-aibpwn) { font-size: 12px; }
	.badge.svelte-aibpwn {
		padding: 1px 6px; border-radius: 4px; background: var(--color-muted-bg); color: var(--color-accent);
		font: 600 9.5px/1.5 var(--font-mono); letter-spacing: 0.4px;
	}
	.overrides.svelte-aibpwn {
		display: flex; flex-direction: column; gap: 6px;
		margin: 0 12px 12px 24px; padding: 2px 0 2px 12px;
		border-left: 2px solid var(--color-accent);
	}
	.spacious.svelte-aibpwn .overrides:where(.svelte-aibpwn) { margin: 0 14px 14px 26px; }
	label.svelte-aibpwn { display: flex; align-items: center; gap: 8px; color: var(--color-ink); font-size: 12px; cursor: pointer; }
	input.svelte-aibpwn { margin: 0; accent-color: var(--color-accent); }

	.stack.svelte-nerqvc { display: flex; flex-direction: column; }
	.card.svelte-nerqvc { margin-bottom: 12px; overflow: hidden; border: var(--border-hairline); border-radius: var(--radius-lg); background: var(--color-card); box-shadow: var(--shadow-sm); }
	.row.svelte-nerqvc + .row:where(.svelte-nerqvc), .dev-row.svelte-nerqvc { border-top: var(--border-hairline); }
	.row.svelte-nerqvc { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px; }
	.info.svelte-nerqvc { flex: 1; }
	.row-label.svelte-nerqvc { display: block; font-size: 13px; font-weight: 500; margin-bottom: 4px; }
	.hint.svelte-nerqvc { margin: 0; color: var(--color-muted); font-size: 12px; line-height: 1.5; }
	.hint.svelte-nerqvc code:where(.svelte-nerqvc) {
		padding: 1px 5px;
		border-radius: 3px;
		background: var(--color-surface);
		color: var(--color-ink);
		font-family: var(--font-mono);
		font-size: 11px;
	}

	html,
	body,
	#app {
		height: 100%;
		margin: 0;
	}
	body {
		font-family: var(--font-sans);
		background: var(--color-surface);
		color: var(--color-ink);
		-webkit-font-smoothing: antialiased;
	}

	.panel.svelte-ycy2le {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-width: 0;
	}
	.panel-header.svelte-ycy2le {
		position: sticky;
		top: 0;
		z-index: 2;
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 12px 12px 10px;
		border-bottom: 1px solid var(--color-border);
		background: var(--color-chrome);
		backdrop-filter: saturate(160%) blur(12px);
		color: var(--color-ink);
	}
	.brand-row.svelte-ycy2le {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.logo.svelte-ycy2le {
		display: grid;
		flex-shrink: 0;
		filter: drop-shadow(0 4px 10px rgb(79 70 229 / 25%));
	}
	.brand-copy.svelte-ycy2le {
		flex: 1;
		min-width: 0;
	}
	h1.svelte-ycy2le {
		margin: 0;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: -0.3px;
		white-space: nowrap;
	}
	.brand-copy.svelte-ycy2le p:where(.svelte-ycy2le) {
		margin: 1px 0 0;
		overflow: hidden;
		color: var(--color-muted);
		font-size: 12px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tab-nav.svelte-ycy2le {
		display: flex;
		gap: 2px;
		padding: 3px;
		border-radius: var(--radius-pill);
		background: var(--color-muted-bg);
	}
	.tab-nav.svelte-ycy2le button:where(.svelte-ycy2le) {
		flex: 1;
		padding: 6px 8px;
		border: 0;
		border-radius: var(--radius-pill);
		background: transparent;
		color: var(--color-muted);
		font-size: 12px;
		font-weight: 500;
		white-space: nowrap;
		cursor: pointer;
		transition: color 120ms ease, background 120ms ease;
	}
	.tab-nav.svelte-ycy2le button:where(.svelte-ycy2le):hover {
		color: var(--color-ink);
	}
	.tab-nav.svelte-ycy2le button.active:where(.svelte-ycy2le) {
		background: var(--color-elevated);
		color: var(--color-ink);
		font-weight: 600;
		box-shadow: var(--shadow-sm), 0 0 0 1px var(--color-border);
	}
	.tab-nav.svelte-ycy2le button:where(.svelte-ycy2le):focus-visible {
		outline: none;
		box-shadow: 0 0 0 3px var(--color-focus);
	}
	.panel-body.svelte-ycy2le {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		padding: 12px 12px 18px;
	}
	.panel-body[hidden].svelte-ycy2le {
		display: none;
	}

	/* The web page: a wider, roomier layout. */
	.panel.web.svelte-ycy2le .panel-header:where(.svelte-ycy2le) {
		gap: 14px;
		padding: 18px 20px 14px;
	}
	.panel.web.svelte-ycy2le h1:where(.svelte-ycy2le) {
		font-size: 20px;
	}
	.panel.web.svelte-ycy2le .tab-nav:where(.svelte-ycy2le) {
		align-self: flex-start;
		max-width: 100%;
	}
	.panel.web.svelte-ycy2le .tab-nav:where(.svelte-ycy2le) button:where(.svelte-ycy2le) {
		flex: 0 1 auto;
		padding: 7px 18px;
	}
	.panel.web.svelte-ycy2le .panel-body:where(.svelte-ycy2le) {
		padding: 16px 20px 24px;
	}
	@media (max-width: 520px) {
		.panel.web.svelte-ycy2le .panel-header:where(.svelte-ycy2le) { padding: 14px 16px 12px; }
		.panel.web.svelte-ycy2le .panel-body:where(.svelte-ycy2le) { padding: 12px 16px 20px; }
		.panel.web.svelte-ycy2le .brand-copy:where(.svelte-ycy2le) p:where(.svelte-ycy2le) { display: none; }
		.panel.web.svelte-ycy2le .tab-nav:where(.svelte-ycy2le) { align-self: stretch; }
		.panel.web.svelte-ycy2le .tab-nav:where(.svelte-ycy2le) button:where(.svelte-ycy2le) { flex: 1; padding: 6px 8px; }
	}