raffel 1.1.86 → 1.1.87

package/dist/docs/ui/assets/raffel-docs.css

@@ -20,6 +20,11 @@
       --code-panel-bg: #263238;
       --code-panel-text: #cfd8dc;
       --code-panel-header: #37474f;
+      --method-get-color: #10b981;
+      --method-post-color: #3b82f6;
+      --method-put-color: #f59e0b;
+      --method-patch-color: #8b5cf6;
+      --method-delete-color: #ef4444;
 
       /* Dense documentation type scale. Component styles inherit these
          tokens so large references keep more context inside the viewport. */
@@ -1025,13 +1030,14 @@
       letter-spacing: 0.02em;
     }
 
-    /* Method classes kept for HTML compatibility but visually unified.
-       The DELETE verb gets the only chromatic accent — destructive
-       intent earns visual weight. */
-    .method-get,
-    .method-post,
-    .method-put,
-    .method-patch,
+    /* HTTP methods share the endpoint-content palette so long route lists
+       remain scannable without adding size or spacing. */
+    .method-get { background: var(--method-get-color); color: white; border-color: var(--method-get-color); }
+    .method-post { background: var(--method-post-color); color: white; border-color: var(--method-post-color); }
+    .method-put { background: var(--method-put-color); color: white; border-color: var(--method-put-color); }
+    .method-patch { background: var(--method-patch-color); color: white; border-color: var(--method-patch-color); }
+    .method-delete { background: var(--method-delete-color); color: white; border-color: var(--method-delete-color); }
+
     .method-ws,
     .method-stream,
     .method-rpc,
@@ -1041,12 +1047,6 @@
       border-color: var(--border-color);
     }
 
-    .method-delete {
-      color: var(--primary-color);
-      border-color: var(--primary-color);
-      background: transparent;
-    }
-
     .nav-item-path {
       font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
       font-size: 10px;
@@ -1696,11 +1696,11 @@
       letter-spacing: 0.5px;
     }
 
-    .badge-get { background: #10b981; color: white; }
-    .badge-post { background: #3b82f6; color: white; }
-    .badge-put { background: #f59e0b; color: white; }
-    .badge-patch { background: #8b5cf6; color: white; }
-    .badge-delete { background: #ef4444; color: white; }
+    .badge-get { background: var(--method-get-color); color: white; }
+    .badge-post { background: var(--method-post-color); color: white; }
+    .badge-put { background: var(--method-put-color); color: white; }
+    .badge-patch { background: var(--method-patch-color); color: white; }
+    .badge-delete { background: var(--method-delete-color); color: white; }
 
     .endpoint-path {
       font-family: 'SF Mono', 'Monaco', monospace;

package/dist/docs/ui/style-sections/content.d.ts

@@ -1,2 +1,2 @@
-export declare const contentStyles = "    /* ========== MAIN CONTENT ========== */\n    .main {\n      padding: 32px;\n      overflow-y: auto;\n      width: 100%;\n    }\n\n    /* ========== BREADCRUMBS ========== */\n    .docs-breadcrumb {\n      margin: 0 0 16px 0;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-breadcrumb-list {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 6px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .docs-breadcrumb-item {\n      display: inline-flex;\n      align-items: center;\n      min-width: 0;\n    }\n\n    .docs-breadcrumb-link {\n      color: var(--text-secondary);\n      text-decoration: none;\n      cursor: pointer;\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-link:hover {\n      color: var(--primary-color);\n      text-decoration: underline;\n    }\n\n    .docs-breadcrumb-label {\n      color: var(--text-muted);\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-current {\n      color: var(--text-secondary);\n      font-weight: 500;\n      max-width: 320px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-separator {\n      color: var(--text-muted);\n      user-select: none;\n    }\n\n    /* Mobile: keep first + last segments, ellipsise the middle. We cannot\n       collapse via DOM at this layer (the resolver feeds the full chain), but\n       on narrow screens we hide every link/label between the second and the\n       last-but-one entries, leaving the first, an ellipsis, and the current\n       page visible. Separators around hidden items are also hidden. */\n    @media (max-width: 600px) {\n      .docs-breadcrumb-list > .docs-breadcrumb-item:not(:first-child):not(:last-child) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-separator:nth-child(n+4):not(:nth-last-child(2)) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-item:first-child + .docs-breadcrumb-separator + .docs-breadcrumb-item:not(:last-child)::after {\n        content: ' \\2026 ';\n        color: var(--text-muted);\n        margin-left: 4px;\n      }\n      .docs-breadcrumb-link,\n      .docs-breadcrumb-label,\n      .docs-breadcrumb-current {\n        max-width: 140px;\n      }\n    }\n\n    .section { margin-bottom: 48px; }\n\n    .section-title {\n      font-size: 24px;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: var(--text-color);\n    }\n\n    .section-desc {\n      color: var(--text-muted);\n      margin-bottom: 24px;\n    }\n\n    /* ========== INTRODUCTION SECTION ========== */\n    .intro-section {\n      padding: 24px 32px;\n      background: var(--surface-color);\n      border-bottom: 1px solid var(--border-color);\n      margin: -32px -32px 32px -32px;\n    }\n\n    .intro-section .markdown-content {\n      max-width: 800px;\n    }\n\n    .intro-section .markdown-content h2 {\n      font-size: 21px;\n      font-weight: 600;\n      margin: 32px 0 16px 0;\n      color: var(--text-color);\n    }\n\n    .intro-section .markdown-content h2:first-child {\n      margin-top: 0;\n    }\n\n    .intro-section .markdown-content p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--text-color);\n      margin-bottom: 16px;\n    }\n\n    .intro-section .markdown-content ul {\n      margin: 16px 0;\n      padding-left: 24px;\n    }\n\n    .intro-section .markdown-content li {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--text-color);\n      margin-bottom: 8px;\n    }\n\n    .intro-section .markdown-content code {\n      background: var(--code-bg);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n    }\n\n    .intro-section .markdown-content pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      margin: 16px 0;\n    }\n\n    .intro-section .markdown-content strong {\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== ROOT OVERVIEW (OpenAPI landing) ========== */\n    .docs-overview {\n      max-width: 820px;\n      margin-bottom: 8px;\n    }\n\n    .docs-overview-header {\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-title {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 28px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin: 0;\n      color: var(--text-color);\n    }\n\n    .docs-overview-version {\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      padding: 3px 10px;\n      border-radius: 999px;\n      color: var(--accent, var(--primary-color));\n      background: color-mix(in srgb, var(--accent, var(--primary-color)) 14%, transparent);\n      border: 1px solid color-mix(in srgb, var(--accent, var(--primary-color)) 35%, transparent);\n    }\n\n    .docs-overview-meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin: 0 0 24px 0;\n    }\n\n    .docs-overview-meta a {\n      color: var(--accent, var(--primary-color));\n      text-decoration: none;\n    }\n\n    .docs-overview-meta a:hover {\n      text-decoration: underline;\n    }\n\n    .docs-overview-meta-sep {\n      color: var(--border-color);\n    }\n\n    .docs-overview-servers {\n      margin: 0 0 28px 0;\n    }\n\n    .docs-overview-subtitle {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--text-muted);\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-server-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .docs-overview-server {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 12px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .docs-overview-server-url {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      background: var(--code-bg);\n      padding: 4px 10px;\n      border-radius: 6px;\n      word-break: break-all;\n    }\n\n    .docs-overview-server-desc {\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-overview-description {\n      max-width: 820px;\n    }\n\n    /* ========== ENDPOINT SECTIONS (Redoc-style) ========== */\n    .endpoint-section {\n      padding: 24px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-section:last-child {\n      border-bottom: none;\n    }\n\n    .endpoint-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    .endpoint-method-path {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 4px 9px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      letter-spacing: 0.5px;\n    }\n\n    .badge-get { background: #10b981; color: white; }\n    .badge-post { background: #3b82f6; color: white; }\n    .badge-put { background: #f59e0b; color: white; }\n    .badge-patch { background: #8b5cf6; color: white; }\n    .badge-delete { background: #ef4444; color: white; }\n\n    .endpoint-path {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--text-color);\n    }\n\n    .endpoint-title {\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.3;\n      margin-bottom: 6px;\n      color: var(--text-color);\n    }\n\n    .endpoint-description {\n      color: var(--text-muted);\n      font-size: 12px;\n      line-height: 1.55;\n      margin-bottom: 18px;\n    }\n\n    /* Markdown content styles */\n    .markdown-content {\n      color: var(--text-primary);\n    }\n\n    .markdown-content a:not(.heading-anchor) {\n      color: var(--primary-color);\n      text-decoration: none;\n    }\n\n    .markdown-content a:not(.heading-anchor):hover {\n      text-decoration: underline;\n    }\n\n    /* Heading anchor (#) \u2014 hidden by default, fades in on heading hover.\n       Muted colour, no underline, no accent. Stripe/Vercel/GitHub pattern. */\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6) > .heading-anchor {\n      display: inline-block;\n      margin-right: 8px;\n      color: var(--text-muted);\n      text-decoration: none;\n      opacity: 0;\n      transition: opacity 0.15s, color 0.15s;\n      font-weight: 400;\n    }\n\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6):hover > .heading-anchor,\n    .markdown-content .heading-anchor:focus-visible {\n      opacity: 1;\n    }\n\n    .markdown-content .heading-anchor:hover {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .md-h2 {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 24px 0 12px 0;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .markdown-content .md-h3 {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 20px 0 10px 0;\n    }\n\n    .markdown-content .md-h4 {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      margin: 16px 0 8px 0;\n    }\n\n    .markdown-content .md-p {\n      margin: 0 0 12px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-list {\n      margin: 12px 0;\n      padding-left: 24px;\n    }\n\n    .markdown-content .md-list li {\n      margin: 6px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-inline-code {\n      background: var(--bg-tertiary);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--accent);\n    }\n\n    .markdown-content .emoji {\n      display: inline-block;\n      min-width: 1em;\n      line-height: 1;\n      vertical-align: -0.12em;\n    }\n\n    .markdown-content .docs-component-mount {\n      margin: 16px 0;\n    }\n\n    .markdown-content .md-code-block {\n      background: var(--bg-tertiary);\n      border-radius: 6px;\n      padding: 16px;\n      margin: 16px 0;\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-code-wrap {\n      position: relative;\n      margin: 16px 0;\n    }\n\n    .markdown-content .copy-code-btn {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      border: 1px solid var(--border);\n      border-radius: 4px;\n      background: var(--bg-primary);\n      color: var(--text-muted);\n      padding: 4px 8px;\n      font-size: 10px;\n      line-height: 16px;\n      cursor: pointer;\n    }\n\n    .markdown-content .copy-code-btn:hover {\n      color: var(--text-primary);\n      border-color: var(--primary-color);\n    }\n\n    .markdown-content .md-code-block[data-code-toolbar-enhanced=\"true\"] {\n      padding-top: 32px;\n    }\n\n    .markdown-content .code-block-toolbar {\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      left: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 120ms ease;\n    }\n\n    .markdown-content pre:hover .code-block-toolbar,\n    .markdown-content .code-block-toolbar:focus-within {\n      opacity: 1;\n    }\n\n    @media (hover: none) {\n      .markdown-content .code-block-toolbar {\n        opacity: 1;\n      }\n    }\n\n    .markdown-content .code-block-lang {\n      pointer-events: auto;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 1;\n      color: var(--text-muted);\n      text-transform: lowercase;\n      letter-spacing: 0.02em;\n    }\n\n    .markdown-content .code-block-lang[hidden] {\n      display: none;\n    }\n\n    .markdown-content .code-block-copy {\n      pointer-events: auto;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      background: transparent;\n      color: var(--text-muted);\n      padding: 2px 8px;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 16px;\n      cursor: pointer;\n      transition: color 120ms ease, border-color 120ms ease;\n    }\n\n    .markdown-content .code-block-copy:hover,\n    .markdown-content .code-block-copy:focus-visible {\n      color: var(--text-secondary);\n      border-color: var(--text-secondary);\n      outline: none;\n    }\n\n    .markdown-content .md-code-block code {\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      line-height: 1.6;\n      color: var(--text-primary);\n      white-space: pre;\n    }\n\n    .markdown-content .token.comment,\n    .markdown-content .token.prolog,\n    .markdown-content .token.doctype,\n    .markdown-content .token.cdata {\n      color: var(--text-muted);\n    }\n\n    .markdown-content .token.punctuation {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .token.property,\n    .markdown-content .token.tag,\n    .markdown-content .token.boolean,\n    .markdown-content .token.number,\n    .markdown-content .token.constant,\n    .markdown-content .token.symbol {\n      color: #b45309;\n    }\n\n    .markdown-content .token.selector,\n    .markdown-content .token.attr-name,\n    .markdown-content .token.string,\n    .markdown-content .token.char,\n    .markdown-content .token.builtin {\n      color: #047857;\n    }\n\n    .markdown-content .token.operator,\n    .markdown-content .token.entity,\n    .markdown-content .token.url,\n    .markdown-content .token.variable {\n      color: #0f766e;\n    }\n\n    .markdown-content .token.atrule,\n    .markdown-content .token.attr-value,\n    .markdown-content .token.function,\n    .markdown-content .token.class-name {\n      color: #2563eb;\n    }\n\n    .markdown-content .token.keyword {\n      color: #7c3aed;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.property,\n    [data-theme=\"dark\"] .markdown-content .token.tag,\n    [data-theme=\"dark\"] .markdown-content .token.boolean,\n    [data-theme=\"dark\"] .markdown-content .token.number,\n    [data-theme=\"dark\"] .markdown-content .token.constant,\n    [data-theme=\"dark\"] .markdown-content .token.symbol {\n      color: #fcd34d;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.selector,\n    [data-theme=\"dark\"] .markdown-content .token.attr-name,\n    [data-theme=\"dark\"] .markdown-content .token.string,\n    [data-theme=\"dark\"] .markdown-content .token.char,\n    [data-theme=\"dark\"] .markdown-content .token.builtin {\n      color: #86efac;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.function,\n    [data-theme=\"dark\"] .markdown-content .token.class-name {\n      color: #93c5fd;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.keyword {\n      color: #c4b5fd;\n    }\n\n    /*\n     * Prism dark tokens also apply to theme: 'custom' under prefers-color-scheme\n     * dark, mirroring the shell.ts default-token logic. Without this block,\n     * consumers using customCss on a dark body inherit the light-mode token\n     * colors (orange/green over dark, hard to scan) and have to rewrite all\n     * 8 token classes themselves.\n     */\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"custom\"] .markdown-content .token.property,\n      [data-theme=\"custom\"] .markdown-content .token.tag,\n      [data-theme=\"custom\"] .markdown-content .token.boolean,\n      [data-theme=\"custom\"] .markdown-content .token.number,\n      [data-theme=\"custom\"] .markdown-content .token.constant,\n      [data-theme=\"custom\"] .markdown-content .token.symbol {\n        color: #fcd34d;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.selector,\n      [data-theme=\"custom\"] .markdown-content .token.attr-name,\n      [data-theme=\"custom\"] .markdown-content .token.string,\n      [data-theme=\"custom\"] .markdown-content .token.char,\n      [data-theme=\"custom\"] .markdown-content .token.builtin {\n        color: #86efac;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.function,\n      [data-theme=\"custom\"] .markdown-content .token.class-name {\n        color: #93c5fd;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.keyword {\n        color: #c4b5fd;\n      }\n    }\n\n    .markdown-content .mermaid {\n      position: relative;\n      margin: 16px 0;\n      padding: 16px;\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      overflow: hidden;\n      text-align: center;\n    }\n\n    /* Viewport \u2014 clips the scaled SVG so it doesn't overflow the card. */\n    .markdown-content .mermaid .mermaid-viewport {\n      position: relative;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n\n    /* Toolbar \u2014 appears in the top-right corner, fades in on hover. */\n    .markdown-content .mermaid .mermaid-toolbar {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      display: flex;\n      gap: 4px;\n      padding: 4px;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      opacity: 0;\n      transition: opacity 0.18s ease;\n      z-index: 2;\n    }\n    .markdown-content .mermaid:hover .mermaid-toolbar,\n    .markdown-content .mermaid:focus-within .mermaid-toolbar { opacity: 1; }\n\n    .markdown-content .mermaid .mermaid-btn {\n      width: 28px;\n      height: 28px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 0;\n      border-radius: 4px;\n      cursor: pointer;\n      font-family: ui-sans-serif, system-ui, sans-serif;\n      font-size: 12px;\n      line-height: 1;\n      transition: background 0.15s ease, color 0.15s ease;\n    }\n    .markdown-content .mermaid .mermaid-btn:hover {\n      background: var(--hover-bg);\n      color: var(--text-primary);\n    }\n    .markdown-content .mermaid .mermaid-btn:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 1px;\n    }\n\n    .markdown-content .mermaid-fallback,\n    .markdown-content .mermaid-error {\n      text-align: left;\n      white-space: pre;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .mermaid-error {\n      border-left: 4px solid #d97706;\n    }\n\n    /* Fullscreen dialog \u2014 opened by the toolbar fullscreen button. */\n    dialog.mermaid-fullscreen-dialog {\n      width: 100vw;\n      height: 100vh;\n      max-width: 100vw;\n      max-height: 100vh;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      background: var(--bg-color);\n      color: var(--text-primary);\n      overflow: hidden;\n    }\n    dialog.mermaid-fullscreen-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.85);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage {\n      width: 100vw;\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage svg {\n      max-width: 92vw;\n      max-height: 84vh;\n      width: auto;\n      height: auto;\n      transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-toolbar-fullscreen {\n      position: fixed;\n      top: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 3;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      padding: 6px;\n      display: flex;\n      gap: 4px;\n      opacity: 1;\n    }\n    dialog.mermaid-fullscreen-close {\n      position: fixed;\n      top: 20px;\n      right: 24px;\n      width: 36px;\n      height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--bg-secondary);\n      color: var(--text-primary);\n      border: 1px solid var(--border);\n      border-radius: 50%;\n      cursor: pointer;\n      font-size: 14px;\n      line-height: 1;\n      z-index: 3;\n      transition: background 0.15s ease;\n    }\n    dialog.mermaid-fullscreen-close:hover { background: var(--hover-bg); }\n    dialog.mermaid-fullscreen-close:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .markdown-content .md-image {\n      display: block;\n      max-width: 100%;\n      height: auto;\n      margin: 16px 0;\n      border-radius: 6px;\n      border: 1px solid var(--border);\n      cursor: zoom-in;\n    }\n\n    .markdown-content .md-image[data-no-zoom=\"true\"],\n    .markdown-content .md-image.no-zoom {\n      cursor: default;\n    }\n\n    .markdown-content .markdown-disabled {\n      color: var(--text-muted);\n      cursor: not-allowed;\n      text-decoration: none;\n      opacity: 0.68;\n    }\n\n    .image-zoom-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 1000;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      background: rgba(15, 23, 42, 0.82);\n      cursor: zoom-out;\n    }\n\n    .image-zoom-img {\n      max-width: min(100%, 1200px);\n      max-height: 90vh;\n      border-radius: 6px;\n      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);\n      cursor: default;\n    }\n\n    .image-zoom-close {\n      position: fixed;\n      top: 18px;\n      right: 18px;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(255, 255, 255, 0.35);\n      border-radius: 50%;\n      background: rgba(15, 23, 42, 0.75);\n      color: #fff;\n      font-size: 21px;\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    .markdown-content .md-hr {\n      border: 0;\n      border-top: 1px solid var(--border);\n      margin: 24px 0;\n    }\n\n    .markdown-content .md-table {\n      border-collapse: collapse;\n      margin: 16px 0;\n      font-size: 12px;\n      border-radius: 6px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n    }\n\n    .markdown-content .md-table td,\n    .markdown-content .md-table th {\n      padding: 10px 16px;\n      border-bottom: 1px solid var(--border);\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-table td:last-child {\n      white-space: normal;\n    }\n\n    .markdown-content .md-table tr:first-child td {\n      font-weight: 600;\n      background: var(--bg-tertiary);\n      color: var(--text-primary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .markdown-content .md-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .markdown-content .md-table tr:hover:not(:first-child) {\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert {\n      border: 1px solid var(--border);\n      border-left: 4px solid var(--primary-color);\n      border-radius: 6px;\n      padding: 12px 14px;\n      margin: 16px 0;\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert-title {\n      color: var(--text-primary);\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    .markdown-content .md-alert-warning,\n    .markdown-content .md-alert-danger,\n    .markdown-content .md-alert-caution,\n    .markdown-content .md-alert-important {\n      border-left-color: #d97706;\n    }\n\n    .markdown-content .md-tabs {\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      margin: 16px 0;\n      overflow: hidden;\n      background: var(--bg-primary);\n    }\n\n    .markdown-content .md-tab-list {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid var(--border);\n      background: var(--bg-secondary);\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-tab-button {\n      border: 0;\n      border-right: 1px solid var(--border);\n      background: transparent;\n      color: var(--text-muted);\n      padding: 10px 14px;\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-tab-button.active {\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content .md-tab-panel {\n      display: none;\n      padding: 16px;\n    }\n\n    .markdown-content .md-tab-panel.active {\n      display: block;\n    }\n\n    .markdown-content strong {\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content em {\n      font-style: italic;\n    }\n\n    .endpoint-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n\n    @media (min-width: 1400px) {\n      .endpoint-content {\n        grid-template-columns: 55% 45%;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    .endpoint-left {\n      min-width: 0; /* Prevent overflow */\n    }\n\n    .endpoint-right {\n      position: sticky;\n      top: 20px;\n      align-self: start;\n      min-width: 0; /* Prevent overflow */\n      background: var(--code-panel-bg);\n      border-radius: 8px;\n      padding: 16px;\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right-header {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #90a4ae;\n      margin-bottom: 12px;\n      padding-bottom: 7px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-right {\n        position: static;\n      }\n    }\n\n    .endpoint-subsection {\n      margin-bottom: 20px;\n    }\n\n    .endpoint-subsection-title {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-subsection p {\n      margin-bottom: 12px;\n      color: var(--text-color);\n    }\n\n    /* ========== REDOC-STYLE PARAMETER LABELS ========== */\n    .subsection-label {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 10px;\n    }\n\n    .content-type {\n      font-weight: 400;\n      color: var(--text-color);\n      text-transform: none;\n    }\n\n    .auth-value {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      margin-left: 8px;\n    }\n\n    /* ========== REDOC-STYLE PARAMETERS ========== */\n    .param-row {\n      display: flex;\n      padding: 8px 10px;\n      margin-bottom: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--surface-color);\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .param-row:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .param-row:last-child {\n      margin-bottom: 0;\n    }\n\n    .param-tree {\n      width: 20px;\n      display: flex;\n      align-items: flex-start;\n      padding-top: 2px;\n      color: var(--border-color);\n      margin-right: 8px;\n    }\n\n    .param-tree-line {\n      width: 10px;\n      height: 10px;\n      border-left: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .param-info {\n      flex: 1;\n    }\n\n    .param-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n      flex-wrap: wrap;\n    }\n\n    .param-name-text {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .param-required-badge {\n      font-size: 9px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: #fee2e2;\n      color: #991b1b;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-required-badge {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .param-type-info {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: rgba(99, 102, 241, 0.1);\n      color: #6366f1;\n    }\n\n    [data-theme=\"dark\"] .param-type-info {\n      background: rgba(129, 140, 248, 0.15);\n      color: #a5b4fc;\n    }\n\n    .param-type-info .format {\n      color: #8b5cf6;\n    }\n\n    [data-theme=\"dark\"] .param-type-info .format {\n      color: #c4b5fd;\n    }\n\n    .param-constraint {\n      display: inline-block;\n      font-size: 9px;\n      padding: 3px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      margin-left: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-constraint {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .param-default {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-default code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-example {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-example code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-description {\n      font-size: 11px;\n      color: var(--text-color);\n      line-height: 1.4;\n      margin-top: 4px;\n    }\n\n    /* ========== REDOC-STYLE RESPONSES ========== */\n    .response-item {\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      margin-bottom: 8px;\n      overflow: hidden;\n      transition: border-color 0.15s, box-shadow 0.15s;\n    }\n\n    .response-item:hover {\n      border-color: var(--primary-color);\n    }\n\n    .response-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      background: var(--surface-color);\n    }\n\n    .response-header:hover {\n      background: var(--hover-bg);\n    }\n\n    .response-arrow {\n      font-size: 10px;\n      transition: transform 0.2s;\n      color: var(--text-muted);\n      width: 16px;\n      text-align: center;\n    }\n\n    .response-item.expanded .response-arrow {\n      transform: rotate(90deg);\n    }\n\n    .response-status {\n      font-size: 11px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      min-width: 50px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .response-status.status-2xx {\n      background: #dcfce7;\n      color: #166534;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-2xx {\n      background: #064e3b;\n      color: #86efac;\n    }\n\n    .response-status.status-4xx {\n      background: #fed7aa;\n      color: #92400e;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-4xx {\n      background: #78350f;\n      color: #fdba74;\n    }\n\n    .response-status.status-5xx {\n      background: #fee2e2;\n      color: #991b1b;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-5xx {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .response-desc {\n      font-size: 11px;\n      color: var(--text-color);\n    }\n\n    .response-body {\n      display: none;\n      padding: 12px;\n      border-top: 1px solid var(--border-color);\n      background: var(--code-bg);\n    }\n\n    .response-item.expanded .response-body {\n      display: block;\n    }\n\n    .response-schema-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-schema-label .content-type {\n      margin-left: 8px;\n    }\n\n    .response-headers-section {\n      margin-bottom: 14px;\n      padding-bottom: 10px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-headers-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-header-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 5px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-header-row:last-child {\n      border-bottom: none;\n    }\n\n    .response-header-name {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n      min-width: 150px;\n      margin-right: 12px;\n    }\n\n    .response-header-info {\n      flex: 1;\n    }\n\n    .response-header-type {\n      font-size: 10px;\n      color: var(--primary-color);\n      margin-bottom: 4px;\n    }\n\n    .response-header-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n    }\n\n    .response-header-required {\n      color: #ef4444;\n      font-size: 10px;\n      margin-left: 8px;\n    }\n\n    .docs-page-result {\n      display: block;\n      width: 100%;\n      padding: 14px 16px;\n      margin: 10px 0;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-page-result:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-page-result-title {\n      display: block;\n      font-weight: 600;\n    }\n\n    .docs-page-result-desc {\n      display: block;\n      margin-top: 4px;\n      color: var(--text-muted);\n      font-size: 12px;\n    }\n\n    .docs-pagination {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .docs-pagination-link {\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-pagination-link:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-pagination-next {\n      text-align: right;\n      justify-self: end;\n      width: 100%;\n    }\n\n    .docs-pagination-label {\n      display: block;\n      color: var(--text-muted);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .docs-pagination-title {\n      display: block;\n      margin-top: 6px;\n      font-weight: 600;\n    }\n\n    /* Issue #123: Previous / Next page-nav cards.\n       Uses only existing tokens (--border-color, --text-secondary,\n       --text-primary). No shadows, no pill radius. */\n    .page-nav-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .page-nav-card {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      background: transparent;\n      color: var(--text-primary);\n      text-align: left;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .page-nav-card:hover,\n    .page-nav-card:focus-visible {\n      border-color: var(--text-primary);\n    }\n\n    .page-nav-card-next {\n      text-align: right;\n      align-items: flex-end;\n    }\n\n    .page-nav-eyebrow {\n      display: block;\n      color: var(--text-secondary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .page-nav-title {\n      display: block;\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    @media (max-width: 720px) {\n      .page-nav-grid {\n        grid-template-columns: 1fr;\n      }\n      .page-nav-card-prev {\n        order: 0;\n      }\n      .page-nav-card-next {\n        order: 1;\n        text-align: left;\n        align-items: flex-start;\n      }\n    }\n\n";
+export declare const contentStyles = "    /* ========== MAIN CONTENT ========== */\n    .main {\n      padding: 32px;\n      overflow-y: auto;\n      width: 100%;\n    }\n\n    /* ========== BREADCRUMBS ========== */\n    .docs-breadcrumb {\n      margin: 0 0 16px 0;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-breadcrumb-list {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 6px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .docs-breadcrumb-item {\n      display: inline-flex;\n      align-items: center;\n      min-width: 0;\n    }\n\n    .docs-breadcrumb-link {\n      color: var(--text-secondary);\n      text-decoration: none;\n      cursor: pointer;\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-link:hover {\n      color: var(--primary-color);\n      text-decoration: underline;\n    }\n\n    .docs-breadcrumb-label {\n      color: var(--text-muted);\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-current {\n      color: var(--text-secondary);\n      font-weight: 500;\n      max-width: 320px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-separator {\n      color: var(--text-muted);\n      user-select: none;\n    }\n\n    /* Mobile: keep first + last segments, ellipsise the middle. We cannot\n       collapse via DOM at this layer (the resolver feeds the full chain), but\n       on narrow screens we hide every link/label between the second and the\n       last-but-one entries, leaving the first, an ellipsis, and the current\n       page visible. Separators around hidden items are also hidden. */\n    @media (max-width: 600px) {\n      .docs-breadcrumb-list > .docs-breadcrumb-item:not(:first-child):not(:last-child) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-separator:nth-child(n+4):not(:nth-last-child(2)) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-item:first-child + .docs-breadcrumb-separator + .docs-breadcrumb-item:not(:last-child)::after {\n        content: ' \\2026 ';\n        color: var(--text-muted);\n        margin-left: 4px;\n      }\n      .docs-breadcrumb-link,\n      .docs-breadcrumb-label,\n      .docs-breadcrumb-current {\n        max-width: 140px;\n      }\n    }\n\n    .section { margin-bottom: 48px; }\n\n    .section-title {\n      font-size: 24px;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: var(--text-color);\n    }\n\n    .section-desc {\n      color: var(--text-muted);\n      margin-bottom: 24px;\n    }\n\n    /* ========== INTRODUCTION SECTION ========== */\n    .intro-section {\n      padding: 24px 32px;\n      background: var(--surface-color);\n      border-bottom: 1px solid var(--border-color);\n      margin: -32px -32px 32px -32px;\n    }\n\n    .intro-section .markdown-content {\n      max-width: 800px;\n    }\n\n    .intro-section .markdown-content h2 {\n      font-size: 21px;\n      font-weight: 600;\n      margin: 32px 0 16px 0;\n      color: var(--text-color);\n    }\n\n    .intro-section .markdown-content h2:first-child {\n      margin-top: 0;\n    }\n\n    .intro-section .markdown-content p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--text-color);\n      margin-bottom: 16px;\n    }\n\n    .intro-section .markdown-content ul {\n      margin: 16px 0;\n      padding-left: 24px;\n    }\n\n    .intro-section .markdown-content li {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--text-color);\n      margin-bottom: 8px;\n    }\n\n    .intro-section .markdown-content code {\n      background: var(--code-bg);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n    }\n\n    .intro-section .markdown-content pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      margin: 16px 0;\n    }\n\n    .intro-section .markdown-content strong {\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== ROOT OVERVIEW (OpenAPI landing) ========== */\n    .docs-overview {\n      max-width: 820px;\n      margin-bottom: 8px;\n    }\n\n    .docs-overview-header {\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-title {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 28px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin: 0;\n      color: var(--text-color);\n    }\n\n    .docs-overview-version {\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      padding: 3px 10px;\n      border-radius: 999px;\n      color: var(--accent, var(--primary-color));\n      background: color-mix(in srgb, var(--accent, var(--primary-color)) 14%, transparent);\n      border: 1px solid color-mix(in srgb, var(--accent, var(--primary-color)) 35%, transparent);\n    }\n\n    .docs-overview-meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin: 0 0 24px 0;\n    }\n\n    .docs-overview-meta a {\n      color: var(--accent, var(--primary-color));\n      text-decoration: none;\n    }\n\n    .docs-overview-meta a:hover {\n      text-decoration: underline;\n    }\n\n    .docs-overview-meta-sep {\n      color: var(--border-color);\n    }\n\n    .docs-overview-servers {\n      margin: 0 0 28px 0;\n    }\n\n    .docs-overview-subtitle {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--text-muted);\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-server-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .docs-overview-server {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 12px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .docs-overview-server-url {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      background: var(--code-bg);\n      padding: 4px 10px;\n      border-radius: 6px;\n      word-break: break-all;\n    }\n\n    .docs-overview-server-desc {\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-overview-description {\n      max-width: 820px;\n    }\n\n    /* ========== ENDPOINT SECTIONS (Redoc-style) ========== */\n    .endpoint-section {\n      padding: 24px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-section:last-child {\n      border-bottom: none;\n    }\n\n    .endpoint-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    .endpoint-method-path {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 4px 9px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      letter-spacing: 0.5px;\n    }\n\n    .badge-get { background: var(--method-get-color); color: white; }\n    .badge-post { background: var(--method-post-color); color: white; }\n    .badge-put { background: var(--method-put-color); color: white; }\n    .badge-patch { background: var(--method-patch-color); color: white; }\n    .badge-delete { background: var(--method-delete-color); color: white; }\n\n    .endpoint-path {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--text-color);\n    }\n\n    .endpoint-title {\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.3;\n      margin-bottom: 6px;\n      color: var(--text-color);\n    }\n\n    .endpoint-description {\n      color: var(--text-muted);\n      font-size: 12px;\n      line-height: 1.55;\n      margin-bottom: 18px;\n    }\n\n    /* Markdown content styles */\n    .markdown-content {\n      color: var(--text-primary);\n    }\n\n    .markdown-content a:not(.heading-anchor) {\n      color: var(--primary-color);\n      text-decoration: none;\n    }\n\n    .markdown-content a:not(.heading-anchor):hover {\n      text-decoration: underline;\n    }\n\n    /* Heading anchor (#) \u2014 hidden by default, fades in on heading hover.\n       Muted colour, no underline, no accent. Stripe/Vercel/GitHub pattern. */\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6) > .heading-anchor {\n      display: inline-block;\n      margin-right: 8px;\n      color: var(--text-muted);\n      text-decoration: none;\n      opacity: 0;\n      transition: opacity 0.15s, color 0.15s;\n      font-weight: 400;\n    }\n\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6):hover > .heading-anchor,\n    .markdown-content .heading-anchor:focus-visible {\n      opacity: 1;\n    }\n\n    .markdown-content .heading-anchor:hover {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .md-h2 {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 24px 0 12px 0;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .markdown-content .md-h3 {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 20px 0 10px 0;\n    }\n\n    .markdown-content .md-h4 {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      margin: 16px 0 8px 0;\n    }\n\n    .markdown-content .md-p {\n      margin: 0 0 12px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-list {\n      margin: 12px 0;\n      padding-left: 24px;\n    }\n\n    .markdown-content .md-list li {\n      margin: 6px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-inline-code {\n      background: var(--bg-tertiary);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--accent);\n    }\n\n    .markdown-content .emoji {\n      display: inline-block;\n      min-width: 1em;\n      line-height: 1;\n      vertical-align: -0.12em;\n    }\n\n    .markdown-content .docs-component-mount {\n      margin: 16px 0;\n    }\n\n    .markdown-content .md-code-block {\n      background: var(--bg-tertiary);\n      border-radius: 6px;\n      padding: 16px;\n      margin: 16px 0;\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-code-wrap {\n      position: relative;\n      margin: 16px 0;\n    }\n\n    .markdown-content .copy-code-btn {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      border: 1px solid var(--border);\n      border-radius: 4px;\n      background: var(--bg-primary);\n      color: var(--text-muted);\n      padding: 4px 8px;\n      font-size: 10px;\n      line-height: 16px;\n      cursor: pointer;\n    }\n\n    .markdown-content .copy-code-btn:hover {\n      color: var(--text-primary);\n      border-color: var(--primary-color);\n    }\n\n    .markdown-content .md-code-block[data-code-toolbar-enhanced=\"true\"] {\n      padding-top: 32px;\n    }\n\n    .markdown-content .code-block-toolbar {\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      left: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 120ms ease;\n    }\n\n    .markdown-content pre:hover .code-block-toolbar,\n    .markdown-content .code-block-toolbar:focus-within {\n      opacity: 1;\n    }\n\n    @media (hover: none) {\n      .markdown-content .code-block-toolbar {\n        opacity: 1;\n      }\n    }\n\n    .markdown-content .code-block-lang {\n      pointer-events: auto;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 1;\n      color: var(--text-muted);\n      text-transform: lowercase;\n      letter-spacing: 0.02em;\n    }\n\n    .markdown-content .code-block-lang[hidden] {\n      display: none;\n    }\n\n    .markdown-content .code-block-copy {\n      pointer-events: auto;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      background: transparent;\n      color: var(--text-muted);\n      padding: 2px 8px;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 16px;\n      cursor: pointer;\n      transition: color 120ms ease, border-color 120ms ease;\n    }\n\n    .markdown-content .code-block-copy:hover,\n    .markdown-content .code-block-copy:focus-visible {\n      color: var(--text-secondary);\n      border-color: var(--text-secondary);\n      outline: none;\n    }\n\n    .markdown-content .md-code-block code {\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      line-height: 1.6;\n      color: var(--text-primary);\n      white-space: pre;\n    }\n\n    .markdown-content .token.comment,\n    .markdown-content .token.prolog,\n    .markdown-content .token.doctype,\n    .markdown-content .token.cdata {\n      color: var(--text-muted);\n    }\n\n    .markdown-content .token.punctuation {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .token.property,\n    .markdown-content .token.tag,\n    .markdown-content .token.boolean,\n    .markdown-content .token.number,\n    .markdown-content .token.constant,\n    .markdown-content .token.symbol {\n      color: #b45309;\n    }\n\n    .markdown-content .token.selector,\n    .markdown-content .token.attr-name,\n    .markdown-content .token.string,\n    .markdown-content .token.char,\n    .markdown-content .token.builtin {\n      color: #047857;\n    }\n\n    .markdown-content .token.operator,\n    .markdown-content .token.entity,\n    .markdown-content .token.url,\n    .markdown-content .token.variable {\n      color: #0f766e;\n    }\n\n    .markdown-content .token.atrule,\n    .markdown-content .token.attr-value,\n    .markdown-content .token.function,\n    .markdown-content .token.class-name {\n      color: #2563eb;\n    }\n\n    .markdown-content .token.keyword {\n      color: #7c3aed;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.property,\n    [data-theme=\"dark\"] .markdown-content .token.tag,\n    [data-theme=\"dark\"] .markdown-content .token.boolean,\n    [data-theme=\"dark\"] .markdown-content .token.number,\n    [data-theme=\"dark\"] .markdown-content .token.constant,\n    [data-theme=\"dark\"] .markdown-content .token.symbol {\n      color: #fcd34d;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.selector,\n    [data-theme=\"dark\"] .markdown-content .token.attr-name,\n    [data-theme=\"dark\"] .markdown-content .token.string,\n    [data-theme=\"dark\"] .markdown-content .token.char,\n    [data-theme=\"dark\"] .markdown-content .token.builtin {\n      color: #86efac;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.function,\n    [data-theme=\"dark\"] .markdown-content .token.class-name {\n      color: #93c5fd;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.keyword {\n      color: #c4b5fd;\n    }\n\n    /*\n     * Prism dark tokens also apply to theme: 'custom' under prefers-color-scheme\n     * dark, mirroring the shell.ts default-token logic. Without this block,\n     * consumers using customCss on a dark body inherit the light-mode token\n     * colors (orange/green over dark, hard to scan) and have to rewrite all\n     * 8 token classes themselves.\n     */\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"custom\"] .markdown-content .token.property,\n      [data-theme=\"custom\"] .markdown-content .token.tag,\n      [data-theme=\"custom\"] .markdown-content .token.boolean,\n      [data-theme=\"custom\"] .markdown-content .token.number,\n      [data-theme=\"custom\"] .markdown-content .token.constant,\n      [data-theme=\"custom\"] .markdown-content .token.symbol {\n        color: #fcd34d;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.selector,\n      [data-theme=\"custom\"] .markdown-content .token.attr-name,\n      [data-theme=\"custom\"] .markdown-content .token.string,\n      [data-theme=\"custom\"] .markdown-content .token.char,\n      [data-theme=\"custom\"] .markdown-content .token.builtin {\n        color: #86efac;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.function,\n      [data-theme=\"custom\"] .markdown-content .token.class-name {\n        color: #93c5fd;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.keyword {\n        color: #c4b5fd;\n      }\n    }\n\n    .markdown-content .mermaid {\n      position: relative;\n      margin: 16px 0;\n      padding: 16px;\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      overflow: hidden;\n      text-align: center;\n    }\n\n    /* Viewport \u2014 clips the scaled SVG so it doesn't overflow the card. */\n    .markdown-content .mermaid .mermaid-viewport {\n      position: relative;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n\n    /* Toolbar \u2014 appears in the top-right corner, fades in on hover. */\n    .markdown-content .mermaid .mermaid-toolbar {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      display: flex;\n      gap: 4px;\n      padding: 4px;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      opacity: 0;\n      transition: opacity 0.18s ease;\n      z-index: 2;\n    }\n    .markdown-content .mermaid:hover .mermaid-toolbar,\n    .markdown-content .mermaid:focus-within .mermaid-toolbar { opacity: 1; }\n\n    .markdown-content .mermaid .mermaid-btn {\n      width: 28px;\n      height: 28px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 0;\n      border-radius: 4px;\n      cursor: pointer;\n      font-family: ui-sans-serif, system-ui, sans-serif;\n      font-size: 12px;\n      line-height: 1;\n      transition: background 0.15s ease, color 0.15s ease;\n    }\n    .markdown-content .mermaid .mermaid-btn:hover {\n      background: var(--hover-bg);\n      color: var(--text-primary);\n    }\n    .markdown-content .mermaid .mermaid-btn:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 1px;\n    }\n\n    .markdown-content .mermaid-fallback,\n    .markdown-content .mermaid-error {\n      text-align: left;\n      white-space: pre;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .mermaid-error {\n      border-left: 4px solid #d97706;\n    }\n\n    /* Fullscreen dialog \u2014 opened by the toolbar fullscreen button. */\n    dialog.mermaid-fullscreen-dialog {\n      width: 100vw;\n      height: 100vh;\n      max-width: 100vw;\n      max-height: 100vh;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      background: var(--bg-color);\n      color: var(--text-primary);\n      overflow: hidden;\n    }\n    dialog.mermaid-fullscreen-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.85);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage {\n      width: 100vw;\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage svg {\n      max-width: 92vw;\n      max-height: 84vh;\n      width: auto;\n      height: auto;\n      transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-toolbar-fullscreen {\n      position: fixed;\n      top: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 3;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      padding: 6px;\n      display: flex;\n      gap: 4px;\n      opacity: 1;\n    }\n    dialog.mermaid-fullscreen-close {\n      position: fixed;\n      top: 20px;\n      right: 24px;\n      width: 36px;\n      height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--bg-secondary);\n      color: var(--text-primary);\n      border: 1px solid var(--border);\n      border-radius: 50%;\n      cursor: pointer;\n      font-size: 14px;\n      line-height: 1;\n      z-index: 3;\n      transition: background 0.15s ease;\n    }\n    dialog.mermaid-fullscreen-close:hover { background: var(--hover-bg); }\n    dialog.mermaid-fullscreen-close:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .markdown-content .md-image {\n      display: block;\n      max-width: 100%;\n      height: auto;\n      margin: 16px 0;\n      border-radius: 6px;\n      border: 1px solid var(--border);\n      cursor: zoom-in;\n    }\n\n    .markdown-content .md-image[data-no-zoom=\"true\"],\n    .markdown-content .md-image.no-zoom {\n      cursor: default;\n    }\n\n    .markdown-content .markdown-disabled {\n      color: var(--text-muted);\n      cursor: not-allowed;\n      text-decoration: none;\n      opacity: 0.68;\n    }\n\n    .image-zoom-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 1000;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      background: rgba(15, 23, 42, 0.82);\n      cursor: zoom-out;\n    }\n\n    .image-zoom-img {\n      max-width: min(100%, 1200px);\n      max-height: 90vh;\n      border-radius: 6px;\n      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);\n      cursor: default;\n    }\n\n    .image-zoom-close {\n      position: fixed;\n      top: 18px;\n      right: 18px;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(255, 255, 255, 0.35);\n      border-radius: 50%;\n      background: rgba(15, 23, 42, 0.75);\n      color: #fff;\n      font-size: 21px;\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    .markdown-content .md-hr {\n      border: 0;\n      border-top: 1px solid var(--border);\n      margin: 24px 0;\n    }\n\n    .markdown-content .md-table {\n      border-collapse: collapse;\n      margin: 16px 0;\n      font-size: 12px;\n      border-radius: 6px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n    }\n\n    .markdown-content .md-table td,\n    .markdown-content .md-table th {\n      padding: 10px 16px;\n      border-bottom: 1px solid var(--border);\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-table td:last-child {\n      white-space: normal;\n    }\n\n    .markdown-content .md-table tr:first-child td {\n      font-weight: 600;\n      background: var(--bg-tertiary);\n      color: var(--text-primary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .markdown-content .md-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .markdown-content .md-table tr:hover:not(:first-child) {\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert {\n      border: 1px solid var(--border);\n      border-left: 4px solid var(--primary-color);\n      border-radius: 6px;\n      padding: 12px 14px;\n      margin: 16px 0;\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert-title {\n      color: var(--text-primary);\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    .markdown-content .md-alert-warning,\n    .markdown-content .md-alert-danger,\n    .markdown-content .md-alert-caution,\n    .markdown-content .md-alert-important {\n      border-left-color: #d97706;\n    }\n\n    .markdown-content .md-tabs {\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      margin: 16px 0;\n      overflow: hidden;\n      background: var(--bg-primary);\n    }\n\n    .markdown-content .md-tab-list {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid var(--border);\n      background: var(--bg-secondary);\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-tab-button {\n      border: 0;\n      border-right: 1px solid var(--border);\n      background: transparent;\n      color: var(--text-muted);\n      padding: 10px 14px;\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-tab-button.active {\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content .md-tab-panel {\n      display: none;\n      padding: 16px;\n    }\n\n    .markdown-content .md-tab-panel.active {\n      display: block;\n    }\n\n    .markdown-content strong {\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content em {\n      font-style: italic;\n    }\n\n    .endpoint-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n\n    @media (min-width: 1400px) {\n      .endpoint-content {\n        grid-template-columns: 55% 45%;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    .endpoint-left {\n      min-width: 0; /* Prevent overflow */\n    }\n\n    .endpoint-right {\n      position: sticky;\n      top: 20px;\n      align-self: start;\n      min-width: 0; /* Prevent overflow */\n      background: var(--code-panel-bg);\n      border-radius: 8px;\n      padding: 16px;\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right-header {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #90a4ae;\n      margin-bottom: 12px;\n      padding-bottom: 7px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-right {\n        position: static;\n      }\n    }\n\n    .endpoint-subsection {\n      margin-bottom: 20px;\n    }\n\n    .endpoint-subsection-title {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-subsection p {\n      margin-bottom: 12px;\n      color: var(--text-color);\n    }\n\n    /* ========== REDOC-STYLE PARAMETER LABELS ========== */\n    .subsection-label {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 10px;\n    }\n\n    .content-type {\n      font-weight: 400;\n      color: var(--text-color);\n      text-transform: none;\n    }\n\n    .auth-value {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      margin-left: 8px;\n    }\n\n    /* ========== REDOC-STYLE PARAMETERS ========== */\n    .param-row {\n      display: flex;\n      padding: 8px 10px;\n      margin-bottom: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--surface-color);\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .param-row:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .param-row:last-child {\n      margin-bottom: 0;\n    }\n\n    .param-tree {\n      width: 20px;\n      display: flex;\n      align-items: flex-start;\n      padding-top: 2px;\n      color: var(--border-color);\n      margin-right: 8px;\n    }\n\n    .param-tree-line {\n      width: 10px;\n      height: 10px;\n      border-left: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .param-info {\n      flex: 1;\n    }\n\n    .param-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n      flex-wrap: wrap;\n    }\n\n    .param-name-text {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .param-required-badge {\n      font-size: 9px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: #fee2e2;\n      color: #991b1b;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-required-badge {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .param-type-info {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: rgba(99, 102, 241, 0.1);\n      color: #6366f1;\n    }\n\n    [data-theme=\"dark\"] .param-type-info {\n      background: rgba(129, 140, 248, 0.15);\n      color: #a5b4fc;\n    }\n\n    .param-type-info .format {\n      color: #8b5cf6;\n    }\n\n    [data-theme=\"dark\"] .param-type-info .format {\n      color: #c4b5fd;\n    }\n\n    .param-constraint {\n      display: inline-block;\n      font-size: 9px;\n      padding: 3px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      margin-left: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-constraint {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .param-default {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-default code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-example {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-example code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-description {\n      font-size: 11px;\n      color: var(--text-color);\n      line-height: 1.4;\n      margin-top: 4px;\n    }\n\n    /* ========== REDOC-STYLE RESPONSES ========== */\n    .response-item {\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      margin-bottom: 8px;\n      overflow: hidden;\n      transition: border-color 0.15s, box-shadow 0.15s;\n    }\n\n    .response-item:hover {\n      border-color: var(--primary-color);\n    }\n\n    .response-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      background: var(--surface-color);\n    }\n\n    .response-header:hover {\n      background: var(--hover-bg);\n    }\n\n    .response-arrow {\n      font-size: 10px;\n      transition: transform 0.2s;\n      color: var(--text-muted);\n      width: 16px;\n      text-align: center;\n    }\n\n    .response-item.expanded .response-arrow {\n      transform: rotate(90deg);\n    }\n\n    .response-status {\n      font-size: 11px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      min-width: 50px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .response-status.status-2xx {\n      background: #dcfce7;\n      color: #166534;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-2xx {\n      background: #064e3b;\n      color: #86efac;\n    }\n\n    .response-status.status-4xx {\n      background: #fed7aa;\n      color: #92400e;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-4xx {\n      background: #78350f;\n      color: #fdba74;\n    }\n\n    .response-status.status-5xx {\n      background: #fee2e2;\n      color: #991b1b;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-5xx {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .response-desc {\n      font-size: 11px;\n      color: var(--text-color);\n    }\n\n    .response-body {\n      display: none;\n      padding: 12px;\n      border-top: 1px solid var(--border-color);\n      background: var(--code-bg);\n    }\n\n    .response-item.expanded .response-body {\n      display: block;\n    }\n\n    .response-schema-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-schema-label .content-type {\n      margin-left: 8px;\n    }\n\n    .response-headers-section {\n      margin-bottom: 14px;\n      padding-bottom: 10px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-headers-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-header-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 5px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-header-row:last-child {\n      border-bottom: none;\n    }\n\n    .response-header-name {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n      min-width: 150px;\n      margin-right: 12px;\n    }\n\n    .response-header-info {\n      flex: 1;\n    }\n\n    .response-header-type {\n      font-size: 10px;\n      color: var(--primary-color);\n      margin-bottom: 4px;\n    }\n\n    .response-header-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n    }\n\n    .response-header-required {\n      color: #ef4444;\n      font-size: 10px;\n      margin-left: 8px;\n    }\n\n    .docs-page-result {\n      display: block;\n      width: 100%;\n      padding: 14px 16px;\n      margin: 10px 0;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-page-result:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-page-result-title {\n      display: block;\n      font-weight: 600;\n    }\n\n    .docs-page-result-desc {\n      display: block;\n      margin-top: 4px;\n      color: var(--text-muted);\n      font-size: 12px;\n    }\n\n    .docs-pagination {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .docs-pagination-link {\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-pagination-link:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-pagination-next {\n      text-align: right;\n      justify-self: end;\n      width: 100%;\n    }\n\n    .docs-pagination-label {\n      display: block;\n      color: var(--text-muted);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .docs-pagination-title {\n      display: block;\n      margin-top: 6px;\n      font-weight: 600;\n    }\n\n    /* Issue #123: Previous / Next page-nav cards.\n       Uses only existing tokens (--border-color, --text-secondary,\n       --text-primary). No shadows, no pill radius. */\n    .page-nav-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .page-nav-card {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      background: transparent;\n      color: var(--text-primary);\n      text-align: left;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .page-nav-card:hover,\n    .page-nav-card:focus-visible {\n      border-color: var(--text-primary);\n    }\n\n    .page-nav-card-next {\n      text-align: right;\n      align-items: flex-end;\n    }\n\n    .page-nav-eyebrow {\n      display: block;\n      color: var(--text-secondary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .page-nav-title {\n      display: block;\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    @media (max-width: 720px) {\n      .page-nav-grid {\n        grid-template-columns: 1fr;\n      }\n      .page-nav-card-prev {\n        order: 0;\n      }\n      .page-nav-card-next {\n        order: 1;\n        text-align: left;\n        align-items: flex-start;\n      }\n    }\n\n";
 //# sourceMappingURL=content.d.ts.map

package/dist/docs/ui/style-sections/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,gvqCAq+CzB,CAAA"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,s0qCAq+CzB,CAAA"}

package/dist/docs/ui/style-sections/content.js

@@ -310,11 +310,11 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       letter-spacing: 0.5px;
     }
 
-    .badge-get { background: #10b981; color: white; }
-    .badge-post { background: #3b82f6; color: white; }
-    .badge-put { background: #f59e0b; color: white; }
-    .badge-patch { background: #8b5cf6; color: white; }
-    .badge-delete { background: #ef4444; color: white; }
+    .badge-get { background: var(--method-get-color); color: white; }
+    .badge-post { background: var(--method-post-color); color: white; }
+    .badge-put { background: var(--method-put-color); color: white; }
+    .badge-patch { background: var(--method-patch-color); color: white; }
+    .badge-delete { background: var(--method-delete-color); color: white; }
 
     .endpoint-path {
       font-family: 'SF Mono', 'Monaco', monospace;

package/dist/docs/ui/style-sections/layout-navigation.d.ts

@@ -1,2 +1,2 @@
-export declare const layoutNavigationStyles = "    /* ========== LAYOUT ========== */\n    .skip-link {\n      position: fixed;\n      top: 12px;\n      left: 12px;\n      z-index: 1000;\n      transform: translateY(-160%);\n      padding: 10px 14px;\n      border-radius: 6px;\n      background: var(--primary-color);\n      color: white;\n      font-weight: 600;\n      text-decoration: none;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n      transition: transform 0.15s ease;\n    }\n\n    .skip-link:focus {\n      transform: translateY(0);\n      outline: 2px solid white;\n      outline-offset: 2px;\n    }\n\n    .app-container {\n      --sidebar-width: 280px;\n      display: grid;\n      grid-template-columns: var(--sidebar-width) minmax(0, 1fr);\n      min-height: calc(100vh - 300px);\n    }\n\n    .app-container-no-sidebar {\n      grid-template-columns: 1fr;\n    }\n\n    .main-shell {\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      align-items: stretch;\n      min-width: 0;\n      gap: 0;\n    }\n\n    /* Drop the (empty) TOC gutter on endpoint views so the operation's\n       two-column content \u2014 docs + samples panel \u2014 can use the full width. */\n    .main-shell.main-shell-no-toc {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .main-shell.main-shell-no-toc .toc {\n      display: none;\n    }\n\n    /* ========== SIDEBAR ========== */\n    .sidebar {\n      background: var(--sidebar-bg);\n      border-right: 1px solid var(--border-color);\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      padding: 14px 0 0;\n      overflow: visible;\n      position: sticky;\n      top: 0;\n      height: 100vh;\n    }\n\n    .sidebar-resizer {\n      appearance: none;\n      position: absolute;\n      top: 0;\n      right: -5px;\n      z-index: 5;\n      width: 10px;\n      height: 100%;\n      padding: 0;\n      border: 0;\n      background: transparent;\n      cursor: col-resize;\n      touch-action: none;\n    }\n\n    .sidebar-resizer::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 4px;\n      width: 1px;\n      background: transparent;\n      transition: background-color 0.15s, box-shadow 0.15s;\n    }\n\n    .sidebar-resizer:hover::before,\n    .sidebar-resizer:focus-visible::before,\n    html.sidebar-is-resizing .sidebar-resizer::before {\n      background: var(--primary-color);\n      box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent);\n    }\n\n    .sidebar-resizer:focus-visible {\n      outline: 0;\n    }\n\n    html.sidebar-is-resizing,\n    html.sidebar-is-resizing * {\n      cursor: col-resize !important;\n      user-select: none !important;\n    }\n\n    .sidebar-hidden {\n      display: none;\n    }\n\n    .sidebar-header {\n      padding: 0 14px 14px;\n      border-bottom: 1px solid var(--border-color);\n      margin-bottom: 12px;\n    }\n\n    .sidebar-logo {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .sidebar-logo img { height: 32px; }\n    .sidebar-logo h1 { font-size: 16px; font-weight: 600; }\n\n    .sidebar-search {\n      position: relative;\n    }\n\n    .sidebar-search input {\n      width: 100%;\n      padding: 8px 10px 8px 32px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      font-size: var(--font-size-small);\n      background: var(--bg-color);\n      color: var(--text-color);\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .sidebar-search input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .sidebar-search::before {\n      content: '\uD83D\uDD0D';\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: var(--font-size-small);\n    }\n\n    .protocol-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      padding: 0 14px;\n      margin-bottom: 14px;\n    }\n\n    .protocol-tab {\n      padding: 5px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 500;\n      cursor: pointer;\n      background: var(--code-bg);\n      border: 1px solid var(--border-color);\n      color: var(--text-color);\n      transition: all 0.2s;\n    }\n\n    .protocol-tab:hover {\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab.active {\n      background: var(--primary-color);\n      color: white;\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab .count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      margin-left: 6px;\n      font-size: 9px;\n      border-radius: 9px;\n      background: rgba(0,0,0,0.15);\n    }\n\n    .protocol-tab.active .count {\n      background: rgba(255,255,255,0.25);\n    }\n\n    /* ========== TAG GROUPS ========== */\n    .sidebar-nav {\n      flex: 1;\n      min-height: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 10px;\n      scrollbar-gutter: stable;\n    }\n\n    .tag-group {\n      margin-bottom: 8px;\n    }\n\n    .tag-group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 10px;\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      transition: all 0.2s;\n    }\n\n    .tag-group-header:hover {\n      background: var(--hover-bg);\n      color: var(--text-color);\n    }\n\n    .tag-group-header.active {\n      color: var(--primary-color);\n    }\n\n    .tag-group-arrow {\n      transition: transform 0.2s;\n      font-size: 9px;\n    }\n\n    .tag-group.collapsed .tag-group-arrow {\n      transform: rotate(-90deg);\n    }\n\n    .tag-group-count {\n      margin-left: auto;\n      font-size: 10px;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    .tag-group-items {\n      padding-left: 8px;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .tag-group.collapsed .tag-group-items {\n      max-height: 0 !important;\n    }\n\n    .nav-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 10px 4px 12px;\n      border-left: 2px solid transparent;\n      border-radius: 0;\n      text-decoration: none;\n      color: var(--text-secondary);\n      font-size: var(--font-size-small);\n      cursor: pointer;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .nav-item:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-item.active {\n      color: var(--text-primary);\n      border-left-color: var(--primary-color);\n      font-weight: 600;\n    }\n\n    .nav-subitems {\n      display: grid;\n      gap: 2px;\n      margin: 2px 0 8px 12px;\n      padding-left: 12px;\n      border-left: 1px solid var(--border-color);\n    }\n\n    .nav-subitem {\n      appearance: none;\n      border: 0;\n      background: transparent;\n      color: var(--text-muted);\n      cursor: pointer;\n      font: inherit;\n      font-size: 10px;\n      line-height: 1.35;\n      padding: 4px 7px;\n      text-align: left;\n      border-radius: 5px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-subitem-level-3,\n    .nav-subitem-level-4,\n    .nav-subitem-level-5,\n    .nav-subitem-level-6 {\n      margin-left: 10px;\n    }\n\n    .nav-subitem:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-subitem.active {\n      color: var(--text-primary);\n      font-weight: 600;\n      box-shadow: inset 2px 0 0 var(--primary-color);\n    }\n\n    .docs-sidebar-depth-1 { margin-left: 4px; }\n    .docs-sidebar-depth-2 { margin-left: 10px; }\n    .docs-sidebar-depth-3,\n    .docs-sidebar-depth-4,\n    .docs-sidebar-depth-5,\n    .docs-sidebar-depth-6 { margin-left: 16px; }\n\n    .nav-item-intro {\n      margin-bottom: 12px;\n      padding: 8px 10px;\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      font-weight: 500;\n    }\n\n    .nav-item-intro:hover {\n      background: var(--hover-bg);\n      border-color: var(--primary-color);\n    }\n\n    .nav-item-intro .nav-item-icon {\n      font-size: 14px;\n    }\n\n    .nav-item-intro .nav-item-text {\n      font-size: 12px;\n    }\n\n    .nav-item-method {\n      font-size: 9px;\n      font-weight: 600;\n      padding: 1px 4px;\n      border: 1px solid var(--border-color);\n      border-radius: 2px;\n      text-transform: uppercase;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--text-secondary);\n      background: transparent;\n      letter-spacing: 0.02em;\n    }\n\n    /* Method classes kept for HTML compatibility but visually unified.\n       The DELETE verb gets the only chromatic accent \u2014 destructive\n       intent earns visual weight. */\n    .method-get,\n    .method-post,\n    .method-put,\n    .method-patch,\n    .method-ws,\n    .method-stream,\n    .method-rpc,\n    .method-grpc {\n      color: var(--text-secondary);\n      background: transparent;\n      border-color: var(--border-color);\n    }\n\n    .method-delete {\n      color: var(--primary-color);\n      border-color: var(--primary-color);\n      background: transparent;\n    }\n\n    .nav-item-path {\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: 10px;\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-item-text,\n    .docs-sidebar-home {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* ========== Floating utility buttons (theme toggle, back-to-top) ========== */\n    .icon-button {\n      appearance: none;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 4px 10px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .icon-button:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .icon-button:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .back-to-top {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 50;\n      appearance: none;\n      background: var(--bg-color);\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 6px 12px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      opacity: 0;\n      pointer-events: none;\n      transform: translateY(8px);\n      transition: opacity 0.2s, transform 0.2s, color 0.15s, border-color 0.15s;\n    }\n\n    .back-to-top.visible {\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    .back-to-top::before {\n      content: '\\2191';\n      margin-right: 6px;\n      font-weight: 400;\n    }\n\n    .back-to-top:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .back-to-top:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    @media (max-width: 1200px) {\n      .main-shell {\n        grid-template-columns: 1fr;\n      }\n      .toc {\n        display: none;\n      }\n    }\n\n    .docs-pages-group > .tag-group-header {\n      color: var(--text-primary);\n      background: var(--hover-bg);\n      border-left: 3px solid var(--primary-color);\n      padding-left: 9px;\n      margin-bottom: 4px;\n      letter-spacing: 0.01em;\n    }\n\n    .docs-pages-group > .tag-group-header:hover {\n      background: var(--hover-bg);\n      opacity: 0.85;\n    }\n\n    .docs-sidebar-home {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .docs-sidebar-home-icon {\n      flex-shrink: 0;\n      opacity: 0.7;\n    }\n\n    /* ========== TOC / TRY IT OUT PANEL (ReDoc-style right panel) ========== */\n    .toc {\n      align-self: stretch;\n      position: sticky;\n      top: 0;\n      padding: 24px;\n      border-left: 1px solid var(--border-color);\n      font-size: var(--font-size-small);\n      line-height: 1.5;\n      max-height: 100vh;\n      overflow-y: auto;\n      background: #263238;\n      color: #eceff1;\n    }\n\n    [data-theme=\"light\"] .toc {\n      background: #f5f7fa;\n      color: #263238;\n      border-left-color: #e0e0e0;\n    }\n\n    .toc:empty {\n      border: 0;\n      padding: 0;\n    }\n\n    .toc-title {\n      color: #90caf9;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      margin: 0 0 16px;\n      text-transform: uppercase;\n    }\n\n    [data-theme=\"light\"] .toc-title {\n      color: #1976d2;\n    }\n\n    .toc-link {\n      display: block;\n      padding: 6px 0;\n      color: #b0bec5;\n      text-decoration: none;\n      border-left: 3px solid transparent;\n      margin-left: -24px;\n      padding-left: 21px;\n      transition: color 0.15s, border-color 0.15s;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n    }\n\n    .toc-link:hover {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n    }\n\n    [data-theme=\"light\"] .toc-link {\n      color: #666;\n    }\n\n    [data-theme=\"light\"] .toc-link:hover {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-link.active {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n      font-weight: 600;\n    }\n\n    [data-theme=\"light\"] .toc-link.active {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-level-2 { padding-left: 27px; }\n    .toc-level-3 { padding-left: 39px; }\n    .toc-level-4 { padding-left: 51px; }\n    .toc-level-5 { padding-left: 63px; }\n    .toc-level-6 { padding-left: 75px; }\n    /* ========== SEARCH MODAL (cmd+K) ========== */\n    dialog.search-modal {\n      padding: 0;\n      border: 1px solid var(--border-color);\n      border-radius: 12px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      width: min(640px, calc(100vw - 32px));\n      max-width: 640px;\n      max-height: 70vh;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.25);\n      margin: auto;\n    }\n\n    dialog.search-modal::backdrop {\n      background: rgba(0, 0, 0, 0.45);\n    }\n\n    dialog.search-modal:not([open]) {\n      display: none;\n    }\n\n    .search-modal-inner {\n      display: flex;\n      flex-direction: column;\n      max-height: 70vh;\n    }\n\n    .search-modal-input-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .search-modal-input {\n      flex: 1;\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      font-size: 13px;\n      font-family: inherit;\n      outline: none;\n    }\n\n    .search-modal-input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .search-modal-close {\n      padding: 6px 10px;\n      font-size: 11px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      color: var(--text-muted);\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    .search-modal-close:hover {\n      color: var(--text-color);\n      background: var(--hover-bg);\n    }\n\n    .search-modal-results {\n      overflow-y: auto;\n      flex: 1;\n      padding: 8px 8px 12px;\n    }\n\n    .search-modal-empty {\n      padding: 24px 16px;\n      color: var(--text-muted);\n      text-align: center;\n      font-size: 12px;\n    }\n\n    .search-modal-group {\n      padding: 4px 0;\n    }\n\n    .search-modal-group-heading {\n      padding: 8px 12px 4px;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n    .search-modal-result {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      width: 100%;\n      padding: 10px 12px;\n      margin: 2px 0;\n      text-align: left;\n      background: transparent;\n      border: 1px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      color: var(--text-color);\n      font-family: inherit;\n    }\n\n    .search-modal-result:focus,\n    .search-modal-result.is-highlighted {\n      background: var(--hover-bg);\n      border-color: var(--border-color);\n      outline: none;\n    }\n\n    .search-modal-result-title {\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .search-modal-result-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n";
+export declare const layoutNavigationStyles = "    /* ========== LAYOUT ========== */\n    .skip-link {\n      position: fixed;\n      top: 12px;\n      left: 12px;\n      z-index: 1000;\n      transform: translateY(-160%);\n      padding: 10px 14px;\n      border-radius: 6px;\n      background: var(--primary-color);\n      color: white;\n      font-weight: 600;\n      text-decoration: none;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n      transition: transform 0.15s ease;\n    }\n\n    .skip-link:focus {\n      transform: translateY(0);\n      outline: 2px solid white;\n      outline-offset: 2px;\n    }\n\n    .app-container {\n      --sidebar-width: 280px;\n      display: grid;\n      grid-template-columns: var(--sidebar-width) minmax(0, 1fr);\n      min-height: calc(100vh - 300px);\n    }\n\n    .app-container-no-sidebar {\n      grid-template-columns: 1fr;\n    }\n\n    .main-shell {\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      align-items: stretch;\n      min-width: 0;\n      gap: 0;\n    }\n\n    /* Drop the (empty) TOC gutter on endpoint views so the operation's\n       two-column content \u2014 docs + samples panel \u2014 can use the full width. */\n    .main-shell.main-shell-no-toc {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .main-shell.main-shell-no-toc .toc {\n      display: none;\n    }\n\n    /* ========== SIDEBAR ========== */\n    .sidebar {\n      background: var(--sidebar-bg);\n      border-right: 1px solid var(--border-color);\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      padding: 14px 0 0;\n      overflow: visible;\n      position: sticky;\n      top: 0;\n      height: 100vh;\n    }\n\n    .sidebar-resizer {\n      appearance: none;\n      position: absolute;\n      top: 0;\n      right: -5px;\n      z-index: 5;\n      width: 10px;\n      height: 100%;\n      padding: 0;\n      border: 0;\n      background: transparent;\n      cursor: col-resize;\n      touch-action: none;\n    }\n\n    .sidebar-resizer::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 4px;\n      width: 1px;\n      background: transparent;\n      transition: background-color 0.15s, box-shadow 0.15s;\n    }\n\n    .sidebar-resizer:hover::before,\n    .sidebar-resizer:focus-visible::before,\n    html.sidebar-is-resizing .sidebar-resizer::before {\n      background: var(--primary-color);\n      box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent);\n    }\n\n    .sidebar-resizer:focus-visible {\n      outline: 0;\n    }\n\n    html.sidebar-is-resizing,\n    html.sidebar-is-resizing * {\n      cursor: col-resize !important;\n      user-select: none !important;\n    }\n\n    .sidebar-hidden {\n      display: none;\n    }\n\n    .sidebar-header {\n      padding: 0 14px 14px;\n      border-bottom: 1px solid var(--border-color);\n      margin-bottom: 12px;\n    }\n\n    .sidebar-logo {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .sidebar-logo img { height: 32px; }\n    .sidebar-logo h1 { font-size: 16px; font-weight: 600; }\n\n    .sidebar-search {\n      position: relative;\n    }\n\n    .sidebar-search input {\n      width: 100%;\n      padding: 8px 10px 8px 32px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      font-size: var(--font-size-small);\n      background: var(--bg-color);\n      color: var(--text-color);\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .sidebar-search input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .sidebar-search::before {\n      content: '\uD83D\uDD0D';\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: var(--font-size-small);\n    }\n\n    .protocol-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      padding: 0 14px;\n      margin-bottom: 14px;\n    }\n\n    .protocol-tab {\n      padding: 5px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 500;\n      cursor: pointer;\n      background: var(--code-bg);\n      border: 1px solid var(--border-color);\n      color: var(--text-color);\n      transition: all 0.2s;\n    }\n\n    .protocol-tab:hover {\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab.active {\n      background: var(--primary-color);\n      color: white;\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab .count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      margin-left: 6px;\n      font-size: 9px;\n      border-radius: 9px;\n      background: rgba(0,0,0,0.15);\n    }\n\n    .protocol-tab.active .count {\n      background: rgba(255,255,255,0.25);\n    }\n\n    /* ========== TAG GROUPS ========== */\n    .sidebar-nav {\n      flex: 1;\n      min-height: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 10px;\n      scrollbar-gutter: stable;\n    }\n\n    .tag-group {\n      margin-bottom: 8px;\n    }\n\n    .tag-group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 10px;\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      transition: all 0.2s;\n    }\n\n    .tag-group-header:hover {\n      background: var(--hover-bg);\n      color: var(--text-color);\n    }\n\n    .tag-group-header.active {\n      color: var(--primary-color);\n    }\n\n    .tag-group-arrow {\n      transition: transform 0.2s;\n      font-size: 9px;\n    }\n\n    .tag-group.collapsed .tag-group-arrow {\n      transform: rotate(-90deg);\n    }\n\n    .tag-group-count {\n      margin-left: auto;\n      font-size: 10px;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    .tag-group-items {\n      padding-left: 8px;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .tag-group.collapsed .tag-group-items {\n      max-height: 0 !important;\n    }\n\n    .nav-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 10px 4px 12px;\n      border-left: 2px solid transparent;\n      border-radius: 0;\n      text-decoration: none;\n      color: var(--text-secondary);\n      font-size: var(--font-size-small);\n      cursor: pointer;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .nav-item:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-item.active {\n      color: var(--text-primary);\n      border-left-color: var(--primary-color);\n      font-weight: 600;\n    }\n\n    .nav-subitems {\n      display: grid;\n      gap: 2px;\n      margin: 2px 0 8px 12px;\n      padding-left: 12px;\n      border-left: 1px solid var(--border-color);\n    }\n\n    .nav-subitem {\n      appearance: none;\n      border: 0;\n      background: transparent;\n      color: var(--text-muted);\n      cursor: pointer;\n      font: inherit;\n      font-size: 10px;\n      line-height: 1.35;\n      padding: 4px 7px;\n      text-align: left;\n      border-radius: 5px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-subitem-level-3,\n    .nav-subitem-level-4,\n    .nav-subitem-level-5,\n    .nav-subitem-level-6 {\n      margin-left: 10px;\n    }\n\n    .nav-subitem:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-subitem.active {\n      color: var(--text-primary);\n      font-weight: 600;\n      box-shadow: inset 2px 0 0 var(--primary-color);\n    }\n\n    .docs-sidebar-depth-1 { margin-left: 4px; }\n    .docs-sidebar-depth-2 { margin-left: 10px; }\n    .docs-sidebar-depth-3,\n    .docs-sidebar-depth-4,\n    .docs-sidebar-depth-5,\n    .docs-sidebar-depth-6 { margin-left: 16px; }\n\n    .nav-item-intro {\n      margin-bottom: 12px;\n      padding: 8px 10px;\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      font-weight: 500;\n    }\n\n    .nav-item-intro:hover {\n      background: var(--hover-bg);\n      border-color: var(--primary-color);\n    }\n\n    .nav-item-intro .nav-item-icon {\n      font-size: 14px;\n    }\n\n    .nav-item-intro .nav-item-text {\n      font-size: 12px;\n    }\n\n    .nav-item-method {\n      font-size: 9px;\n      font-weight: 600;\n      padding: 1px 4px;\n      border: 1px solid var(--border-color);\n      border-radius: 2px;\n      text-transform: uppercase;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--text-secondary);\n      background: transparent;\n      letter-spacing: 0.02em;\n    }\n\n    /* HTTP methods share the endpoint-content palette so long route lists\n       remain scannable without adding size or spacing. */\n    .method-get { background: var(--method-get-color); color: white; border-color: var(--method-get-color); }\n    .method-post { background: var(--method-post-color); color: white; border-color: var(--method-post-color); }\n    .method-put { background: var(--method-put-color); color: white; border-color: var(--method-put-color); }\n    .method-patch { background: var(--method-patch-color); color: white; border-color: var(--method-patch-color); }\n    .method-delete { background: var(--method-delete-color); color: white; border-color: var(--method-delete-color); }\n\n    .method-ws,\n    .method-stream,\n    .method-rpc,\n    .method-grpc {\n      color: var(--text-secondary);\n      background: transparent;\n      border-color: var(--border-color);\n    }\n\n    .nav-item-path {\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: 10px;\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-item-text,\n    .docs-sidebar-home {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* ========== Floating utility buttons (theme toggle, back-to-top) ========== */\n    .icon-button {\n      appearance: none;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 4px 10px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .icon-button:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .icon-button:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .back-to-top {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 50;\n      appearance: none;\n      background: var(--bg-color);\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 6px 12px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      opacity: 0;\n      pointer-events: none;\n      transform: translateY(8px);\n      transition: opacity 0.2s, transform 0.2s, color 0.15s, border-color 0.15s;\n    }\n\n    .back-to-top.visible {\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    .back-to-top::before {\n      content: '\\2191';\n      margin-right: 6px;\n      font-weight: 400;\n    }\n\n    .back-to-top:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .back-to-top:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    @media (max-width: 1200px) {\n      .main-shell {\n        grid-template-columns: 1fr;\n      }\n      .toc {\n        display: none;\n      }\n    }\n\n    .docs-pages-group > .tag-group-header {\n      color: var(--text-primary);\n      background: var(--hover-bg);\n      border-left: 3px solid var(--primary-color);\n      padding-left: 9px;\n      margin-bottom: 4px;\n      letter-spacing: 0.01em;\n    }\n\n    .docs-pages-group > .tag-group-header:hover {\n      background: var(--hover-bg);\n      opacity: 0.85;\n    }\n\n    .docs-sidebar-home {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .docs-sidebar-home-icon {\n      flex-shrink: 0;\n      opacity: 0.7;\n    }\n\n    /* ========== TOC / TRY IT OUT PANEL (ReDoc-style right panel) ========== */\n    .toc {\n      align-self: stretch;\n      position: sticky;\n      top: 0;\n      padding: 24px;\n      border-left: 1px solid var(--border-color);\n      font-size: var(--font-size-small);\n      line-height: 1.5;\n      max-height: 100vh;\n      overflow-y: auto;\n      background: #263238;\n      color: #eceff1;\n    }\n\n    [data-theme=\"light\"] .toc {\n      background: #f5f7fa;\n      color: #263238;\n      border-left-color: #e0e0e0;\n    }\n\n    .toc:empty {\n      border: 0;\n      padding: 0;\n    }\n\n    .toc-title {\n      color: #90caf9;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      margin: 0 0 16px;\n      text-transform: uppercase;\n    }\n\n    [data-theme=\"light\"] .toc-title {\n      color: #1976d2;\n    }\n\n    .toc-link {\n      display: block;\n      padding: 6px 0;\n      color: #b0bec5;\n      text-decoration: none;\n      border-left: 3px solid transparent;\n      margin-left: -24px;\n      padding-left: 21px;\n      transition: color 0.15s, border-color 0.15s;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n    }\n\n    .toc-link:hover {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n    }\n\n    [data-theme=\"light\"] .toc-link {\n      color: #666;\n    }\n\n    [data-theme=\"light\"] .toc-link:hover {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-link.active {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n      font-weight: 600;\n    }\n\n    [data-theme=\"light\"] .toc-link.active {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-level-2 { padding-left: 27px; }\n    .toc-level-3 { padding-left: 39px; }\n    .toc-level-4 { padding-left: 51px; }\n    .toc-level-5 { padding-left: 63px; }\n    .toc-level-6 { padding-left: 75px; }\n    /* ========== SEARCH MODAL (cmd+K) ========== */\n    dialog.search-modal {\n      padding: 0;\n      border: 1px solid var(--border-color);\n      border-radius: 12px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      width: min(640px, calc(100vw - 32px));\n      max-width: 640px;\n      max-height: 70vh;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.25);\n      margin: auto;\n    }\n\n    dialog.search-modal::backdrop {\n      background: rgba(0, 0, 0, 0.45);\n    }\n\n    dialog.search-modal:not([open]) {\n      display: none;\n    }\n\n    .search-modal-inner {\n      display: flex;\n      flex-direction: column;\n      max-height: 70vh;\n    }\n\n    .search-modal-input-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .search-modal-input {\n      flex: 1;\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      font-size: 13px;\n      font-family: inherit;\n      outline: none;\n    }\n\n    .search-modal-input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .search-modal-close {\n      padding: 6px 10px;\n      font-size: 11px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      color: var(--text-muted);\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    .search-modal-close:hover {\n      color: var(--text-color);\n      background: var(--hover-bg);\n    }\n\n    .search-modal-results {\n      overflow-y: auto;\n      flex: 1;\n      padding: 8px 8px 12px;\n    }\n\n    .search-modal-empty {\n      padding: 24px 16px;\n      color: var(--text-muted);\n      text-align: center;\n      font-size: 12px;\n    }\n\n    .search-modal-group {\n      padding: 4px 0;\n    }\n\n    .search-modal-group-heading {\n      padding: 8px 12px 4px;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n    .search-modal-result {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      width: 100%;\n      padding: 10px 12px;\n      margin: 2px 0;\n      text-align: left;\n      background: transparent;\n      border: 1px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      color: var(--text-color);\n      font-family: inherit;\n    }\n\n    .search-modal-result:focus,\n    .search-modal-result.is-highlighted {\n      background: var(--hover-bg);\n      border-color: var(--border-color);\n      outline: none;\n    }\n\n    .search-modal-result-title {\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .search-modal-result-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n";
 //# sourceMappingURL=layout-navigation.d.ts.map

package/dist/docs/ui/style-sections/layout-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,qhiBA6tBlC,CAAA"}
+{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,y0iBAwtBlC,CAAA"}

package/dist/docs/ui/style-sections/layout-navigation.js

@@ -372,13 +372,14 @@ export const layoutNavigationStyles = `    /* ========== LAYOUT ========== */
       letter-spacing: 0.02em;
     }
 
-    /* Method classes kept for HTML compatibility but visually unified.
-       The DELETE verb gets the only chromatic accent — destructive
-       intent earns visual weight. */
-    .method-get,
-    .method-post,
-    .method-put,
-    .method-patch,
+    /* HTTP methods share the endpoint-content palette so long route lists
+       remain scannable without adding size or spacing. */
+    .method-get { background: var(--method-get-color); color: white; border-color: var(--method-get-color); }
+    .method-post { background: var(--method-post-color); color: white; border-color: var(--method-post-color); }
+    .method-put { background: var(--method-put-color); color: white; border-color: var(--method-put-color); }
+    .method-patch { background: var(--method-patch-color); color: white; border-color: var(--method-patch-color); }
+    .method-delete { background: var(--method-delete-color); color: white; border-color: var(--method-delete-color); }
+
     .method-ws,
     .method-stream,
     .method-rpc,
@@ -388,12 +389,6 @@ export const layoutNavigationStyles = `    /* ========== LAYOUT ========== */
       border-color: var(--border-color);
     }
 
-    .method-delete {
-      color: var(--primary-color);
-      border-color: var(--primary-color);
-      background: transparent;
-    }
-
     .nav-item-path {
       font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
       font-size: 10px;

package/dist/docs/ui/style-sections/layout-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-navigation.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6tBrC,CAAA"}
+{"version":3,"file":"layout-navigation.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwtBrC,CAAA"}

package/dist/docs/ui/style-sections/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CA+oBR"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAopBR"}

package/dist/docs/ui/style-sections/shell.js

@@ -21,6 +21,11 @@ export function generateShellStyles(primaryColor, primaryHover, heroBackgroundCS
       --code-panel-bg: #263238;
       --code-panel-text: #cfd8dc;
       --code-panel-header: #37474f;
+      --method-get-color: #10b981;
+      --method-post-color: #3b82f6;
+      --method-put-color: #f59e0b;
+      --method-patch-color: #8b5cf6;
+      --method-delete-color: #ef4444;
 
       /* Dense documentation type scale. Component styles inherit these
          tokens so large references keep more context inside the viewport. */

package/dist/docs/ui/style-sections/shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAqDuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY;;;;;;;;;;;;;;;;;;;;;;qEAsBV,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6PzE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAySxB,CAAA;AACD,CAAC"}
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA0DuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY;;;;;;;;;;;;;;;;;;;;;;qEAsBV,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6PzE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAySxB,CAAA;AACD,CAAC"}

package/dist/ui/docs/ui/style-sections/content.d.ts

@@ -1,2 +1,2 @@
-export declare const contentStyles = "    /* ========== MAIN CONTENT ========== */\n    .main {\n      padding: 32px;\n      overflow-y: auto;\n      width: 100%;\n    }\n\n    /* ========== BREADCRUMBS ========== */\n    .docs-breadcrumb {\n      margin: 0 0 16px 0;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-breadcrumb-list {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 6px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .docs-breadcrumb-item {\n      display: inline-flex;\n      align-items: center;\n      min-width: 0;\n    }\n\n    .docs-breadcrumb-link {\n      color: var(--text-secondary);\n      text-decoration: none;\n      cursor: pointer;\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-link:hover {\n      color: var(--primary-color);\n      text-decoration: underline;\n    }\n\n    .docs-breadcrumb-label {\n      color: var(--text-muted);\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-current {\n      color: var(--text-secondary);\n      font-weight: 500;\n      max-width: 320px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-separator {\n      color: var(--text-muted);\n      user-select: none;\n    }\n\n    /* Mobile: keep first + last segments, ellipsise the middle. We cannot\n       collapse via DOM at this layer (the resolver feeds the full chain), but\n       on narrow screens we hide every link/label between the second and the\n       last-but-one entries, leaving the first, an ellipsis, and the current\n       page visible. Separators around hidden items are also hidden. */\n    @media (max-width: 600px) {\n      .docs-breadcrumb-list > .docs-breadcrumb-item:not(:first-child):not(:last-child) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-separator:nth-child(n+4):not(:nth-last-child(2)) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-item:first-child + .docs-breadcrumb-separator + .docs-breadcrumb-item:not(:last-child)::after {\n        content: ' \\2026 ';\n        color: var(--text-muted);\n        margin-left: 4px;\n      }\n      .docs-breadcrumb-link,\n      .docs-breadcrumb-label,\n      .docs-breadcrumb-current {\n        max-width: 140px;\n      }\n    }\n\n    .section { margin-bottom: 48px; }\n\n    .section-title {\n      font-size: 24px;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: var(--text-color);\n    }\n\n    .section-desc {\n      color: var(--text-muted);\n      margin-bottom: 24px;\n    }\n\n    /* ========== INTRODUCTION SECTION ========== */\n    .intro-section {\n      padding: 24px 32px;\n      background: var(--surface-color);\n      border-bottom: 1px solid var(--border-color);\n      margin: -32px -32px 32px -32px;\n    }\n\n    .intro-section .markdown-content {\n      max-width: 800px;\n    }\n\n    .intro-section .markdown-content h2 {\n      font-size: 21px;\n      font-weight: 600;\n      margin: 32px 0 16px 0;\n      color: var(--text-color);\n    }\n\n    .intro-section .markdown-content h2:first-child {\n      margin-top: 0;\n    }\n\n    .intro-section .markdown-content p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--text-color);\n      margin-bottom: 16px;\n    }\n\n    .intro-section .markdown-content ul {\n      margin: 16px 0;\n      padding-left: 24px;\n    }\n\n    .intro-section .markdown-content li {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--text-color);\n      margin-bottom: 8px;\n    }\n\n    .intro-section .markdown-content code {\n      background: var(--code-bg);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n    }\n\n    .intro-section .markdown-content pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      margin: 16px 0;\n    }\n\n    .intro-section .markdown-content strong {\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== ROOT OVERVIEW (OpenAPI landing) ========== */\n    .docs-overview {\n      max-width: 820px;\n      margin-bottom: 8px;\n    }\n\n    .docs-overview-header {\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-title {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 28px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin: 0;\n      color: var(--text-color);\n    }\n\n    .docs-overview-version {\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      padding: 3px 10px;\n      border-radius: 999px;\n      color: var(--accent, var(--primary-color));\n      background: color-mix(in srgb, var(--accent, var(--primary-color)) 14%, transparent);\n      border: 1px solid color-mix(in srgb, var(--accent, var(--primary-color)) 35%, transparent);\n    }\n\n    .docs-overview-meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin: 0 0 24px 0;\n    }\n\n    .docs-overview-meta a {\n      color: var(--accent, var(--primary-color));\n      text-decoration: none;\n    }\n\n    .docs-overview-meta a:hover {\n      text-decoration: underline;\n    }\n\n    .docs-overview-meta-sep {\n      color: var(--border-color);\n    }\n\n    .docs-overview-servers {\n      margin: 0 0 28px 0;\n    }\n\n    .docs-overview-subtitle {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--text-muted);\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-server-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .docs-overview-server {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 12px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .docs-overview-server-url {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      background: var(--code-bg);\n      padding: 4px 10px;\n      border-radius: 6px;\n      word-break: break-all;\n    }\n\n    .docs-overview-server-desc {\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-overview-description {\n      max-width: 820px;\n    }\n\n    /* ========== ENDPOINT SECTIONS (Redoc-style) ========== */\n    .endpoint-section {\n      padding: 24px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-section:last-child {\n      border-bottom: none;\n    }\n\n    .endpoint-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    .endpoint-method-path {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 4px 9px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      letter-spacing: 0.5px;\n    }\n\n    .badge-get { background: #10b981; color: white; }\n    .badge-post { background: #3b82f6; color: white; }\n    .badge-put { background: #f59e0b; color: white; }\n    .badge-patch { background: #8b5cf6; color: white; }\n    .badge-delete { background: #ef4444; color: white; }\n\n    .endpoint-path {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--text-color);\n    }\n\n    .endpoint-title {\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.3;\n      margin-bottom: 6px;\n      color: var(--text-color);\n    }\n\n    .endpoint-description {\n      color: var(--text-muted);\n      font-size: 12px;\n      line-height: 1.55;\n      margin-bottom: 18px;\n    }\n\n    /* Markdown content styles */\n    .markdown-content {\n      color: var(--text-primary);\n    }\n\n    .markdown-content a:not(.heading-anchor) {\n      color: var(--primary-color);\n      text-decoration: none;\n    }\n\n    .markdown-content a:not(.heading-anchor):hover {\n      text-decoration: underline;\n    }\n\n    /* Heading anchor (#) \u2014 hidden by default, fades in on heading hover.\n       Muted colour, no underline, no accent. Stripe/Vercel/GitHub pattern. */\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6) > .heading-anchor {\n      display: inline-block;\n      margin-right: 8px;\n      color: var(--text-muted);\n      text-decoration: none;\n      opacity: 0;\n      transition: opacity 0.15s, color 0.15s;\n      font-weight: 400;\n    }\n\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6):hover > .heading-anchor,\n    .markdown-content .heading-anchor:focus-visible {\n      opacity: 1;\n    }\n\n    .markdown-content .heading-anchor:hover {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .md-h2 {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 24px 0 12px 0;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .markdown-content .md-h3 {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 20px 0 10px 0;\n    }\n\n    .markdown-content .md-h4 {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      margin: 16px 0 8px 0;\n    }\n\n    .markdown-content .md-p {\n      margin: 0 0 12px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-list {\n      margin: 12px 0;\n      padding-left: 24px;\n    }\n\n    .markdown-content .md-list li {\n      margin: 6px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-inline-code {\n      background: var(--bg-tertiary);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--accent);\n    }\n\n    .markdown-content .emoji {\n      display: inline-block;\n      min-width: 1em;\n      line-height: 1;\n      vertical-align: -0.12em;\n    }\n\n    .markdown-content .docs-component-mount {\n      margin: 16px 0;\n    }\n\n    .markdown-content .md-code-block {\n      background: var(--bg-tertiary);\n      border-radius: 6px;\n      padding: 16px;\n      margin: 16px 0;\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-code-wrap {\n      position: relative;\n      margin: 16px 0;\n    }\n\n    .markdown-content .copy-code-btn {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      border: 1px solid var(--border);\n      border-radius: 4px;\n      background: var(--bg-primary);\n      color: var(--text-muted);\n      padding: 4px 8px;\n      font-size: 10px;\n      line-height: 16px;\n      cursor: pointer;\n    }\n\n    .markdown-content .copy-code-btn:hover {\n      color: var(--text-primary);\n      border-color: var(--primary-color);\n    }\n\n    .markdown-content .md-code-block[data-code-toolbar-enhanced=\"true\"] {\n      padding-top: 32px;\n    }\n\n    .markdown-content .code-block-toolbar {\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      left: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 120ms ease;\n    }\n\n    .markdown-content pre:hover .code-block-toolbar,\n    .markdown-content .code-block-toolbar:focus-within {\n      opacity: 1;\n    }\n\n    @media (hover: none) {\n      .markdown-content .code-block-toolbar {\n        opacity: 1;\n      }\n    }\n\n    .markdown-content .code-block-lang {\n      pointer-events: auto;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 1;\n      color: var(--text-muted);\n      text-transform: lowercase;\n      letter-spacing: 0.02em;\n    }\n\n    .markdown-content .code-block-lang[hidden] {\n      display: none;\n    }\n\n    .markdown-content .code-block-copy {\n      pointer-events: auto;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      background: transparent;\n      color: var(--text-muted);\n      padding: 2px 8px;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 16px;\n      cursor: pointer;\n      transition: color 120ms ease, border-color 120ms ease;\n    }\n\n    .markdown-content .code-block-copy:hover,\n    .markdown-content .code-block-copy:focus-visible {\n      color: var(--text-secondary);\n      border-color: var(--text-secondary);\n      outline: none;\n    }\n\n    .markdown-content .md-code-block code {\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      line-height: 1.6;\n      color: var(--text-primary);\n      white-space: pre;\n    }\n\n    .markdown-content .token.comment,\n    .markdown-content .token.prolog,\n    .markdown-content .token.doctype,\n    .markdown-content .token.cdata {\n      color: var(--text-muted);\n    }\n\n    .markdown-content .token.punctuation {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .token.property,\n    .markdown-content .token.tag,\n    .markdown-content .token.boolean,\n    .markdown-content .token.number,\n    .markdown-content .token.constant,\n    .markdown-content .token.symbol {\n      color: #b45309;\n    }\n\n    .markdown-content .token.selector,\n    .markdown-content .token.attr-name,\n    .markdown-content .token.string,\n    .markdown-content .token.char,\n    .markdown-content .token.builtin {\n      color: #047857;\n    }\n\n    .markdown-content .token.operator,\n    .markdown-content .token.entity,\n    .markdown-content .token.url,\n    .markdown-content .token.variable {\n      color: #0f766e;\n    }\n\n    .markdown-content .token.atrule,\n    .markdown-content .token.attr-value,\n    .markdown-content .token.function,\n    .markdown-content .token.class-name {\n      color: #2563eb;\n    }\n\n    .markdown-content .token.keyword {\n      color: #7c3aed;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.property,\n    [data-theme=\"dark\"] .markdown-content .token.tag,\n    [data-theme=\"dark\"] .markdown-content .token.boolean,\n    [data-theme=\"dark\"] .markdown-content .token.number,\n    [data-theme=\"dark\"] .markdown-content .token.constant,\n    [data-theme=\"dark\"] .markdown-content .token.symbol {\n      color: #fcd34d;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.selector,\n    [data-theme=\"dark\"] .markdown-content .token.attr-name,\n    [data-theme=\"dark\"] .markdown-content .token.string,\n    [data-theme=\"dark\"] .markdown-content .token.char,\n    [data-theme=\"dark\"] .markdown-content .token.builtin {\n      color: #86efac;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.function,\n    [data-theme=\"dark\"] .markdown-content .token.class-name {\n      color: #93c5fd;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.keyword {\n      color: #c4b5fd;\n    }\n\n    /*\n     * Prism dark tokens also apply to theme: 'custom' under prefers-color-scheme\n     * dark, mirroring the shell.ts default-token logic. Without this block,\n     * consumers using customCss on a dark body inherit the light-mode token\n     * colors (orange/green over dark, hard to scan) and have to rewrite all\n     * 8 token classes themselves.\n     */\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"custom\"] .markdown-content .token.property,\n      [data-theme=\"custom\"] .markdown-content .token.tag,\n      [data-theme=\"custom\"] .markdown-content .token.boolean,\n      [data-theme=\"custom\"] .markdown-content .token.number,\n      [data-theme=\"custom\"] .markdown-content .token.constant,\n      [data-theme=\"custom\"] .markdown-content .token.symbol {\n        color: #fcd34d;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.selector,\n      [data-theme=\"custom\"] .markdown-content .token.attr-name,\n      [data-theme=\"custom\"] .markdown-content .token.string,\n      [data-theme=\"custom\"] .markdown-content .token.char,\n      [data-theme=\"custom\"] .markdown-content .token.builtin {\n        color: #86efac;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.function,\n      [data-theme=\"custom\"] .markdown-content .token.class-name {\n        color: #93c5fd;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.keyword {\n        color: #c4b5fd;\n      }\n    }\n\n    .markdown-content .mermaid {\n      position: relative;\n      margin: 16px 0;\n      padding: 16px;\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      overflow: hidden;\n      text-align: center;\n    }\n\n    /* Viewport \u2014 clips the scaled SVG so it doesn't overflow the card. */\n    .markdown-content .mermaid .mermaid-viewport {\n      position: relative;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n\n    /* Toolbar \u2014 appears in the top-right corner, fades in on hover. */\n    .markdown-content .mermaid .mermaid-toolbar {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      display: flex;\n      gap: 4px;\n      padding: 4px;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      opacity: 0;\n      transition: opacity 0.18s ease;\n      z-index: 2;\n    }\n    .markdown-content .mermaid:hover .mermaid-toolbar,\n    .markdown-content .mermaid:focus-within .mermaid-toolbar { opacity: 1; }\n\n    .markdown-content .mermaid .mermaid-btn {\n      width: 28px;\n      height: 28px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 0;\n      border-radius: 4px;\n      cursor: pointer;\n      font-family: ui-sans-serif, system-ui, sans-serif;\n      font-size: 12px;\n      line-height: 1;\n      transition: background 0.15s ease, color 0.15s ease;\n    }\n    .markdown-content .mermaid .mermaid-btn:hover {\n      background: var(--hover-bg);\n      color: var(--text-primary);\n    }\n    .markdown-content .mermaid .mermaid-btn:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 1px;\n    }\n\n    .markdown-content .mermaid-fallback,\n    .markdown-content .mermaid-error {\n      text-align: left;\n      white-space: pre;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .mermaid-error {\n      border-left: 4px solid #d97706;\n    }\n\n    /* Fullscreen dialog \u2014 opened by the toolbar fullscreen button. */\n    dialog.mermaid-fullscreen-dialog {\n      width: 100vw;\n      height: 100vh;\n      max-width: 100vw;\n      max-height: 100vh;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      background: var(--bg-color);\n      color: var(--text-primary);\n      overflow: hidden;\n    }\n    dialog.mermaid-fullscreen-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.85);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage {\n      width: 100vw;\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage svg {\n      max-width: 92vw;\n      max-height: 84vh;\n      width: auto;\n      height: auto;\n      transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-toolbar-fullscreen {\n      position: fixed;\n      top: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 3;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      padding: 6px;\n      display: flex;\n      gap: 4px;\n      opacity: 1;\n    }\n    dialog.mermaid-fullscreen-close {\n      position: fixed;\n      top: 20px;\n      right: 24px;\n      width: 36px;\n      height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--bg-secondary);\n      color: var(--text-primary);\n      border: 1px solid var(--border);\n      border-radius: 50%;\n      cursor: pointer;\n      font-size: 14px;\n      line-height: 1;\n      z-index: 3;\n      transition: background 0.15s ease;\n    }\n    dialog.mermaid-fullscreen-close:hover { background: var(--hover-bg); }\n    dialog.mermaid-fullscreen-close:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .markdown-content .md-image {\n      display: block;\n      max-width: 100%;\n      height: auto;\n      margin: 16px 0;\n      border-radius: 6px;\n      border: 1px solid var(--border);\n      cursor: zoom-in;\n    }\n\n    .markdown-content .md-image[data-no-zoom=\"true\"],\n    .markdown-content .md-image.no-zoom {\n      cursor: default;\n    }\n\n    .markdown-content .markdown-disabled {\n      color: var(--text-muted);\n      cursor: not-allowed;\n      text-decoration: none;\n      opacity: 0.68;\n    }\n\n    .image-zoom-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 1000;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      background: rgba(15, 23, 42, 0.82);\n      cursor: zoom-out;\n    }\n\n    .image-zoom-img {\n      max-width: min(100%, 1200px);\n      max-height: 90vh;\n      border-radius: 6px;\n      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);\n      cursor: default;\n    }\n\n    .image-zoom-close {\n      position: fixed;\n      top: 18px;\n      right: 18px;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(255, 255, 255, 0.35);\n      border-radius: 50%;\n      background: rgba(15, 23, 42, 0.75);\n      color: #fff;\n      font-size: 21px;\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    .markdown-content .md-hr {\n      border: 0;\n      border-top: 1px solid var(--border);\n      margin: 24px 0;\n    }\n\n    .markdown-content .md-table {\n      border-collapse: collapse;\n      margin: 16px 0;\n      font-size: 12px;\n      border-radius: 6px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n    }\n\n    .markdown-content .md-table td,\n    .markdown-content .md-table th {\n      padding: 10px 16px;\n      border-bottom: 1px solid var(--border);\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-table td:last-child {\n      white-space: normal;\n    }\n\n    .markdown-content .md-table tr:first-child td {\n      font-weight: 600;\n      background: var(--bg-tertiary);\n      color: var(--text-primary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .markdown-content .md-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .markdown-content .md-table tr:hover:not(:first-child) {\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert {\n      border: 1px solid var(--border);\n      border-left: 4px solid var(--primary-color);\n      border-radius: 6px;\n      padding: 12px 14px;\n      margin: 16px 0;\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert-title {\n      color: var(--text-primary);\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    .markdown-content .md-alert-warning,\n    .markdown-content .md-alert-danger,\n    .markdown-content .md-alert-caution,\n    .markdown-content .md-alert-important {\n      border-left-color: #d97706;\n    }\n\n    .markdown-content .md-tabs {\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      margin: 16px 0;\n      overflow: hidden;\n      background: var(--bg-primary);\n    }\n\n    .markdown-content .md-tab-list {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid var(--border);\n      background: var(--bg-secondary);\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-tab-button {\n      border: 0;\n      border-right: 1px solid var(--border);\n      background: transparent;\n      color: var(--text-muted);\n      padding: 10px 14px;\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-tab-button.active {\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content .md-tab-panel {\n      display: none;\n      padding: 16px;\n    }\n\n    .markdown-content .md-tab-panel.active {\n      display: block;\n    }\n\n    .markdown-content strong {\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content em {\n      font-style: italic;\n    }\n\n    .endpoint-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n\n    @media (min-width: 1400px) {\n      .endpoint-content {\n        grid-template-columns: 55% 45%;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    .endpoint-left {\n      min-width: 0; /* Prevent overflow */\n    }\n\n    .endpoint-right {\n      position: sticky;\n      top: 20px;\n      align-self: start;\n      min-width: 0; /* Prevent overflow */\n      background: var(--code-panel-bg);\n      border-radius: 8px;\n      padding: 16px;\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right-header {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #90a4ae;\n      margin-bottom: 12px;\n      padding-bottom: 7px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-right {\n        position: static;\n      }\n    }\n\n    .endpoint-subsection {\n      margin-bottom: 20px;\n    }\n\n    .endpoint-subsection-title {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-subsection p {\n      margin-bottom: 12px;\n      color: var(--text-color);\n    }\n\n    /* ========== REDOC-STYLE PARAMETER LABELS ========== */\n    .subsection-label {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 10px;\n    }\n\n    .content-type {\n      font-weight: 400;\n      color: var(--text-color);\n      text-transform: none;\n    }\n\n    .auth-value {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      margin-left: 8px;\n    }\n\n    /* ========== REDOC-STYLE PARAMETERS ========== */\n    .param-row {\n      display: flex;\n      padding: 8px 10px;\n      margin-bottom: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--surface-color);\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .param-row:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .param-row:last-child {\n      margin-bottom: 0;\n    }\n\n    .param-tree {\n      width: 20px;\n      display: flex;\n      align-items: flex-start;\n      padding-top: 2px;\n      color: var(--border-color);\n      margin-right: 8px;\n    }\n\n    .param-tree-line {\n      width: 10px;\n      height: 10px;\n      border-left: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .param-info {\n      flex: 1;\n    }\n\n    .param-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n      flex-wrap: wrap;\n    }\n\n    .param-name-text {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .param-required-badge {\n      font-size: 9px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: #fee2e2;\n      color: #991b1b;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-required-badge {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .param-type-info {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: rgba(99, 102, 241, 0.1);\n      color: #6366f1;\n    }\n\n    [data-theme=\"dark\"] .param-type-info {\n      background: rgba(129, 140, 248, 0.15);\n      color: #a5b4fc;\n    }\n\n    .param-type-info .format {\n      color: #8b5cf6;\n    }\n\n    [data-theme=\"dark\"] .param-type-info .format {\n      color: #c4b5fd;\n    }\n\n    .param-constraint {\n      display: inline-block;\n      font-size: 9px;\n      padding: 3px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      margin-left: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-constraint {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .param-default {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-default code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-example {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-example code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-description {\n      font-size: 11px;\n      color: var(--text-color);\n      line-height: 1.4;\n      margin-top: 4px;\n    }\n\n    /* ========== REDOC-STYLE RESPONSES ========== */\n    .response-item {\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      margin-bottom: 8px;\n      overflow: hidden;\n      transition: border-color 0.15s, box-shadow 0.15s;\n    }\n\n    .response-item:hover {\n      border-color: var(--primary-color);\n    }\n\n    .response-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      background: var(--surface-color);\n    }\n\n    .response-header:hover {\n      background: var(--hover-bg);\n    }\n\n    .response-arrow {\n      font-size: 10px;\n      transition: transform 0.2s;\n      color: var(--text-muted);\n      width: 16px;\n      text-align: center;\n    }\n\n    .response-item.expanded .response-arrow {\n      transform: rotate(90deg);\n    }\n\n    .response-status {\n      font-size: 11px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      min-width: 50px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .response-status.status-2xx {\n      background: #dcfce7;\n      color: #166534;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-2xx {\n      background: #064e3b;\n      color: #86efac;\n    }\n\n    .response-status.status-4xx {\n      background: #fed7aa;\n      color: #92400e;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-4xx {\n      background: #78350f;\n      color: #fdba74;\n    }\n\n    .response-status.status-5xx {\n      background: #fee2e2;\n      color: #991b1b;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-5xx {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .response-desc {\n      font-size: 11px;\n      color: var(--text-color);\n    }\n\n    .response-body {\n      display: none;\n      padding: 12px;\n      border-top: 1px solid var(--border-color);\n      background: var(--code-bg);\n    }\n\n    .response-item.expanded .response-body {\n      display: block;\n    }\n\n    .response-schema-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-schema-label .content-type {\n      margin-left: 8px;\n    }\n\n    .response-headers-section {\n      margin-bottom: 14px;\n      padding-bottom: 10px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-headers-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-header-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 5px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-header-row:last-child {\n      border-bottom: none;\n    }\n\n    .response-header-name {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n      min-width: 150px;\n      margin-right: 12px;\n    }\n\n    .response-header-info {\n      flex: 1;\n    }\n\n    .response-header-type {\n      font-size: 10px;\n      color: var(--primary-color);\n      margin-bottom: 4px;\n    }\n\n    .response-header-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n    }\n\n    .response-header-required {\n      color: #ef4444;\n      font-size: 10px;\n      margin-left: 8px;\n    }\n\n    .docs-page-result {\n      display: block;\n      width: 100%;\n      padding: 14px 16px;\n      margin: 10px 0;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-page-result:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-page-result-title {\n      display: block;\n      font-weight: 600;\n    }\n\n    .docs-page-result-desc {\n      display: block;\n      margin-top: 4px;\n      color: var(--text-muted);\n      font-size: 12px;\n    }\n\n    .docs-pagination {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .docs-pagination-link {\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-pagination-link:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-pagination-next {\n      text-align: right;\n      justify-self: end;\n      width: 100%;\n    }\n\n    .docs-pagination-label {\n      display: block;\n      color: var(--text-muted);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .docs-pagination-title {\n      display: block;\n      margin-top: 6px;\n      font-weight: 600;\n    }\n\n    /* Issue #123: Previous / Next page-nav cards.\n       Uses only existing tokens (--border-color, --text-secondary,\n       --text-primary). No shadows, no pill radius. */\n    .page-nav-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .page-nav-card {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      background: transparent;\n      color: var(--text-primary);\n      text-align: left;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .page-nav-card:hover,\n    .page-nav-card:focus-visible {\n      border-color: var(--text-primary);\n    }\n\n    .page-nav-card-next {\n      text-align: right;\n      align-items: flex-end;\n    }\n\n    .page-nav-eyebrow {\n      display: block;\n      color: var(--text-secondary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .page-nav-title {\n      display: block;\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    @media (max-width: 720px) {\n      .page-nav-grid {\n        grid-template-columns: 1fr;\n      }\n      .page-nav-card-prev {\n        order: 0;\n      }\n      .page-nav-card-next {\n        order: 1;\n        text-align: left;\n        align-items: flex-start;\n      }\n    }\n\n";
+export declare const contentStyles = "    /* ========== MAIN CONTENT ========== */\n    .main {\n      padding: 32px;\n      overflow-y: auto;\n      width: 100%;\n    }\n\n    /* ========== BREADCRUMBS ========== */\n    .docs-breadcrumb {\n      margin: 0 0 16px 0;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-breadcrumb-list {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 6px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .docs-breadcrumb-item {\n      display: inline-flex;\n      align-items: center;\n      min-width: 0;\n    }\n\n    .docs-breadcrumb-link {\n      color: var(--text-secondary);\n      text-decoration: none;\n      cursor: pointer;\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-link:hover {\n      color: var(--primary-color);\n      text-decoration: underline;\n    }\n\n    .docs-breadcrumb-label {\n      color: var(--text-muted);\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-current {\n      color: var(--text-secondary);\n      font-weight: 500;\n      max-width: 320px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .docs-breadcrumb-separator {\n      color: var(--text-muted);\n      user-select: none;\n    }\n\n    /* Mobile: keep first + last segments, ellipsise the middle. We cannot\n       collapse via DOM at this layer (the resolver feeds the full chain), but\n       on narrow screens we hide every link/label between the second and the\n       last-but-one entries, leaving the first, an ellipsis, and the current\n       page visible. Separators around hidden items are also hidden. */\n    @media (max-width: 600px) {\n      .docs-breadcrumb-list > .docs-breadcrumb-item:not(:first-child):not(:last-child) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-separator:nth-child(n+4):not(:nth-last-child(2)) {\n        display: none;\n      }\n      .docs-breadcrumb-list > .docs-breadcrumb-item:first-child + .docs-breadcrumb-separator + .docs-breadcrumb-item:not(:last-child)::after {\n        content: ' \\2026 ';\n        color: var(--text-muted);\n        margin-left: 4px;\n      }\n      .docs-breadcrumb-link,\n      .docs-breadcrumb-label,\n      .docs-breadcrumb-current {\n        max-width: 140px;\n      }\n    }\n\n    .section { margin-bottom: 48px; }\n\n    .section-title {\n      font-size: 24px;\n      font-weight: 700;\n      margin-bottom: 8px;\n      color: var(--text-color);\n    }\n\n    .section-desc {\n      color: var(--text-muted);\n      margin-bottom: 24px;\n    }\n\n    /* ========== INTRODUCTION SECTION ========== */\n    .intro-section {\n      padding: 24px 32px;\n      background: var(--surface-color);\n      border-bottom: 1px solid var(--border-color);\n      margin: -32px -32px 32px -32px;\n    }\n\n    .intro-section .markdown-content {\n      max-width: 800px;\n    }\n\n    .intro-section .markdown-content h2 {\n      font-size: 21px;\n      font-weight: 600;\n      margin: 32px 0 16px 0;\n      color: var(--text-color);\n    }\n\n    .intro-section .markdown-content h2:first-child {\n      margin-top: 0;\n    }\n\n    .intro-section .markdown-content p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--text-color);\n      margin-bottom: 16px;\n    }\n\n    .intro-section .markdown-content ul {\n      margin: 16px 0;\n      padding-left: 24px;\n    }\n\n    .intro-section .markdown-content li {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--text-color);\n      margin-bottom: 8px;\n    }\n\n    .intro-section .markdown-content code {\n      background: var(--code-bg);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n    }\n\n    .intro-section .markdown-content pre {\n      background: var(--code-bg);\n      padding: 16px;\n      border-radius: 8px;\n      overflow-x: auto;\n      margin: 16px 0;\n    }\n\n    .intro-section .markdown-content strong {\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    /* ========== ROOT OVERVIEW (OpenAPI landing) ========== */\n    .docs-overview {\n      max-width: 820px;\n      margin-bottom: 8px;\n    }\n\n    .docs-overview-header {\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-title {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 28px;\n      font-weight: 700;\n      line-height: 1.2;\n      margin: 0;\n      color: var(--text-color);\n    }\n\n    .docs-overview-version {\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      padding: 3px 10px;\n      border-radius: 999px;\n      color: var(--accent, var(--primary-color));\n      background: color-mix(in srgb, var(--accent, var(--primary-color)) 14%, transparent);\n      border: 1px solid color-mix(in srgb, var(--accent, var(--primary-color)) 35%, transparent);\n    }\n\n    .docs-overview-meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin: 0 0 24px 0;\n    }\n\n    .docs-overview-meta a {\n      color: var(--accent, var(--primary-color));\n      text-decoration: none;\n    }\n\n    .docs-overview-meta a:hover {\n      text-decoration: underline;\n    }\n\n    .docs-overview-meta-sep {\n      color: var(--border-color);\n    }\n\n    .docs-overview-servers {\n      margin: 0 0 28px 0;\n    }\n\n    .docs-overview-subtitle {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--text-muted);\n      margin: 0 0 12px 0;\n    }\n\n    .docs-overview-server-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .docs-overview-server {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 12px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 10px;\n      background: var(--surface-color);\n    }\n\n    .docs-overview-server-url {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      background: var(--code-bg);\n      padding: 4px 10px;\n      border-radius: 6px;\n      word-break: break-all;\n    }\n\n    .docs-overview-server-desc {\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .docs-overview-description {\n      max-width: 820px;\n    }\n\n    /* ========== ENDPOINT SECTIONS (Redoc-style) ========== */\n    .endpoint-section {\n      padding: 24px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-section:last-child {\n      border-bottom: none;\n    }\n\n    .endpoint-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n\n    .endpoint-method-path {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 4px 9px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      letter-spacing: 0.5px;\n    }\n\n    .badge-get { background: var(--method-get-color); color: white; }\n    .badge-post { background: var(--method-post-color); color: white; }\n    .badge-put { background: var(--method-put-color); color: white; }\n    .badge-patch { background: var(--method-patch-color); color: white; }\n    .badge-delete { background: var(--method-delete-color); color: white; }\n\n    .endpoint-path {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--text-color);\n    }\n\n    .endpoint-title {\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.3;\n      margin-bottom: 6px;\n      color: var(--text-color);\n    }\n\n    .endpoint-description {\n      color: var(--text-muted);\n      font-size: 12px;\n      line-height: 1.55;\n      margin-bottom: 18px;\n    }\n\n    /* Markdown content styles */\n    .markdown-content {\n      color: var(--text-primary);\n    }\n\n    .markdown-content a:not(.heading-anchor) {\n      color: var(--primary-color);\n      text-decoration: none;\n    }\n\n    .markdown-content a:not(.heading-anchor):hover {\n      text-decoration: underline;\n    }\n\n    /* Heading anchor (#) \u2014 hidden by default, fades in on heading hover.\n       Muted colour, no underline, no accent. Stripe/Vercel/GitHub pattern. */\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6) > .heading-anchor {\n      display: inline-block;\n      margin-right: 8px;\n      color: var(--text-muted);\n      text-decoration: none;\n      opacity: 0;\n      transition: opacity 0.15s, color 0.15s;\n      font-weight: 400;\n    }\n\n    .markdown-content :is(.md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6):hover > .heading-anchor,\n    .markdown-content .heading-anchor:focus-visible {\n      opacity: 1;\n    }\n\n    .markdown-content .heading-anchor:hover {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .md-h2 {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 24px 0 12px 0;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .markdown-content .md-h3 {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--text-primary);\n      margin: 20px 0 10px 0;\n    }\n\n    .markdown-content .md-h4 {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      margin: 16px 0 8px 0;\n    }\n\n    .markdown-content .md-p {\n      margin: 0 0 12px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-list {\n      margin: 12px 0;\n      padding-left: 24px;\n    }\n\n    .markdown-content .md-list li {\n      margin: 6px 0;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .md-inline-code {\n      background: var(--bg-tertiary);\n      padding: 2px 6px;\n      border-radius: 4px;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--accent);\n    }\n\n    .markdown-content .emoji {\n      display: inline-block;\n      min-width: 1em;\n      line-height: 1;\n      vertical-align: -0.12em;\n    }\n\n    .markdown-content .docs-component-mount {\n      margin: 16px 0;\n    }\n\n    .markdown-content .md-code-block {\n      background: var(--bg-tertiary);\n      border-radius: 6px;\n      padding: 16px;\n      margin: 16px 0;\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-code-wrap {\n      position: relative;\n      margin: 16px 0;\n    }\n\n    .markdown-content .copy-code-btn {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      border: 1px solid var(--border);\n      border-radius: 4px;\n      background: var(--bg-primary);\n      color: var(--text-muted);\n      padding: 4px 8px;\n      font-size: 10px;\n      line-height: 16px;\n      cursor: pointer;\n    }\n\n    .markdown-content .copy-code-btn:hover {\n      color: var(--text-primary);\n      border-color: var(--primary-color);\n    }\n\n    .markdown-content .md-code-block[data-code-toolbar-enhanced=\"true\"] {\n      padding-top: 32px;\n    }\n\n    .markdown-content .code-block-toolbar {\n      position: absolute;\n      top: 6px;\n      right: 6px;\n      left: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 120ms ease;\n    }\n\n    .markdown-content pre:hover .code-block-toolbar,\n    .markdown-content .code-block-toolbar:focus-within {\n      opacity: 1;\n    }\n\n    @media (hover: none) {\n      .markdown-content .code-block-toolbar {\n        opacity: 1;\n      }\n    }\n\n    .markdown-content .code-block-lang {\n      pointer-events: auto;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 1;\n      color: var(--text-muted);\n      text-transform: lowercase;\n      letter-spacing: 0.02em;\n    }\n\n    .markdown-content .code-block-lang[hidden] {\n      display: none;\n    }\n\n    .markdown-content .code-block-copy {\n      pointer-events: auto;\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      background: transparent;\n      color: var(--text-muted);\n      padding: 2px 8px;\n      font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: var(--font-size-xs, 11px);\n      line-height: 16px;\n      cursor: pointer;\n      transition: color 120ms ease, border-color 120ms ease;\n    }\n\n    .markdown-content .code-block-copy:hover,\n    .markdown-content .code-block-copy:focus-visible {\n      color: var(--text-secondary);\n      border-color: var(--text-secondary);\n      outline: none;\n    }\n\n    .markdown-content .md-code-block code {\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      line-height: 1.6;\n      color: var(--text-primary);\n      white-space: pre;\n    }\n\n    .markdown-content .token.comment,\n    .markdown-content .token.prolog,\n    .markdown-content .token.doctype,\n    .markdown-content .token.cdata {\n      color: var(--text-muted);\n    }\n\n    .markdown-content .token.punctuation {\n      color: var(--text-secondary);\n    }\n\n    .markdown-content .token.property,\n    .markdown-content .token.tag,\n    .markdown-content .token.boolean,\n    .markdown-content .token.number,\n    .markdown-content .token.constant,\n    .markdown-content .token.symbol {\n      color: #b45309;\n    }\n\n    .markdown-content .token.selector,\n    .markdown-content .token.attr-name,\n    .markdown-content .token.string,\n    .markdown-content .token.char,\n    .markdown-content .token.builtin {\n      color: #047857;\n    }\n\n    .markdown-content .token.operator,\n    .markdown-content .token.entity,\n    .markdown-content .token.url,\n    .markdown-content .token.variable {\n      color: #0f766e;\n    }\n\n    .markdown-content .token.atrule,\n    .markdown-content .token.attr-value,\n    .markdown-content .token.function,\n    .markdown-content .token.class-name {\n      color: #2563eb;\n    }\n\n    .markdown-content .token.keyword {\n      color: #7c3aed;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.property,\n    [data-theme=\"dark\"] .markdown-content .token.tag,\n    [data-theme=\"dark\"] .markdown-content .token.boolean,\n    [data-theme=\"dark\"] .markdown-content .token.number,\n    [data-theme=\"dark\"] .markdown-content .token.constant,\n    [data-theme=\"dark\"] .markdown-content .token.symbol {\n      color: #fcd34d;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.selector,\n    [data-theme=\"dark\"] .markdown-content .token.attr-name,\n    [data-theme=\"dark\"] .markdown-content .token.string,\n    [data-theme=\"dark\"] .markdown-content .token.char,\n    [data-theme=\"dark\"] .markdown-content .token.builtin {\n      color: #86efac;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.function,\n    [data-theme=\"dark\"] .markdown-content .token.class-name {\n      color: #93c5fd;\n    }\n\n    [data-theme=\"dark\"] .markdown-content .token.keyword {\n      color: #c4b5fd;\n    }\n\n    /*\n     * Prism dark tokens also apply to theme: 'custom' under prefers-color-scheme\n     * dark, mirroring the shell.ts default-token logic. Without this block,\n     * consumers using customCss on a dark body inherit the light-mode token\n     * colors (orange/green over dark, hard to scan) and have to rewrite all\n     * 8 token classes themselves.\n     */\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"custom\"] .markdown-content .token.property,\n      [data-theme=\"custom\"] .markdown-content .token.tag,\n      [data-theme=\"custom\"] .markdown-content .token.boolean,\n      [data-theme=\"custom\"] .markdown-content .token.number,\n      [data-theme=\"custom\"] .markdown-content .token.constant,\n      [data-theme=\"custom\"] .markdown-content .token.symbol {\n        color: #fcd34d;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.selector,\n      [data-theme=\"custom\"] .markdown-content .token.attr-name,\n      [data-theme=\"custom\"] .markdown-content .token.string,\n      [data-theme=\"custom\"] .markdown-content .token.char,\n      [data-theme=\"custom\"] .markdown-content .token.builtin {\n        color: #86efac;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.function,\n      [data-theme=\"custom\"] .markdown-content .token.class-name {\n        color: #93c5fd;\n      }\n\n      [data-theme=\"custom\"] .markdown-content .token.keyword {\n        color: #c4b5fd;\n      }\n    }\n\n    .markdown-content .mermaid {\n      position: relative;\n      margin: 16px 0;\n      padding: 16px;\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      background: var(--bg-primary);\n      overflow: hidden;\n      text-align: center;\n    }\n\n    /* Viewport \u2014 clips the scaled SVG so it doesn't overflow the card. */\n    .markdown-content .mermaid .mermaid-viewport {\n      position: relative;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n\n    /* Toolbar \u2014 appears in the top-right corner, fades in on hover. */\n    .markdown-content .mermaid .mermaid-toolbar {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      display: flex;\n      gap: 4px;\n      padding: 4px;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      opacity: 0;\n      transition: opacity 0.18s ease;\n      z-index: 2;\n    }\n    .markdown-content .mermaid:hover .mermaid-toolbar,\n    .markdown-content .mermaid:focus-within .mermaid-toolbar { opacity: 1; }\n\n    .markdown-content .mermaid .mermaid-btn {\n      width: 28px;\n      height: 28px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 0;\n      border-radius: 4px;\n      cursor: pointer;\n      font-family: ui-sans-serif, system-ui, sans-serif;\n      font-size: 12px;\n      line-height: 1;\n      transition: background 0.15s ease, color 0.15s ease;\n    }\n    .markdown-content .mermaid .mermaid-btn:hover {\n      background: var(--hover-bg);\n      color: var(--text-primary);\n    }\n    .markdown-content .mermaid .mermaid-btn:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 1px;\n    }\n\n    .markdown-content .mermaid-fallback,\n    .markdown-content .mermaid-error {\n      text-align: left;\n      white-space: pre;\n      font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n    .markdown-content .mermaid-error {\n      border-left: 4px solid #d97706;\n    }\n\n    /* Fullscreen dialog \u2014 opened by the toolbar fullscreen button. */\n    dialog.mermaid-fullscreen-dialog {\n      width: 100vw;\n      height: 100vh;\n      max-width: 100vw;\n      max-height: 100vh;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      background: var(--bg-color);\n      color: var(--text-primary);\n      overflow: hidden;\n    }\n    dialog.mermaid-fullscreen-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.85);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage {\n      width: 100vw;\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-fullscreen-stage svg {\n      max-width: 92vw;\n      max-height: 84vh;\n      width: auto;\n      height: auto;\n      transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    dialog.mermaid-fullscreen-dialog .mermaid-toolbar-fullscreen {\n      position: fixed;\n      top: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 3;\n      background: var(--bg-secondary);\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      padding: 6px;\n      display: flex;\n      gap: 4px;\n      opacity: 1;\n    }\n    dialog.mermaid-fullscreen-close {\n      position: fixed;\n      top: 20px;\n      right: 24px;\n      width: 36px;\n      height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--bg-secondary);\n      color: var(--text-primary);\n      border: 1px solid var(--border);\n      border-radius: 50%;\n      cursor: pointer;\n      font-size: 14px;\n      line-height: 1;\n      z-index: 3;\n      transition: background 0.15s ease;\n    }\n    dialog.mermaid-fullscreen-close:hover { background: var(--hover-bg); }\n    dialog.mermaid-fullscreen-close:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .markdown-content .md-image {\n      display: block;\n      max-width: 100%;\n      height: auto;\n      margin: 16px 0;\n      border-radius: 6px;\n      border: 1px solid var(--border);\n      cursor: zoom-in;\n    }\n\n    .markdown-content .md-image[data-no-zoom=\"true\"],\n    .markdown-content .md-image.no-zoom {\n      cursor: default;\n    }\n\n    .markdown-content .markdown-disabled {\n      color: var(--text-muted);\n      cursor: not-allowed;\n      text-decoration: none;\n      opacity: 0.68;\n    }\n\n    .image-zoom-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 1000;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      background: rgba(15, 23, 42, 0.82);\n      cursor: zoom-out;\n    }\n\n    .image-zoom-img {\n      max-width: min(100%, 1200px);\n      max-height: 90vh;\n      border-radius: 6px;\n      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);\n      cursor: default;\n    }\n\n    .image-zoom-close {\n      position: fixed;\n      top: 18px;\n      right: 18px;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(255, 255, 255, 0.35);\n      border-radius: 50%;\n      background: rgba(15, 23, 42, 0.75);\n      color: #fff;\n      font-size: 21px;\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    .markdown-content .md-hr {\n      border: 0;\n      border-top: 1px solid var(--border);\n      margin: 24px 0;\n    }\n\n    .markdown-content .md-table {\n      border-collapse: collapse;\n      margin: 16px 0;\n      font-size: 12px;\n      border-radius: 6px;\n      overflow: hidden;\n      border: 1px solid var(--border);\n    }\n\n    .markdown-content .md-table td,\n    .markdown-content .md-table th {\n      padding: 10px 16px;\n      border-bottom: 1px solid var(--border);\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-table td:last-child {\n      white-space: normal;\n    }\n\n    .markdown-content .md-table tr:first-child td {\n      font-weight: 600;\n      background: var(--bg-tertiary);\n      color: var(--text-primary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .markdown-content .md-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .markdown-content .md-table tr:hover:not(:first-child) {\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert {\n      border: 1px solid var(--border);\n      border-left: 4px solid var(--primary-color);\n      border-radius: 6px;\n      padding: 12px 14px;\n      margin: 16px 0;\n      background: var(--bg-secondary);\n    }\n\n    .markdown-content .md-alert-title {\n      color: var(--text-primary);\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    .markdown-content .md-alert-warning,\n    .markdown-content .md-alert-danger,\n    .markdown-content .md-alert-caution,\n    .markdown-content .md-alert-important {\n      border-left-color: #d97706;\n    }\n\n    .markdown-content .md-tabs {\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      margin: 16px 0;\n      overflow: hidden;\n      background: var(--bg-primary);\n    }\n\n    .markdown-content .md-tab-list {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid var(--border);\n      background: var(--bg-secondary);\n      overflow-x: auto;\n    }\n\n    .markdown-content .md-tab-button {\n      border: 0;\n      border-right: 1px solid var(--border);\n      background: transparent;\n      color: var(--text-muted);\n      padding: 10px 14px;\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .markdown-content .md-tab-button.active {\n      background: var(--bg-primary);\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content .md-tab-panel {\n      display: none;\n      padding: 16px;\n    }\n\n    .markdown-content .md-tab-panel.active {\n      display: block;\n    }\n\n    .markdown-content strong {\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    .markdown-content em {\n      font-style: italic;\n    }\n\n    .endpoint-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n\n    @media (min-width: 1400px) {\n      .endpoint-content {\n        grid-template-columns: 55% 45%;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-content {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n    }\n\n    .endpoint-left {\n      min-width: 0; /* Prevent overflow */\n    }\n\n    .endpoint-right {\n      position: sticky;\n      top: 20px;\n      align-self: start;\n      min-width: 0; /* Prevent overflow */\n      background: var(--code-panel-bg);\n      border-radius: 8px;\n      padding: 16px;\n      color: var(--code-panel-text);\n    }\n\n    .endpoint-right-header {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #90a4ae;\n      margin-bottom: 12px;\n      padding-bottom: 7px;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    @media (max-width: 1200px) {\n      .endpoint-right {\n        position: static;\n      }\n    }\n\n    .endpoint-subsection {\n      margin-bottom: 20px;\n    }\n\n    .endpoint-subsection-title {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .endpoint-subsection p {\n      margin-bottom: 12px;\n      color: var(--text-color);\n    }\n\n    /* ========== REDOC-STYLE PARAMETER LABELS ========== */\n    .subsection-label {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 10px;\n    }\n\n    .content-type {\n      font-weight: 400;\n      color: var(--text-color);\n      text-transform: none;\n    }\n\n    .auth-value {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 12px;\n      color: var(--text-color);\n      margin-left: 8px;\n    }\n\n    /* ========== REDOC-STYLE PARAMETERS ========== */\n    .param-row {\n      display: flex;\n      padding: 8px 10px;\n      margin-bottom: 8px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--surface-color);\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .param-row:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .param-row:last-child {\n      margin-bottom: 0;\n    }\n\n    .param-tree {\n      width: 20px;\n      display: flex;\n      align-items: flex-start;\n      padding-top: 2px;\n      color: var(--border-color);\n      margin-right: 8px;\n    }\n\n    .param-tree-line {\n      width: 10px;\n      height: 10px;\n      border-left: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .param-info {\n      flex: 1;\n    }\n\n    .param-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n      flex-wrap: wrap;\n    }\n\n    .param-name-text {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n    }\n\n    .param-required-badge {\n      font-size: 9px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: #fee2e2;\n      color: #991b1b;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-required-badge {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .param-type-info {\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n      padding: 2px 8px;\n      border-radius: 4px;\n      background: rgba(99, 102, 241, 0.1);\n      color: #6366f1;\n    }\n\n    [data-theme=\"dark\"] .param-type-info {\n      background: rgba(129, 140, 248, 0.15);\n      color: #a5b4fc;\n    }\n\n    .param-type-info .format {\n      color: #8b5cf6;\n    }\n\n    [data-theme=\"dark\"] .param-type-info .format {\n      color: #c4b5fd;\n    }\n\n    .param-constraint {\n      display: inline-block;\n      font-size: 9px;\n      padding: 3px 8px;\n      border-radius: 4px;\n      background: #fef3c7;\n      color: #92400e;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      margin-left: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    [data-theme=\"dark\"] .param-constraint {\n      background: #451a03;\n      color: #fbbf24;\n    }\n\n    .param-default {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-default code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-example {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 6px;\n    }\n\n    .param-example code {\n      background: var(--code-bg);\n      padding: 3px 6px;\n      border-radius: 3px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 10px;\n    }\n\n    .param-description {\n      font-size: 11px;\n      color: var(--text-color);\n      line-height: 1.4;\n      margin-top: 4px;\n    }\n\n    /* ========== REDOC-STYLE RESPONSES ========== */\n    .response-item {\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      margin-bottom: 8px;\n      overflow: hidden;\n      transition: border-color 0.15s, box-shadow 0.15s;\n    }\n\n    .response-item:hover {\n      border-color: var(--primary-color);\n    }\n\n    .response-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      background: var(--surface-color);\n    }\n\n    .response-header:hover {\n      background: var(--hover-bg);\n    }\n\n    .response-arrow {\n      font-size: 10px;\n      transition: transform 0.2s;\n      color: var(--text-muted);\n      width: 16px;\n      text-align: center;\n    }\n\n    .response-item.expanded .response-arrow {\n      transform: rotate(90deg);\n    }\n\n    .response-status {\n      font-size: 11px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      min-width: 50px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .response-status.status-2xx {\n      background: #dcfce7;\n      color: #166534;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-2xx {\n      background: #064e3b;\n      color: #86efac;\n    }\n\n    .response-status.status-4xx {\n      background: #fed7aa;\n      color: #92400e;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-4xx {\n      background: #78350f;\n      color: #fdba74;\n    }\n\n    .response-status.status-5xx {\n      background: #fee2e2;\n      color: #991b1b;\n    }\n\n    [data-theme=\"dark\"] .response-status.status-5xx {\n      background: #7f1d1d;\n      color: #fca5a5;\n    }\n\n    .response-desc {\n      font-size: 11px;\n      color: var(--text-color);\n    }\n\n    .response-body {\n      display: none;\n      padding: 12px;\n      border-top: 1px solid var(--border-color);\n      background: var(--code-bg);\n    }\n\n    .response-item.expanded .response-body {\n      display: block;\n    }\n\n    .response-schema-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-schema-label .content-type {\n      margin-left: 8px;\n    }\n\n    .response-headers-section {\n      margin-bottom: 14px;\n      padding-bottom: 10px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-headers-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .response-header-row {\n      display: flex;\n      align-items: flex-start;\n      padding: 5px 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .response-header-row:last-child {\n      border-bottom: none;\n    }\n\n    .response-header-name {\n      font-family: 'SF Mono', Monaco, Consolas, monospace;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--text-color);\n      min-width: 150px;\n      margin-right: 12px;\n    }\n\n    .response-header-info {\n      flex: 1;\n    }\n\n    .response-header-type {\n      font-size: 10px;\n      color: var(--primary-color);\n      margin-bottom: 4px;\n    }\n\n    .response-header-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n    }\n\n    .response-header-required {\n      color: #ef4444;\n      font-size: 10px;\n      margin-left: 8px;\n    }\n\n    .docs-page-result {\n      display: block;\n      width: 100%;\n      padding: 14px 16px;\n      margin: 10px 0;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-page-result:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-page-result-title {\n      display: block;\n      font-weight: 600;\n    }\n\n    .docs-page-result-desc {\n      display: block;\n      margin-top: 4px;\n      color: var(--text-muted);\n      font-size: 12px;\n    }\n\n    .docs-pagination {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .docs-pagination-link {\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .docs-pagination-link:hover {\n      border-color: var(--primary-color);\n      background: var(--hover-bg);\n    }\n\n    .docs-pagination-next {\n      text-align: right;\n      justify-self: end;\n      width: 100%;\n    }\n\n    .docs-pagination-label {\n      display: block;\n      color: var(--text-muted);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .docs-pagination-title {\n      display: block;\n      margin-top: 6px;\n      font-weight: 600;\n    }\n\n    /* Issue #123: Previous / Next page-nav cards.\n       Uses only existing tokens (--border-color, --text-secondary,\n       --text-primary). No shadows, no pill radius. */\n    .page-nav-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 48px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .page-nav-card {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-height: 76px;\n      padding: 14px 16px;\n      border: 1px solid var(--border-color);\n      background: transparent;\n      color: var(--text-primary);\n      text-align: left;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .page-nav-card:hover,\n    .page-nav-card:focus-visible {\n      border-color: var(--text-primary);\n    }\n\n    .page-nav-card-next {\n      text-align: right;\n      align-items: flex-end;\n    }\n\n    .page-nav-eyebrow {\n      display: block;\n      color: var(--text-secondary);\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .page-nav-title {\n      display: block;\n      color: var(--text-primary);\n      font-weight: 600;\n    }\n\n    @media (max-width: 720px) {\n      .page-nav-grid {\n        grid-template-columns: 1fr;\n      }\n      .page-nav-card-prev {\n        order: 0;\n      }\n      .page-nav-card-next {\n        order: 1;\n        text-align: left;\n        align-items: flex-start;\n      }\n    }\n\n";
 //# sourceMappingURL=content.d.ts.map

package/dist/ui/docs/ui/style-sections/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,gvqCAq+CzB,CAAA"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,s0qCAq+CzB,CAAA"}

package/dist/ui/docs/ui/style-sections/layout-navigation.d.ts

@@ -1,2 +1,2 @@
-export declare const layoutNavigationStyles = "    /* ========== LAYOUT ========== */\n    .skip-link {\n      position: fixed;\n      top: 12px;\n      left: 12px;\n      z-index: 1000;\n      transform: translateY(-160%);\n      padding: 10px 14px;\n      border-radius: 6px;\n      background: var(--primary-color);\n      color: white;\n      font-weight: 600;\n      text-decoration: none;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n      transition: transform 0.15s ease;\n    }\n\n    .skip-link:focus {\n      transform: translateY(0);\n      outline: 2px solid white;\n      outline-offset: 2px;\n    }\n\n    .app-container {\n      --sidebar-width: 280px;\n      display: grid;\n      grid-template-columns: var(--sidebar-width) minmax(0, 1fr);\n      min-height: calc(100vh - 300px);\n    }\n\n    .app-container-no-sidebar {\n      grid-template-columns: 1fr;\n    }\n\n    .main-shell {\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      align-items: stretch;\n      min-width: 0;\n      gap: 0;\n    }\n\n    /* Drop the (empty) TOC gutter on endpoint views so the operation's\n       two-column content \u2014 docs + samples panel \u2014 can use the full width. */\n    .main-shell.main-shell-no-toc {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .main-shell.main-shell-no-toc .toc {\n      display: none;\n    }\n\n    /* ========== SIDEBAR ========== */\n    .sidebar {\n      background: var(--sidebar-bg);\n      border-right: 1px solid var(--border-color);\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      padding: 14px 0 0;\n      overflow: visible;\n      position: sticky;\n      top: 0;\n      height: 100vh;\n    }\n\n    .sidebar-resizer {\n      appearance: none;\n      position: absolute;\n      top: 0;\n      right: -5px;\n      z-index: 5;\n      width: 10px;\n      height: 100%;\n      padding: 0;\n      border: 0;\n      background: transparent;\n      cursor: col-resize;\n      touch-action: none;\n    }\n\n    .sidebar-resizer::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 4px;\n      width: 1px;\n      background: transparent;\n      transition: background-color 0.15s, box-shadow 0.15s;\n    }\n\n    .sidebar-resizer:hover::before,\n    .sidebar-resizer:focus-visible::before,\n    html.sidebar-is-resizing .sidebar-resizer::before {\n      background: var(--primary-color);\n      box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent);\n    }\n\n    .sidebar-resizer:focus-visible {\n      outline: 0;\n    }\n\n    html.sidebar-is-resizing,\n    html.sidebar-is-resizing * {\n      cursor: col-resize !important;\n      user-select: none !important;\n    }\n\n    .sidebar-hidden {\n      display: none;\n    }\n\n    .sidebar-header {\n      padding: 0 14px 14px;\n      border-bottom: 1px solid var(--border-color);\n      margin-bottom: 12px;\n    }\n\n    .sidebar-logo {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .sidebar-logo img { height: 32px; }\n    .sidebar-logo h1 { font-size: 16px; font-weight: 600; }\n\n    .sidebar-search {\n      position: relative;\n    }\n\n    .sidebar-search input {\n      width: 100%;\n      padding: 8px 10px 8px 32px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      font-size: var(--font-size-small);\n      background: var(--bg-color);\n      color: var(--text-color);\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .sidebar-search input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .sidebar-search::before {\n      content: '\uD83D\uDD0D';\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: var(--font-size-small);\n    }\n\n    .protocol-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      padding: 0 14px;\n      margin-bottom: 14px;\n    }\n\n    .protocol-tab {\n      padding: 5px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 500;\n      cursor: pointer;\n      background: var(--code-bg);\n      border: 1px solid var(--border-color);\n      color: var(--text-color);\n      transition: all 0.2s;\n    }\n\n    .protocol-tab:hover {\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab.active {\n      background: var(--primary-color);\n      color: white;\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab .count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      margin-left: 6px;\n      font-size: 9px;\n      border-radius: 9px;\n      background: rgba(0,0,0,0.15);\n    }\n\n    .protocol-tab.active .count {\n      background: rgba(255,255,255,0.25);\n    }\n\n    /* ========== TAG GROUPS ========== */\n    .sidebar-nav {\n      flex: 1;\n      min-height: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 10px;\n      scrollbar-gutter: stable;\n    }\n\n    .tag-group {\n      margin-bottom: 8px;\n    }\n\n    .tag-group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 10px;\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      transition: all 0.2s;\n    }\n\n    .tag-group-header:hover {\n      background: var(--hover-bg);\n      color: var(--text-color);\n    }\n\n    .tag-group-header.active {\n      color: var(--primary-color);\n    }\n\n    .tag-group-arrow {\n      transition: transform 0.2s;\n      font-size: 9px;\n    }\n\n    .tag-group.collapsed .tag-group-arrow {\n      transform: rotate(-90deg);\n    }\n\n    .tag-group-count {\n      margin-left: auto;\n      font-size: 10px;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    .tag-group-items {\n      padding-left: 8px;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .tag-group.collapsed .tag-group-items {\n      max-height: 0 !important;\n    }\n\n    .nav-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 10px 4px 12px;\n      border-left: 2px solid transparent;\n      border-radius: 0;\n      text-decoration: none;\n      color: var(--text-secondary);\n      font-size: var(--font-size-small);\n      cursor: pointer;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .nav-item:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-item.active {\n      color: var(--text-primary);\n      border-left-color: var(--primary-color);\n      font-weight: 600;\n    }\n\n    .nav-subitems {\n      display: grid;\n      gap: 2px;\n      margin: 2px 0 8px 12px;\n      padding-left: 12px;\n      border-left: 1px solid var(--border-color);\n    }\n\n    .nav-subitem {\n      appearance: none;\n      border: 0;\n      background: transparent;\n      color: var(--text-muted);\n      cursor: pointer;\n      font: inherit;\n      font-size: 10px;\n      line-height: 1.35;\n      padding: 4px 7px;\n      text-align: left;\n      border-radius: 5px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-subitem-level-3,\n    .nav-subitem-level-4,\n    .nav-subitem-level-5,\n    .nav-subitem-level-6 {\n      margin-left: 10px;\n    }\n\n    .nav-subitem:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-subitem.active {\n      color: var(--text-primary);\n      font-weight: 600;\n      box-shadow: inset 2px 0 0 var(--primary-color);\n    }\n\n    .docs-sidebar-depth-1 { margin-left: 4px; }\n    .docs-sidebar-depth-2 { margin-left: 10px; }\n    .docs-sidebar-depth-3,\n    .docs-sidebar-depth-4,\n    .docs-sidebar-depth-5,\n    .docs-sidebar-depth-6 { margin-left: 16px; }\n\n    .nav-item-intro {\n      margin-bottom: 12px;\n      padding: 8px 10px;\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      font-weight: 500;\n    }\n\n    .nav-item-intro:hover {\n      background: var(--hover-bg);\n      border-color: var(--primary-color);\n    }\n\n    .nav-item-intro .nav-item-icon {\n      font-size: 14px;\n    }\n\n    .nav-item-intro .nav-item-text {\n      font-size: 12px;\n    }\n\n    .nav-item-method {\n      font-size: 9px;\n      font-weight: 600;\n      padding: 1px 4px;\n      border: 1px solid var(--border-color);\n      border-radius: 2px;\n      text-transform: uppercase;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--text-secondary);\n      background: transparent;\n      letter-spacing: 0.02em;\n    }\n\n    /* Method classes kept for HTML compatibility but visually unified.\n       The DELETE verb gets the only chromatic accent \u2014 destructive\n       intent earns visual weight. */\n    .method-get,\n    .method-post,\n    .method-put,\n    .method-patch,\n    .method-ws,\n    .method-stream,\n    .method-rpc,\n    .method-grpc {\n      color: var(--text-secondary);\n      background: transparent;\n      border-color: var(--border-color);\n    }\n\n    .method-delete {\n      color: var(--primary-color);\n      border-color: var(--primary-color);\n      background: transparent;\n    }\n\n    .nav-item-path {\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: 10px;\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-item-text,\n    .docs-sidebar-home {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* ========== Floating utility buttons (theme toggle, back-to-top) ========== */\n    .icon-button {\n      appearance: none;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 4px 10px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .icon-button:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .icon-button:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .back-to-top {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 50;\n      appearance: none;\n      background: var(--bg-color);\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 6px 12px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      opacity: 0;\n      pointer-events: none;\n      transform: translateY(8px);\n      transition: opacity 0.2s, transform 0.2s, color 0.15s, border-color 0.15s;\n    }\n\n    .back-to-top.visible {\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    .back-to-top::before {\n      content: '\\2191';\n      margin-right: 6px;\n      font-weight: 400;\n    }\n\n    .back-to-top:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .back-to-top:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    @media (max-width: 1200px) {\n      .main-shell {\n        grid-template-columns: 1fr;\n      }\n      .toc {\n        display: none;\n      }\n    }\n\n    .docs-pages-group > .tag-group-header {\n      color: var(--text-primary);\n      background: var(--hover-bg);\n      border-left: 3px solid var(--primary-color);\n      padding-left: 9px;\n      margin-bottom: 4px;\n      letter-spacing: 0.01em;\n    }\n\n    .docs-pages-group > .tag-group-header:hover {\n      background: var(--hover-bg);\n      opacity: 0.85;\n    }\n\n    .docs-sidebar-home {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .docs-sidebar-home-icon {\n      flex-shrink: 0;\n      opacity: 0.7;\n    }\n\n    /* ========== TOC / TRY IT OUT PANEL (ReDoc-style right panel) ========== */\n    .toc {\n      align-self: stretch;\n      position: sticky;\n      top: 0;\n      padding: 24px;\n      border-left: 1px solid var(--border-color);\n      font-size: var(--font-size-small);\n      line-height: 1.5;\n      max-height: 100vh;\n      overflow-y: auto;\n      background: #263238;\n      color: #eceff1;\n    }\n\n    [data-theme=\"light\"] .toc {\n      background: #f5f7fa;\n      color: #263238;\n      border-left-color: #e0e0e0;\n    }\n\n    .toc:empty {\n      border: 0;\n      padding: 0;\n    }\n\n    .toc-title {\n      color: #90caf9;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      margin: 0 0 16px;\n      text-transform: uppercase;\n    }\n\n    [data-theme=\"light\"] .toc-title {\n      color: #1976d2;\n    }\n\n    .toc-link {\n      display: block;\n      padding: 6px 0;\n      color: #b0bec5;\n      text-decoration: none;\n      border-left: 3px solid transparent;\n      margin-left: -24px;\n      padding-left: 21px;\n      transition: color 0.15s, border-color 0.15s;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n    }\n\n    .toc-link:hover {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n    }\n\n    [data-theme=\"light\"] .toc-link {\n      color: #666;\n    }\n\n    [data-theme=\"light\"] .toc-link:hover {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-link.active {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n      font-weight: 600;\n    }\n\n    [data-theme=\"light\"] .toc-link.active {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-level-2 { padding-left: 27px; }\n    .toc-level-3 { padding-left: 39px; }\n    .toc-level-4 { padding-left: 51px; }\n    .toc-level-5 { padding-left: 63px; }\n    .toc-level-6 { padding-left: 75px; }\n    /* ========== SEARCH MODAL (cmd+K) ========== */\n    dialog.search-modal {\n      padding: 0;\n      border: 1px solid var(--border-color);\n      border-radius: 12px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      width: min(640px, calc(100vw - 32px));\n      max-width: 640px;\n      max-height: 70vh;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.25);\n      margin: auto;\n    }\n\n    dialog.search-modal::backdrop {\n      background: rgba(0, 0, 0, 0.45);\n    }\n\n    dialog.search-modal:not([open]) {\n      display: none;\n    }\n\n    .search-modal-inner {\n      display: flex;\n      flex-direction: column;\n      max-height: 70vh;\n    }\n\n    .search-modal-input-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .search-modal-input {\n      flex: 1;\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      font-size: 13px;\n      font-family: inherit;\n      outline: none;\n    }\n\n    .search-modal-input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .search-modal-close {\n      padding: 6px 10px;\n      font-size: 11px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      color: var(--text-muted);\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    .search-modal-close:hover {\n      color: var(--text-color);\n      background: var(--hover-bg);\n    }\n\n    .search-modal-results {\n      overflow-y: auto;\n      flex: 1;\n      padding: 8px 8px 12px;\n    }\n\n    .search-modal-empty {\n      padding: 24px 16px;\n      color: var(--text-muted);\n      text-align: center;\n      font-size: 12px;\n    }\n\n    .search-modal-group {\n      padding: 4px 0;\n    }\n\n    .search-modal-group-heading {\n      padding: 8px 12px 4px;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n    .search-modal-result {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      width: 100%;\n      padding: 10px 12px;\n      margin: 2px 0;\n      text-align: left;\n      background: transparent;\n      border: 1px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      color: var(--text-color);\n      font-family: inherit;\n    }\n\n    .search-modal-result:focus,\n    .search-modal-result.is-highlighted {\n      background: var(--hover-bg);\n      border-color: var(--border-color);\n      outline: none;\n    }\n\n    .search-modal-result-title {\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .search-modal-result-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n";
+export declare const layoutNavigationStyles = "    /* ========== LAYOUT ========== */\n    .skip-link {\n      position: fixed;\n      top: 12px;\n      left: 12px;\n      z-index: 1000;\n      transform: translateY(-160%);\n      padding: 10px 14px;\n      border-radius: 6px;\n      background: var(--primary-color);\n      color: white;\n      font-weight: 600;\n      text-decoration: none;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n      transition: transform 0.15s ease;\n    }\n\n    .skip-link:focus {\n      transform: translateY(0);\n      outline: 2px solid white;\n      outline-offset: 2px;\n    }\n\n    .app-container {\n      --sidebar-width: 280px;\n      display: grid;\n      grid-template-columns: var(--sidebar-width) minmax(0, 1fr);\n      min-height: calc(100vh - 300px);\n    }\n\n    .app-container-no-sidebar {\n      grid-template-columns: 1fr;\n    }\n\n    .main-shell {\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      align-items: stretch;\n      min-width: 0;\n      gap: 0;\n    }\n\n    /* Drop the (empty) TOC gutter on endpoint views so the operation's\n       two-column content \u2014 docs + samples panel \u2014 can use the full width. */\n    .main-shell.main-shell-no-toc {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .main-shell.main-shell-no-toc .toc {\n      display: none;\n    }\n\n    /* ========== SIDEBAR ========== */\n    .sidebar {\n      background: var(--sidebar-bg);\n      border-right: 1px solid var(--border-color);\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      padding: 14px 0 0;\n      overflow: visible;\n      position: sticky;\n      top: 0;\n      height: 100vh;\n    }\n\n    .sidebar-resizer {\n      appearance: none;\n      position: absolute;\n      top: 0;\n      right: -5px;\n      z-index: 5;\n      width: 10px;\n      height: 100%;\n      padding: 0;\n      border: 0;\n      background: transparent;\n      cursor: col-resize;\n      touch-action: none;\n    }\n\n    .sidebar-resizer::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 4px;\n      width: 1px;\n      background: transparent;\n      transition: background-color 0.15s, box-shadow 0.15s;\n    }\n\n    .sidebar-resizer:hover::before,\n    .sidebar-resizer:focus-visible::before,\n    html.sidebar-is-resizing .sidebar-resizer::before {\n      background: var(--primary-color);\n      box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent);\n    }\n\n    .sidebar-resizer:focus-visible {\n      outline: 0;\n    }\n\n    html.sidebar-is-resizing,\n    html.sidebar-is-resizing * {\n      cursor: col-resize !important;\n      user-select: none !important;\n    }\n\n    .sidebar-hidden {\n      display: none;\n    }\n\n    .sidebar-header {\n      padding: 0 14px 14px;\n      border-bottom: 1px solid var(--border-color);\n      margin-bottom: 12px;\n    }\n\n    .sidebar-logo {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .sidebar-logo img { height: 32px; }\n    .sidebar-logo h1 { font-size: 16px; font-weight: 600; }\n\n    .sidebar-search {\n      position: relative;\n    }\n\n    .sidebar-search input {\n      width: 100%;\n      padding: 8px 10px 8px 32px;\n      border: 1px solid var(--border-color);\n      border-radius: 8px;\n      font-size: var(--font-size-small);\n      background: var(--bg-color);\n      color: var(--text-color);\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .sidebar-search input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .sidebar-search::before {\n      content: '\uD83D\uDD0D';\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: var(--font-size-small);\n    }\n\n    .protocol-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      padding: 0 14px;\n      margin-bottom: 14px;\n    }\n\n    .protocol-tab {\n      padding: 5px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 500;\n      cursor: pointer;\n      background: var(--code-bg);\n      border: 1px solid var(--border-color);\n      color: var(--text-color);\n      transition: all 0.2s;\n    }\n\n    .protocol-tab:hover {\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab.active {\n      background: var(--primary-color);\n      color: white;\n      border-color: var(--primary-color);\n    }\n\n    .protocol-tab .count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 18px;\n      height: 18px;\n      padding: 0 5px;\n      margin-left: 6px;\n      font-size: 9px;\n      border-radius: 9px;\n      background: rgba(0,0,0,0.15);\n    }\n\n    .protocol-tab.active .count {\n      background: rgba(255,255,255,0.25);\n    }\n\n    /* ========== TAG GROUPS ========== */\n    .sidebar-nav {\n      flex: 1;\n      min-height: 0;\n      overflow-x: hidden;\n      overflow-y: auto;\n      padding: 0 10px;\n      scrollbar-gutter: stable;\n    }\n\n    .tag-group {\n      margin-bottom: 8px;\n    }\n\n    .tag-group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 10px;\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-secondary);\n      transition: all 0.2s;\n    }\n\n    .tag-group-header:hover {\n      background: var(--hover-bg);\n      color: var(--text-color);\n    }\n\n    .tag-group-header.active {\n      color: var(--primary-color);\n    }\n\n    .tag-group-arrow {\n      transition: transform 0.2s;\n      font-size: 9px;\n    }\n\n    .tag-group.collapsed .tag-group-arrow {\n      transform: rotate(-90deg);\n    }\n\n    .tag-group-count {\n      margin-left: auto;\n      font-size: 10px;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    .tag-group-items {\n      padding-left: 8px;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .tag-group.collapsed .tag-group-items {\n      max-height: 0 !important;\n    }\n\n    .nav-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 10px 4px 12px;\n      border-left: 2px solid transparent;\n      border-radius: 0;\n      text-decoration: none;\n      color: var(--text-secondary);\n      font-size: var(--font-size-small);\n      cursor: pointer;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .nav-item:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-item.active {\n      color: var(--text-primary);\n      border-left-color: var(--primary-color);\n      font-weight: 600;\n    }\n\n    .nav-subitems {\n      display: grid;\n      gap: 2px;\n      margin: 2px 0 8px 12px;\n      padding-left: 12px;\n      border-left: 1px solid var(--border-color);\n    }\n\n    .nav-subitem {\n      appearance: none;\n      border: 0;\n      background: transparent;\n      color: var(--text-muted);\n      cursor: pointer;\n      font: inherit;\n      font-size: 10px;\n      line-height: 1.35;\n      padding: 4px 7px;\n      text-align: left;\n      border-radius: 5px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-subitem-level-3,\n    .nav-subitem-level-4,\n    .nav-subitem-level-5,\n    .nav-subitem-level-6 {\n      margin-left: 10px;\n    }\n\n    .nav-subitem:hover {\n      color: var(--text-primary);\n    }\n\n    .nav-subitem.active {\n      color: var(--text-primary);\n      font-weight: 600;\n      box-shadow: inset 2px 0 0 var(--primary-color);\n    }\n\n    .docs-sidebar-depth-1 { margin-left: 4px; }\n    .docs-sidebar-depth-2 { margin-left: 10px; }\n    .docs-sidebar-depth-3,\n    .docs-sidebar-depth-4,\n    .docs-sidebar-depth-5,\n    .docs-sidebar-depth-6 { margin-left: 16px; }\n\n    .nav-item-intro {\n      margin-bottom: 12px;\n      padding: 8px 10px;\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      font-weight: 500;\n    }\n\n    .nav-item-intro:hover {\n      background: var(--hover-bg);\n      border-color: var(--primary-color);\n    }\n\n    .nav-item-intro .nav-item-icon {\n      font-size: 14px;\n    }\n\n    .nav-item-intro .nav-item-text {\n      font-size: 12px;\n    }\n\n    .nav-item-method {\n      font-size: 9px;\n      font-weight: 600;\n      padding: 1px 4px;\n      border: 1px solid var(--border-color);\n      border-radius: 2px;\n      text-transform: uppercase;\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--text-secondary);\n      background: transparent;\n      letter-spacing: 0.02em;\n    }\n\n    /* HTTP methods share the endpoint-content palette so long route lists\n       remain scannable without adding size or spacing. */\n    .method-get { background: var(--method-get-color); color: white; border-color: var(--method-get-color); }\n    .method-post { background: var(--method-post-color); color: white; border-color: var(--method-post-color); }\n    .method-put { background: var(--method-put-color); color: white; border-color: var(--method-put-color); }\n    .method-patch { background: var(--method-patch-color); color: white; border-color: var(--method-patch-color); }\n    .method-delete { background: var(--method-delete-color); color: white; border-color: var(--method-delete-color); }\n\n    .method-ws,\n    .method-stream,\n    .method-rpc,\n    .method-grpc {\n      color: var(--text-secondary);\n      background: transparent;\n      border-color: var(--border-color);\n    }\n\n    .nav-item-path {\n      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      font-size: 10px;\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .nav-item-text,\n    .docs-sidebar-home {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* ========== Floating utility buttons (theme toggle, back-to-top) ========== */\n    .icon-button {\n      appearance: none;\n      background: transparent;\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 4px 10px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      transition: color 0.15s, border-color 0.15s;\n    }\n\n    .icon-button:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .icon-button:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    .back-to-top {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 50;\n      appearance: none;\n      background: var(--bg-color);\n      color: var(--text-secondary);\n      border: 1px solid var(--border-color);\n      border-radius: 4px;\n      padding: 6px 12px;\n      font-size: var(--font-size-small);\n      font-family: inherit;\n      font-weight: 500;\n      cursor: pointer;\n      line-height: 1.2;\n      opacity: 0;\n      pointer-events: none;\n      transform: translateY(8px);\n      transition: opacity 0.2s, transform 0.2s, color 0.15s, border-color 0.15s;\n    }\n\n    .back-to-top.visible {\n      opacity: 1;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    .back-to-top::before {\n      content: '\\2191';\n      margin-right: 6px;\n      font-weight: 400;\n    }\n\n    .back-to-top:hover {\n      color: var(--text-primary);\n      border-color: var(--text-secondary);\n    }\n\n    .back-to-top:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: 2px;\n    }\n\n    @media (max-width: 1200px) {\n      .main-shell {\n        grid-template-columns: 1fr;\n      }\n      .toc {\n        display: none;\n      }\n    }\n\n    .docs-pages-group > .tag-group-header {\n      color: var(--text-primary);\n      background: var(--hover-bg);\n      border-left: 3px solid var(--primary-color);\n      padding-left: 9px;\n      margin-bottom: 4px;\n      letter-spacing: 0.01em;\n    }\n\n    .docs-pages-group > .tag-group-header:hover {\n      background: var(--hover-bg);\n      opacity: 0.85;\n    }\n\n    .docs-sidebar-home {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .docs-sidebar-home-icon {\n      flex-shrink: 0;\n      opacity: 0.7;\n    }\n\n    /* ========== TOC / TRY IT OUT PANEL (ReDoc-style right panel) ========== */\n    .toc {\n      align-self: stretch;\n      position: sticky;\n      top: 0;\n      padding: 24px;\n      border-left: 1px solid var(--border-color);\n      font-size: var(--font-size-small);\n      line-height: 1.5;\n      max-height: 100vh;\n      overflow-y: auto;\n      background: #263238;\n      color: #eceff1;\n    }\n\n    [data-theme=\"light\"] .toc {\n      background: #f5f7fa;\n      color: #263238;\n      border-left-color: #e0e0e0;\n    }\n\n    .toc:empty {\n      border: 0;\n      padding: 0;\n    }\n\n    .toc-title {\n      color: #90caf9;\n      font-size: var(--font-size-xs);\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      margin: 0 0 16px;\n      text-transform: uppercase;\n    }\n\n    [data-theme=\"light\"] .toc-title {\n      color: #1976d2;\n    }\n\n    .toc-link {\n      display: block;\n      padding: 6px 0;\n      color: #b0bec5;\n      text-decoration: none;\n      border-left: 3px solid transparent;\n      margin-left: -24px;\n      padding-left: 21px;\n      transition: color 0.15s, border-color 0.15s;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      font-size: 11px;\n    }\n\n    .toc-link:hover {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n    }\n\n    [data-theme=\"light\"] .toc-link {\n      color: #666;\n    }\n\n    [data-theme=\"light\"] .toc-link:hover {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-link.active {\n      color: #e0e0e0;\n      border-left-color: #90caf9;\n      font-weight: 600;\n    }\n\n    [data-theme=\"light\"] .toc-link.active {\n      color: #263238;\n      border-left-color: #1976d2;\n    }\n\n    .toc-level-2 { padding-left: 27px; }\n    .toc-level-3 { padding-left: 39px; }\n    .toc-level-4 { padding-left: 51px; }\n    .toc-level-5 { padding-left: 63px; }\n    .toc-level-6 { padding-left: 75px; }\n    /* ========== SEARCH MODAL (cmd+K) ========== */\n    dialog.search-modal {\n      padding: 0;\n      border: 1px solid var(--border-color);\n      border-radius: 12px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      width: min(640px, calc(100vw - 32px));\n      max-width: 640px;\n      max-height: 70vh;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.25);\n      margin: auto;\n    }\n\n    dialog.search-modal::backdrop {\n      background: rgba(0, 0, 0, 0.45);\n    }\n\n    dialog.search-modal:not([open]) {\n      display: none;\n    }\n\n    .search-modal-inner {\n      display: flex;\n      flex-direction: column;\n      max-height: 70vh;\n    }\n\n    .search-modal-input-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 16px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .search-modal-input {\n      flex: 1;\n      width: 100%;\n      padding: 8px 10px;\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      background: var(--bg-color);\n      color: var(--text-color);\n      font-size: 13px;\n      font-family: inherit;\n      outline: none;\n    }\n\n    .search-modal-input:focus {\n      border-color: var(--primary-color);\n    }\n\n    .search-modal-close {\n      padding: 6px 10px;\n      font-size: 11px;\n      font-family: 'SF Mono', 'Monaco', monospace;\n      color: var(--text-muted);\n      background: var(--surface-color);\n      border: 1px solid var(--border-color);\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    .search-modal-close:hover {\n      color: var(--text-color);\n      background: var(--hover-bg);\n    }\n\n    .search-modal-results {\n      overflow-y: auto;\n      flex: 1;\n      padding: 8px 8px 12px;\n    }\n\n    .search-modal-empty {\n      padding: 24px 16px;\n      color: var(--text-muted);\n      text-align: center;\n      font-size: 12px;\n    }\n\n    .search-modal-group {\n      padding: 4px 0;\n    }\n\n    .search-modal-group-heading {\n      padding: 8px 12px 4px;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n    .search-modal-result {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      width: 100%;\n      padding: 10px 12px;\n      margin: 2px 0;\n      text-align: left;\n      background: transparent;\n      border: 1px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      color: var(--text-color);\n      font-family: inherit;\n    }\n\n    .search-modal-result:focus,\n    .search-modal-result.is-highlighted {\n      background: var(--hover-bg);\n      border-color: var(--border-color);\n      outline: none;\n    }\n\n    .search-modal-result-title {\n      font-size: 12px;\n      font-weight: 600;\n    }\n\n    .search-modal-result-desc {\n      font-size: 11px;\n      color: var(--text-muted);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n";
 //# sourceMappingURL=layout-navigation.d.ts.map

package/dist/ui/docs/ui/style-sections/layout-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,qhiBA6tBlC,CAAA"}
+{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,y0iBAwtBlC,CAAA"}

package/dist/ui/docs/ui/style-sections/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CA+oBR"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAopBR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raffel",
-  "version": "1.1.86",
+  "version": "1.1.87",
   "description": "Unified multi-protocol server runtime. One core, multiple transports.",
   "type": "module",
   "main": "./dist/index.js",