raffel 1.1.98 → 1.1.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs/ui/assets/marked-renderer.js +13 -2
- package/dist/docs/ui/assets/raffel-docs.css +16 -115
- package/dist/docs/ui/assets/raffel-docs.js +7 -3
- package/dist/docs/ui/html-builder.d.ts.map +1 -1
- package/dist/docs/ui/html-builder.js +1 -2
- package/dist/docs/ui/html-builder.js.map +1 -1
- package/dist/docs/ui/html-shell.d.ts +0 -4
- package/dist/docs/ui/html-shell.d.ts.map +1 -1
- package/dist/docs/ui/html-shell.js +0 -14
- package/dist/docs/ui/html-shell.js.map +1 -1
- package/dist/docs/ui/runtime/index.js +7 -3
- package/dist/docs/ui/runtime/index.js.map +1 -1
- package/dist/docs/ui/runtime/marked-renderer.js +13 -2
- package/dist/docs/ui/runtime/marked-renderer.js.map +1 -1
- package/dist/docs/ui/style-sections/content.d.ts +1 -1
- package/dist/docs/ui/style-sections/content.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/content.js +11 -1
- package/dist/docs/ui/style-sections/content.js.map +1 -1
- package/dist/docs/ui/style-sections/shell.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/shell.js +5 -114
- package/dist/docs/ui/style-sections/shell.js.map +1 -1
- package/dist/ui/docs/ui/html-builder.d.ts.map +1 -1
- package/dist/ui/docs/ui/html-shell.d.ts +0 -4
- package/dist/ui/docs/ui/html-shell.d.ts.map +1 -1
- package/dist/ui/docs/ui/style-sections/content.d.ts +1 -1
- package/dist/ui/docs/ui/style-sections/content.d.ts.map +1 -1
- package/dist/ui/docs/ui/style-sections/shell.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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 display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 20px 0;\n padding: 8px 10px;\n border: 1px solid var(--border-color);\n border-radius: 7px;\n background: var(--surface-color);\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;\n }\n\n .docs-overview-environment {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .docs-overview-environment-select {\n max-width: 180px;\n min-height: 26px;\n padding: 3px 24px 3px 7px;\n border: 1px solid var(--border-color);\n border-radius: 5px;\n background: var(--bg-primary);\n color: var(--text-primary);\n font: inherit;\n font-size: var(--font-size-small);\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: 3px 7px;\n border-radius: 4px;\n word-break: break-all;\n }\n\n .docs-overview-server-details {\n position: relative;\n color: var(--text-muted);\n font-size: var(--font-size-xs);\n }\n\n .docs-overview-server-details summary { cursor: pointer; }\n .docs-overview-server-details p { margin: 6px 0 0; }\n .docs-overview-server-details ul { display: grid; gap: 3px; margin: 6px 0 0 14px; }\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";
|
|
1
|
+
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 20px 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 display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 20px 0;\n padding: 8px 10px;\n border: 1px solid var(--border-color);\n border-radius: 7px;\n background: var(--surface-color);\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;\n }\n\n .docs-overview-environment {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .docs-overview-environment-select {\n max-width: 180px;\n min-height: 26px;\n padding: 3px 24px 3px 7px;\n border: 1px solid var(--border-color);\n border-radius: 5px;\n background: var(--bg-primary);\n color: var(--text-primary);\n font: inherit;\n font-size: var(--font-size-small);\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: 3px 7px;\n border-radius: 4px;\n word-break: break-all;\n }\n\n .docs-overview-server-details {\n position: relative;\n color: var(--text-muted);\n font-size: var(--font-size-xs);\n }\n\n .docs-overview-server-details summary { cursor: pointer; }\n .docs-overview-server-details p { margin: 6px 0 0; }\n .docs-overview-server-details ul { display: grid; gap: 3px; margin: 6px 0 0 14px; }\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 /* The global `* { margin: 0 }` reset strips the UA heading margins; every\n other md heading restores its own, so md-h1 needs one too \u2014 otherwise the\n page title sits flush against the breadcrumb above and the content below. */\n .markdown-content .md-h1 {\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.25;\n margin: 0 0 24px 0;\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";
|
|
2
2
|
//# sourceMappingURL=content.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/content.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,4utCAmhDzB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,aAAa,CAAA;AA6ChE,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,EACzB,KAAK,CAAC,EAAE,aAAa,GACpB,MAAM,
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,aAAa,CAAA;AA6ChE,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,EACzB,KAAK,CAAC,EAAE,aAAa,GACpB,MAAM,CA0iBR"}
|