raffel 1.1.82 → 1.1.83

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

@@ -8,7 +8,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     /* ========== BREADCRUMBS ========== */
     .docs-breadcrumb {
       margin: 0 0 16px 0;
-      font-size: 13px;
+      font-size: 12px;
       color: var(--text-muted);
     }
 
@@ -92,7 +92,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     .section { margin-bottom: 48px; }
 
     .section-title {
-      font-size: 28px;
+      font-size: 24px;
       font-weight: 700;
       margin-bottom: 8px;
       color: var(--text-color);
@@ -116,7 +116,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .intro-section .markdown-content h2 {
-      font-size: 24px;
+      font-size: 21px;
       font-weight: 600;
       margin: 32px 0 16px 0;
       color: var(--text-color);
@@ -127,7 +127,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .intro-section .markdown-content p {
-      font-size: 16px;
+      font-size: 14px;
       line-height: 1.7;
       color: var(--text-color);
       margin-bottom: 16px;
@@ -139,7 +139,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .intro-section .markdown-content li {
-      font-size: 15px;
+      font-size: 13px;
       line-height: 1.6;
       color: var(--text-color);
       margin-bottom: 8px;
@@ -149,7 +149,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       background: var(--code-bg);
       padding: 2px 6px;
       border-radius: 4px;
-      font-size: 14px;
+      font-size: 12px;
       font-family: 'SF Mono', Monaco, Consolas, monospace;
     }
 
@@ -181,7 +181,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       align-items: baseline;
       flex-wrap: wrap;
       gap: 12px;
-      font-size: 32px;
+      font-size: 28px;
       font-weight: 700;
       line-height: 1.2;
       margin: 0;
@@ -189,7 +189,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .docs-overview-version {
-      font-size: 13px;
+      font-size: 12px;
       font-weight: 600;
       letter-spacing: 0.02em;
       padding: 3px 10px;
@@ -204,7 +204,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       flex-wrap: wrap;
       align-items: center;
       gap: 10px;
-      font-size: 14px;
+      font-size: 12px;
       color: var(--text-muted);
       margin: 0 0 24px 0;
     }
@@ -227,7 +227,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .docs-overview-subtitle {
-      font-size: 13px;
+      font-size: 12px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.06em;
@@ -257,7 +257,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .docs-overview-server-url {
       font-family: 'SF Mono', Monaco, Consolas, monospace;
-      font-size: 14px;
+      font-size: 12px;
       color: var(--text-color);
       background: var(--code-bg);
       padding: 4px 10px;
@@ -266,7 +266,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .docs-overview-server-desc {
-      font-size: 14px;
+      font-size: 12px;
       color: var(--text-muted);
     }
 
@@ -303,7 +303,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       align-items: center;
       padding: 4px 9px;
       border-radius: 4px;
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 700;
       text-transform: uppercase;
       font-family: 'SF Mono', 'Monaco', monospace;
@@ -318,13 +318,13 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .endpoint-path {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 14px;
+      font-size: 12px;
       font-weight: 500;
       color: var(--text-color);
     }
 
     .endpoint-title {
-      font-size: 21px;
+      font-size: 18px;
       font-weight: 600;
       line-height: 1.3;
       margin-bottom: 6px;
@@ -333,7 +333,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .endpoint-description {
       color: var(--text-muted);
-      font-size: 13px;
+      font-size: 12px;
       line-height: 1.55;
       margin-bottom: 18px;
     }
@@ -374,7 +374,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .markdown-content .md-h2 {
-      font-size: 18px;
+      font-size: 16px;
       font-weight: 600;
       color: var(--text-primary);
       margin: 24px 0 12px 0;
@@ -383,14 +383,14 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .markdown-content .md-h3 {
-      font-size: 16px;
+      font-size: 14px;
       font-weight: 600;
       color: var(--text-primary);
       margin: 20px 0 10px 0;
     }
 
     .markdown-content .md-h4 {
-      font-size: 14px;
+      font-size: 12px;
       font-weight: 600;
       color: var(--text-secondary);
       margin: 16px 0 8px 0;
@@ -416,7 +416,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       padding: 2px 6px;
       border-radius: 4px;
       font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
-      font-size: 13px;
+      font-size: 12px;
       color: var(--accent);
     }
 
@@ -453,7 +453,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       background: var(--bg-primary);
       color: var(--text-muted);
       padding: 4px 8px;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 16px;
       cursor: pointer;
     }
@@ -529,7 +529,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .markdown-content .md-code-block code {
       font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
-      font-size: 13px;
+      font-size: 12px;
       line-height: 1.6;
       color: var(--text-primary);
       white-space: pre;
@@ -691,7 +691,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       border-radius: 4px;
       cursor: pointer;
       font-family: ui-sans-serif, system-ui, sans-serif;
-      font-size: 14px;
+      font-size: 12px;
       line-height: 1;
       transition: background 0.15s ease, color 0.15s ease;
     }
@@ -709,7 +709,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       text-align: left;
       white-space: pre;
       font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
-      font-size: 13px;
+      font-size: 12px;
       color: var(--text-muted);
     }
 
@@ -780,7 +780,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       border: 1px solid var(--border);
       border-radius: 50%;
       cursor: pointer;
-      font-size: 16px;
+      font-size: 14px;
       line-height: 1;
       z-index: 3;
       transition: background 0.15s ease;
@@ -843,7 +843,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       border-radius: 50%;
       background: rgba(15, 23, 42, 0.75);
       color: #fff;
-      font-size: 24px;
+      font-size: 21px;
       line-height: 1;
       cursor: pointer;
     }
@@ -857,7 +857,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     .markdown-content .md-table {
       border-collapse: collapse;
       margin: 16px 0;
-      font-size: 14px;
+      font-size: 12px;
       border-radius: 6px;
       overflow: hidden;
       border: 1px solid var(--border);
@@ -879,7 +879,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       font-weight: 600;
       background: var(--bg-tertiary);
       color: var(--text-primary);
-      font-size: 12px;
+      font-size: 11px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }
@@ -936,7 +936,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       background: transparent;
       color: var(--text-muted);
       padding: 10px 14px;
-      font-size: 13px;
+      font-size: 12px;
       cursor: pointer;
       white-space: nowrap;
     }
@@ -1000,7 +1000,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .endpoint-right-header {
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.5px;
@@ -1021,7 +1021,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .endpoint-subsection-title {
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-muted);
       text-transform: uppercase;
@@ -1038,7 +1038,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     /* ========== REDOC-STYLE PARAMETER LABELS ========== */
     .subsection-label {
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       color: var(--text-muted);
       text-transform: uppercase;
@@ -1054,7 +1054,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .auth-value {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 14px;
+      font-size: 12px;
       color: var(--text-color);
       margin-left: 8px;
     }
@@ -1109,13 +1109,13 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .param-name-text {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-color);
     }
 
     .param-required-badge {
-      font-size: 10px;
+      font-size: 9px;
       font-weight: 700;
       padding: 2px 6px;
       border-radius: 4px;
@@ -1132,7 +1132,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .param-type-info {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 12px;
+      font-size: 11px;
       padding: 2px 8px;
       border-radius: 4px;
       background: rgba(99, 102, 241, 0.1);
@@ -1154,7 +1154,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .param-constraint {
       display: inline-block;
-      font-size: 10px;
+      font-size: 9px;
       padding: 3px 8px;
       border-radius: 4px;
       background: #fef3c7;
@@ -1171,7 +1171,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .param-default {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
       margin-top: 6px;
     }
@@ -1181,11 +1181,11 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       padding: 3px 6px;
       border-radius: 3px;
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
     }
 
     .param-example {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
       margin-top: 6px;
     }
@@ -1195,11 +1195,11 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       padding: 3px 6px;
       border-radius: 3px;
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
     }
 
     .param-description {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-color);
       line-height: 1.4;
       margin-top: 4px;
@@ -1233,7 +1233,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-arrow {
-      font-size: 11px;
+      font-size: 10px;
       transition: transform 0.2s;
       color: var(--text-muted);
       width: 16px;
@@ -1245,7 +1245,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-status {
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 700;
       padding: 3px 8px;
       border-radius: 4px;
@@ -1286,7 +1286,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-desc {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-color);
     }
 
@@ -1302,7 +1302,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-schema-label {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
       text-transform: uppercase;
       letter-spacing: 0.5px;
@@ -1320,7 +1320,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-headers-label {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
       text-transform: uppercase;
       letter-spacing: 0.5px;
@@ -1340,7 +1340,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
 
     .response-header-name {
       font-family: 'SF Mono', Monaco, Consolas, monospace;
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-color);
       min-width: 150px;
@@ -1352,19 +1352,19 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     }
 
     .response-header-type {
-      font-size: 11px;
+      font-size: 10px;
       color: var(--primary-color);
       margin-bottom: 4px;
     }
 
     .response-header-desc {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
     }
 
     .response-header-required {
       color: #ef4444;
-      font-size: 11px;
+      font-size: 10px;
       margin-left: 8px;
     }
 
@@ -1395,7 +1395,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
       display: block;
       margin-top: 4px;
       color: var(--text-muted);
-      font-size: 14px;
+      font-size: 12px;
     }
 
     .docs-pagination {
@@ -1432,7 +1432,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     .docs-pagination-label {
       display: block;
       color: var(--text-muted);
-      font-size: 12px;
+      font-size: 11px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }
@@ -1482,7 +1482,7 @@ export const contentStyles = `    /* ========== MAIN CONTENT ========== */
     .page-nav-eyebrow {
       display: block;
       color: var(--text-secondary);
-      font-size: 12px;
+      font-size: 11px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }

package/dist/docs/ui/style-sections/edit-link.d.ts

@@ -3,5 +3,5 @@
  *
  * Uses existing shell tokens only (--text-secondary, --accent, --hover-bg).
  */
-export declare const editLinkStyles = "    /* ========== PAGE HEADER WITH EDIT LINK ========== */\n    .docs-page-header {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-bottom: 16px;\n    }\n\n    .docs-page-header > h1,\n    .docs-page-header > .md-h1 {\n      flex: 1 1 auto;\n      margin-bottom: 0;\n    }\n\n    .docs-edit-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      flex: 0 0 auto;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--text-secondary);\n      text-decoration: none;\n      padding: 4px 8px;\n      border-radius: 6px;\n      transition: color 120ms ease, background-color 120ms ease;\n    }\n\n    .docs-edit-link:hover,\n    .docs-edit-link:focus-visible {\n      color: var(--accent);\n      background-color: var(--hover-bg);\n      text-decoration: none;\n    }\n\n    .docs-edit-link:focus-visible {\n      outline: 2px solid var(--accent);\n      outline-offset: 2px;\n    }\n\n    .docs-edit-link-glyph {\n      font-size: 13px;\n      line-height: 1;\n    }\n";
+export declare const editLinkStyles = "    /* ========== PAGE HEADER WITH EDIT LINK ========== */\n    .docs-page-header {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-bottom: 16px;\n    }\n\n    .docs-page-header > h1,\n    .docs-page-header > .md-h1 {\n      flex: 1 1 auto;\n      margin-bottom: 0;\n    }\n\n    .docs-edit-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      flex: 0 0 auto;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--text-secondary);\n      text-decoration: none;\n      padding: 4px 8px;\n      border-radius: 6px;\n      transition: color 120ms ease, background-color 120ms ease;\n    }\n\n    .docs-edit-link:hover,\n    .docs-edit-link:focus-visible {\n      color: var(--accent);\n      background-color: var(--hover-bg);\n      text-decoration: none;\n    }\n\n    .docs-edit-link:focus-visible {\n      outline: 2px solid var(--accent);\n      outline-offset: 2px;\n    }\n\n    .docs-edit-link-glyph {\n      font-size: 12px;\n      line-height: 1;\n    }\n";
 //# sourceMappingURL=edit-link.d.ts.map

package/dist/docs/ui/style-sections/edit-link.js

@@ -24,7 +24,7 @@ export const editLinkStyles = `    /* ========== PAGE HEADER WITH EDIT LINK ====
       align-items: center;
       gap: 6px;
       flex: 0 0 auto;
-      font-size: 14px;
+      font-size: 12px;
       font-weight: 500;
       color: var(--text-secondary);
       text-decoration: none;
@@ -46,7 +46,7 @@ export const editLinkStyles = `    /* ========== PAGE HEADER WITH EDIT LINK ====
     }
 
     .docs-edit-link-glyph {
-      font-size: 13px;
+      font-size: 12px;
       line-height: 1;
     }
 `;

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      display: grid;\n      grid-template-columns: 280px 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      padding: 18px 0;\n      overflow-y: auto;\n      position: sticky;\n      top: 0;\n      height: 100vh;\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: 18px; 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: 11px;\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: 10px;\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      padding: 0 10px;\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: 13px;\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: 10px;\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: 11px;\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: 11px;\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: 16px;\n    }\n\n    .nav-item-intro .nav-item-text {\n      font-size: 13px;\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: 12px;\n      flex: 1;\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: 12px;\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: 15px;\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: 12px;\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: 14px;\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: 11px;\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: 14px;\n      font-weight: 600;\n    }\n\n    .search-modal-result-desc {\n      font-size: 12px;\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    /* 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";
 //# 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,ykfAgqBlC,CAAA"}
+{"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"}