@reqlan/analytical 0.6.2 → 0.7.0

package/out/export/html-export-assets.d.ts

@@ -1,3 +1,3 @@
-export declare const SHARED_STYLES = "\n:root {\n    color-scheme: dark;\n    --bg: #14100e;\n    --bg-elev: #1f1815;\n    --bg-soft: #1f1815;\n    --bg-raised: #2a211d;\n    --fg: #ebe4de;\n    --muted: #a89488;\n    --faint: #6e5f56;\n    --line: #3d2f28;\n    --accent: #07a0e5;\n    --accent-strong: #0bbefb;\n    --accent-dim: #0371c1;\n    --rust: #b85c38;\n    --rust-muted: #8a4530;\n    --good: #4ade80;\n    --warn: #fbbf24;\n    --bad: #fb7185;\n    font-family: Inter, system-ui, sans-serif;\n}\n* { box-sizing: border-box; }\nbody {\n    margin: 0;\n    background: var(--bg);\n    color: var(--fg);\n    line-height: 1.55;\n}\na { color: var(--accent-strong); text-decoration: none; }\na:hover { color: var(--accent); }\nmain.layout {\n    max-width: 1360px; margin: 0 auto; padding: 1.5rem;\n    display: flex; flex-direction: column; gap: 1.5rem;\n}\n.topbar {\n    position: sticky; top: 0; z-index: 10;\n    background: var(--bg-elev); border-bottom: 1px solid var(--line); margin: 0 -1.5rem;\n    padding: 0.9rem 1.5rem;\n}\n.topbar-inner, .hero, .split, .grid, .detail-grid { display: grid; gap: 1.5rem; }\n.topbar-inner { grid-template-columns: 1.3fr auto; align-items: center; }\n.nav { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }\n.nav a {\n    padding: 0.45rem 0.75rem; border-radius: 8px;\n    background: var(--bg-raised); color: var(--muted); border: 1px solid var(--line);\n}\n.nav a:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }\n.nav a.active {\n    background: color-mix(in srgb, var(--rust) 28%, var(--bg-raised));\n    color: var(--fg); border-color: var(--rust);\n}\n.nav a.brand-link {\n    background: transparent;\n    border-color: transparent;\n    color: var(--fg);\n    font-weight: 650;\n    letter-spacing: 0.02em;\n    padding-left: 0.15rem;\n    padding-right: 0.9rem;\n}\n.nav a.brand-link:hover {\n    color: var(--accent);\n    border-color: transparent;\n    background: transparent;\n}\n.hero { grid-template-columns: 2fr 1fr; }\n.grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));\n    gap: 1.5rem;\n    row-gap: 1.5rem;\n    column-gap: 1.5rem;\n}\n.split, .detail-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: 1.5rem;\n}\n.panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result {\n    background: var(--bg-raised);\n    border: 1px solid var(--line);\n    border-radius: 10px;\n}\n.panel, .card, .table-shell, .graph-shell, .print-card, .search-result { padding: 1rem 1.1rem; }\n.metric { padding: 0; overflow: hidden; }\n.metric-link, .metric > span, .metric > strong {\n    display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem; color: inherit;\n}\n.metric-link:hover { background: color-mix(in srgb, var(--accent) 10%, var(--bg-raised)); }\n.metric-label, .subtle, .eyebrow, .breadcrumbs { color: var(--muted); }\n.metric-value { font-size: 1.75rem; color: var(--accent-strong); }\n.eyebrow { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem; color: var(--rust); }\n.page-header { display: grid; gap: 0.55rem; }\n.page-header h1 { margin: 0; }\n.page-header .eyebrow { margin: 0; }\n.page-header .subtle { margin: 0; }\n.toolbar {\n    display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between;\n    margin-bottom: 0.9rem;\n}\n.toolbar .actions, .pill-row, .breadcrumbs { display: flex; gap: 0.75rem; row-gap: 0.85rem; flex-wrap: wrap; align-items: center; }\n.chip, .pill {\n    display: inline-flex; align-items: center; gap: 0.35rem;\n    padding: 0.28rem 0.6rem; border-radius: 8px;\n    border: 1px solid var(--line); background: var(--bg); color: var(--muted);\n}\na.pill:hover { color: var(--accent-strong); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.graph-controls-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.65rem;\n    align-items: center;\n    margin-bottom: 0.9rem;\n    padding: 0.8rem;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    background: var(--bg);\n}\n.graph-shell > .pill-row { margin-bottom: 0.9rem; }\n.graph-filter {\n    flex: 1 1 180px;\n    min-width: 160px;\n}\n.graph-action {\n    border: 1px solid var(--line);\n    background: var(--bg-soft);\n    color: var(--fg);\n    border-radius: 8px;\n    padding: 0.7rem 0.9rem;\n    cursor: pointer;\n}\n.graph-action:hover { border-color: var(--accent-dim); color: var(--accent-strong); }\n.graph-action.is-active {\n    background: color-mix(in srgb, var(--rust) 28%, var(--bg-soft));\n    border-color: var(--rust);\n    color: var(--fg);\n}\n.graph-status {\n    color: var(--muted);\n    font-size: 0.92rem;\n    margin-left: auto;\n}\n.searchbar, select, input[type=\"search\"] {\n    width: min(100%, 440px); background: var(--bg); color: var(--fg);\n    border: 1px solid var(--line); border-radius: 8px; padding: 0.75rem 0.9rem;\n}\n.searchbar:focus, select:focus, input[type=\"search\"]:focus {\n    outline: none;\n    border-color: var(--accent);\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);\n}\ntable { width: 100%; border-collapse: collapse; }\nth, td {\n    padding: 0.75rem 0.65rem; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top;\n}\nth { color: var(--muted); font-size: 0.94rem; }\ntbody tr:hover { background: var(--bg-raised); }\n.table-shell { overflow-x: auto; }\n.scroll-window {\n    --scroll-window-max: min(28rem, 50vh);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window {\n    max-height: var(--scroll-window-max);\n    overflow: auto;\n    border: 1px solid var(--line);\n    border-radius: 8px;\n    background: var(--bg);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window > table {\n    margin: 0;\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window .entity-list,\nbody[data-runtime-mode=\"interactive\"] .scroll-window .rollup-list {\n    padding: 0.75rem;\n}\n.sortable-th { padding: 0.45rem 0.4rem; }\n.sort-button {\n    display: inline-flex; align-items: center; gap: 0.35rem;\n    width: 100%; margin: 0; padding: 0.3rem 0.25rem;\n    border: 0; background: transparent; color: inherit;\n    font: inherit; text-align: left; cursor: pointer;\n}\n.sort-button:hover { color: var(--fg); }\n.sort-button.sort-active { color: var(--accent-strong); }\n.sort-indicator { color: var(--faint); font-size: 0.8em; min-width: 1em; }\n.sort-button.sort-active .sort-indicator { color: var(--accent-strong); }\n.table-filter-toggle {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 2.25rem; height: 2.25rem; padding: 0;\n    border: 1px solid var(--line); border-radius: 8px;\n    background: var(--bg-raised); color: var(--muted); cursor: pointer;\n}\n.table-filter-toggle:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.table-filter-toggle.is-active {\n    color: var(--fg);\n    border-color: var(--accent);\n    background: color-mix(in srgb, var(--accent) 18%, var(--bg-raised));\n}\n.table-filter-toggle.has-filters:not(.is-active) {\n    color: var(--accent-strong);\n    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));\n}\n.table-filter-toggle svg { width: 1rem; height: 1rem; display: block; }\n.table-filter-actions {\n    display: flex; justify-content: flex-end; gap: 0.55rem;\n    margin-bottom: 0.65rem;\n}\n.column-filter-row { display: none; }\n.column-filter-row.is-open { display: table-row; }\n.column-filter-row th {\n    padding: 0.35rem 0.4rem 0.75rem; border-bottom: 1px solid var(--line); font-weight: 400;\n}\n.column-filter {\n    width: 100%; min-width: 4.5rem; background: var(--bg); color: var(--fg);\n    border: 1px solid var(--line); border-radius: 6px; padding: 0.4rem 0.55rem; font-size: 0.85rem;\n}\n.column-filter:focus {\n    outline: none;\n    border-color: var(--accent);\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window thead tr:first-child th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--bg-raised);\n    box-shadow: 0 1px 0 var(--line);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window thead .column-filter-row.is-open th {\n    position: sticky;\n    top: 2.65rem;\n    z-index: 1;\n    background: var(--bg-raised);\n    box-shadow: 0 1px 0 var(--line);\n}\n.entity-list { display: grid; gap: 1.5rem; }\n.entity-card {\n    border: 1px solid var(--line); border-radius: 10px; padding: 0.9rem 1rem; background: var(--bg);\n    color: inherit;\n}\n.entity-card:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.entity-card h3, .entity-card p { margin: 0; }\n.entity-card p + p, .entity-card strong + p, .entity-card h3 + p { margin-top: 0.35rem; }\n.panel > h2, .table-shell > h2, .graph-shell > h2, .print-card > h3 { margin-top: 0; margin-bottom: 0.75rem; }\n.toolbar h2 { margin: 0; }\n.rollup-list { display: grid; gap: 0.5rem; }\n.rollup-list div {\n    display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: 0.4rem;\n}\n.rollup-list dd { margin: 0; }\n.distribution-track {\n    height: 0.7rem;\n    min-width: 6rem;\n    border-radius: 999px;\n    background: var(--bg);\n    border: 1px solid var(--line);\n    overflow: hidden;\n}\n.distribution-fill {\n    display: block;\n    height: 100%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--accent-dim), var(--accent-strong));\n    min-width: 0;\n}\n.graph-root canvas {\n    display: block;\n    width: 100%;\n    min-height: 620px;\n    background: var(--bg);\n    border-radius: 10px;\n    border: 1px solid var(--line);\n    touch-action: none;\n    cursor: grab;\n}\n.graph-root canvas.is-panning { cursor: grabbing; }\n.graph-root canvas.is-dragging-node { cursor: pointer; }\n.search-results { display: grid; gap: 0.7rem; margin-top: 1rem; }\n.search-result:hover { border-color: var(--accent-dim); }\n.hidden { display: none !important; }\n.breadcrumbs a { color: var(--muted); }\n.breadcrumbs a:hover { color: var(--accent-strong); }\n.section-link { font-size: 0.92rem; }\n.prose p { line-height: 1.55; }\n.idea-summary { white-space: normal; }\n.idea-ref {\n    display: inline;\n    padding: 0.05em 0.35em;\n    margin: 0 0.05em;\n    border-radius: 0.3em;\n    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line));\n    background: color-mix(in srgb, var(--accent) 14%, var(--bg-raised));\n    color: var(--accent-strong);\n    font-weight: 600;\n    text-decoration: none;\n    white-space: nowrap;\n}\na.idea-ref:hover {\n    color: var(--fg);\n    border-color: var(--accent);\n    background: color-mix(in srgb, var(--accent) 22%, var(--bg-raised));\n}\n.idea-ref--file {\n    border-color: color-mix(in srgb, var(--rust) 40%, var(--line));\n    background: color-mix(in srgb, var(--rust) 16%, var(--bg-raised));\n    color: #e8a07a;\n}\na.idea-ref--file:hover {\n    color: var(--fg);\n    border-color: var(--rust);\n}\n.idea-ref--unresolved {\n    border-style: dashed;\n    border-color: color-mix(in srgb, var(--warn) 45%, var(--line));\n    background: color-mix(in srgb, var(--warn) 10%, var(--bg-raised));\n    color: var(--warn);\n    font-weight: 500;\n}\npre.code-like {\n    white-space: pre-wrap; padding: 0.9rem; border-radius: 8px;\n    background: var(--bg); border: 1px solid var(--line);\n}\n@media (max-width: 900px) {\n    .hero, .topbar-inner { grid-template-columns: 1fr; }\n}\n@media print {\n    :root { color-scheme: light; }\n    body { background: white; color: black; }\n    .topbar, .searchbar, .toolbar .actions, .graph-shell .toolbar, .column-filter-row, .table-filter-toggle, .table-filter-actions, .hide-on-print { display: none !important; }\n    .sort-button { cursor: default; }\n    .panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result, .entity-card {\n        background: white; color: black; border-color: #cbd5e1; box-shadow: none;\n    }\n    .scroll-window {\n        max-height: none !important;\n        overflow: visible !important;\n        border: none !important;\n        background: transparent !important;\n    }\n    .scroll-window thead th {\n        position: static !important;\n        box-shadow: none !important;\n    }\n    a { color: black; text-decoration: underline; }\n    .print-break-avoid { break-inside: avoid; }\n}\n";
+export declare const SHARED_STYLES = "\n:root {\n    color-scheme: dark;\n    --bg: #14100e;\n    --bg-elev: #1f1815;\n    --bg-soft: #1f1815;\n    --bg-raised: #2a211d;\n    --fg: #ebe4de;\n    --muted: #a89488;\n    --faint: #6e5f56;\n    --line: #3d2f28;\n    --accent: #07a0e5;\n    --accent-strong: #0bbefb;\n    --accent-dim: #0371c1;\n    --rust: #b85c38;\n    --rust-muted: #8a4530;\n    --good: #4ade80;\n    --warn: #fbbf24;\n    --bad: #fb7185;\n    font-family: Inter, system-ui, sans-serif;\n}\n* { box-sizing: border-box; }\nbody {\n    margin: 0;\n    background: var(--bg);\n    color: var(--fg);\n    line-height: 1.55;\n}\na { color: var(--accent-strong); text-decoration: none; }\na:hover { color: var(--accent); }\nmain.layout {\n    max-width: 1360px; margin: 0 auto; padding: 1.5rem;\n    display: flex; flex-direction: column; gap: 1.5rem;\n}\n.topbar {\n    position: sticky; top: 0; z-index: 10;\n    background: var(--bg-elev); border-bottom: 1px solid var(--line); margin: 0 -1.5rem;\n    padding: 0.9rem 1.5rem;\n}\n.topbar-inner, .hero, .split, .grid, .detail-grid { display: grid; gap: 1.5rem; }\n.topbar-inner { grid-template-columns: 1.3fr auto; align-items: center; }\n.nav { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }\n.nav a {\n    padding: 0.45rem 0.75rem; border-radius: 8px;\n    background: var(--bg-raised); color: var(--muted); border: 1px solid var(--line);\n}\n.nav a:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }\n.nav a.active {\n    background: color-mix(in srgb, var(--rust) 28%, var(--bg-raised));\n    color: var(--fg); border-color: var(--rust);\n}\n.nav a.brand-link {\n    background: transparent;\n    border-color: transparent;\n    color: var(--fg);\n    font-weight: 650;\n    letter-spacing: 0.02em;\n    padding-left: 0.15rem;\n    padding-right: 0.9rem;\n}\n.nav a.brand-link:hover {\n    color: var(--accent);\n    border-color: transparent;\n    background: transparent;\n}\n.hero { grid-template-columns: 2fr 1fr; }\n.grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));\n    gap: 1.5rem;\n    row-gap: 1.5rem;\n    column-gap: 1.5rem;\n}\n.split, .detail-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: 1.5rem;\n}\n.panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result {\n    background: var(--bg-raised);\n    border: 1px solid var(--line);\n    border-radius: 10px;\n}\n.panel, .card, .table-shell, .graph-shell, .print-card, .search-result { padding: 1rem 1.1rem; }\n.metric { padding: 0; overflow: hidden; }\n.metric-link, .metric > span, .metric > strong {\n    display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem; color: inherit;\n}\n.metric-link:hover { background: color-mix(in srgb, var(--accent) 10%, var(--bg-raised)); }\n.metric-label, .subtle, .eyebrow, .breadcrumbs { color: var(--muted); }\n.metric-value { font-size: 1.75rem; color: var(--accent-strong); }\n.eyebrow { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.75rem; color: var(--rust); }\n.page-header { display: grid; gap: 0.55rem; }\n.page-header h1 { margin: 0; }\n.page-header .eyebrow { margin: 0; }\n.page-header .subtle { margin: 0; }\n.toolbar {\n    display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between;\n    margin-bottom: 0.9rem;\n}\n.toolbar .actions, .pill-row, .breadcrumbs { display: flex; gap: 0.75rem; row-gap: 0.85rem; flex-wrap: wrap; align-items: center; }\n.chip, .pill {\n    display: inline-flex; align-items: center; gap: 0.35rem;\n    padding: 0.28rem 0.6rem; border-radius: 8px;\n    border: 1px solid var(--line); background: var(--bg); color: var(--muted);\n}\na.pill:hover { color: var(--accent-strong); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.graph-controls-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.65rem;\n    align-items: center;\n    margin-bottom: 0.9rem;\n    padding: 0.8rem;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    background: var(--bg);\n}\n.graph-shell > .pill-row { margin-bottom: 0.9rem; }\n.graph-filter {\n    flex: 1 1 180px;\n    min-width: 160px;\n}\n.scd {\n    position: relative;\n    flex: 1 1 180px;\n    min-width: 160px;\n}\n.scd-trigger {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.55rem;\n    width: 100%;\n    min-height: 2.35rem;\n    padding: 0.4rem 0.75rem;\n    border: 1px solid var(--line);\n    border-radius: 8px;\n    background: var(--bg-soft);\n    color: var(--fg);\n    font: inherit;\n    cursor: pointer;\n    text-align: left;\n}\n.scd.is-open .scd-trigger,\n.scd-trigger:hover {\n    border-color: var(--accent-dim);\n}\n.scd.has-selection .scd-trigger {\n    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));\n}\n.scd.is-searching .scd-trigger {\n    border-color: var(--line);\n}\n.scd.is-loading .scd-trigger {\n    opacity: 0.72;\n}\n.scd-trigger-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.scd-chevron {\n    width: 0;\n    height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 5px solid currentColor;\n    opacity: 0.7;\n    flex: 0 0 auto;\n}\n.scd.is-open .scd-chevron { transform: rotate(180deg); }\n.scd-panel {\n    position: absolute;\n    z-index: 50;\n    top: calc(100% + 0.35rem);\n    left: 0;\n    right: auto;\n    width: max(100%, 15rem);\n    max-width: min(20rem, 80vw);\n    max-height: 18rem;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    background: var(--bg-elev);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);\n    overflow: hidden;\n}\n/* Author display:flex overrides the UA [hidden] rule; keep closed panels invisible. */\n.scd-panel[hidden] {\n    display: none;\n}\n.scd-search-row {\n    display: flex;\n    gap: 0.45rem;\n    padding: 0.65rem;\n    border-bottom: 1px solid var(--line);\n    opacity: 0.72;\n}\n.scd-search-row.is-active { opacity: 1; }\n.scd-search {\n    flex: 1;\n    min-width: 0;\n    padding: 0.4rem 0.55rem;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--bg) 88%, transparent);\n    color: var(--muted);\n    font: inherit;\n}\n.scd.is-searching .scd-search,\n.scd-search:focus {\n    border-color: var(--accent-dim);\n    background: var(--bg);\n    color: var(--fg);\n    outline: none;\n}\n.scd-clear {\n    border: none;\n    background: transparent;\n    color: var(--accent-strong);\n    font: inherit;\n    cursor: pointer;\n}\n.scd-list {\n    overflow: auto;\n    padding: 0.25rem 0 0.55rem;\n}\n.scd-group-label {\n    padding: 0.55rem 0.85rem 0.25rem;\n    font-size: 0.72rem;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--muted);\n}\n.scd-option {\n    display: flex;\n    align-items: center;\n    gap: 0.55rem;\n    padding: 0.45rem 0.85rem;\n    cursor: pointer;\n    color: var(--fg);\n}\n.scd-option:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); }\n.scd-option input { margin: 0; }\n.scd-option-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.scd-option-count {\n    flex: 0 0 auto;\n    font-variant-numeric: tabular-nums;\n    font-size: 0.85em;\n    color: var(--muted);\n    opacity: 0.65;\n}\n.scd-option.is-special .scd-option-label { font-style: italic; }\n.scd-option.is-not-present .scd-option-label { color: var(--faint); }\n.scd-option.is-empty .scd-option-label { color: var(--accent-strong); }\n.scd-option.is-unspecified .scd-option-label { color: var(--rust-muted); }\n.scd-empty {\n    margin: 0;\n    padding: 0.85rem;\n    color: var(--muted);\n    font-size: 0.9rem;\n}\n.rollup-list .rollup-special dt {\n    font-style: italic;\n}\n.rollup-list .rollup-not-present dt {\n    color: var(--faint);\n}\n.rollup-list .rollup-empty dt {\n    color: var(--accent-strong);\n}\n.rollup-list .rollup-unspecified dt {\n    color: var(--rust-muted);\n}\n.graph-action {\n    border: 1px solid var(--line);\n    background: var(--bg-soft);\n    color: var(--fg);\n    border-radius: 8px;\n    padding: 0.7rem 0.9rem;\n    cursor: pointer;\n}\n.graph-action:hover { border-color: var(--accent-dim); color: var(--accent-strong); }\n.graph-action.is-active {\n    background: color-mix(in srgb, var(--rust) 28%, var(--bg-soft));\n    border-color: var(--rust);\n    color: var(--fg);\n}\n.graph-status {\n    color: var(--muted);\n    font-size: 0.92rem;\n    margin-left: auto;\n}\n.searchbar, select, input[type=\"search\"] {\n    width: min(100%, 440px); background: var(--bg); color: var(--fg);\n    border: 1px solid var(--line); border-radius: 8px; padding: 0.75rem 0.9rem;\n}\n.searchbar:focus, select:focus, input[type=\"search\"]:focus {\n    outline: none;\n    border-color: var(--accent);\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);\n}\ntable { width: 100%; border-collapse: collapse; }\nth, td {\n    padding: 0.75rem 0.65rem; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top;\n}\nth { color: var(--muted); font-size: 0.94rem; }\ntbody tr:hover { background: var(--bg-raised); }\n.table-shell { overflow-x: auto; }\n.scroll-window {\n    --scroll-window-max: min(28rem, 50vh);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window {\n    max-height: var(--scroll-window-max);\n    overflow: auto;\n    border: 1px solid var(--line);\n    border-radius: 8px;\n    background: var(--bg);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window > table {\n    margin: 0;\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window .entity-list,\nbody[data-runtime-mode=\"interactive\"] .scroll-window .rollup-list {\n    padding: 0.75rem;\n}\n.sortable-th { padding: 0.45rem 0.4rem; }\n.sort-button {\n    display: inline-flex; align-items: center; gap: 0.35rem;\n    width: 100%; margin: 0; padding: 0.3rem 0.25rem;\n    border: 0; background: transparent; color: inherit;\n    font: inherit; text-align: left; cursor: pointer;\n}\n.sort-button:hover { color: var(--fg); }\n.sort-button.sort-active { color: var(--accent-strong); }\n.sort-indicator { color: var(--faint); font-size: 0.8em; min-width: 1em; }\n.sort-button.sort-active .sort-indicator { color: var(--accent-strong); }\n.table-filter-toggle {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 2.25rem; height: 2.25rem; padding: 0;\n    border: 1px solid var(--line); border-radius: 8px;\n    background: var(--bg-raised); color: var(--muted); cursor: pointer;\n}\n.table-filter-toggle:hover { color: var(--fg); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.table-filter-toggle.is-active {\n    color: var(--fg);\n    border-color: var(--accent);\n    background: color-mix(in srgb, var(--accent) 18%, var(--bg-raised));\n}\n.table-filter-toggle.has-filters:not(.is-active) {\n    color: var(--accent-strong);\n    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));\n}\n.table-filter-toggle svg { width: 1rem; height: 1rem; display: block; }\n.table-filter-actions {\n    display: flex; justify-content: flex-end; gap: 0.55rem;\n    margin-bottom: 0.65rem;\n}\n.column-filter-row { display: none; }\n.column-filter-row.is-open { display: table-row; }\n.column-filter-row th {\n    padding: 0.35rem 0.4rem 0.75rem; border-bottom: 1px solid var(--line); font-weight: 400;\n}\n.column-filter {\n    width: 100%; min-width: 4.5rem; background: var(--bg); color: var(--fg);\n    border: 1px solid var(--line); border-radius: 6px; padding: 0.4rem 0.55rem; font-size: 0.85rem;\n}\n.column-filter:focus {\n    outline: none;\n    border-color: var(--accent);\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window thead tr:first-child th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--bg-raised);\n    box-shadow: 0 1px 0 var(--line);\n}\nbody[data-runtime-mode=\"interactive\"] .scroll-window thead .column-filter-row.is-open th {\n    position: sticky;\n    top: 2.65rem;\n    z-index: 1;\n    background: var(--bg-raised);\n    box-shadow: 0 1px 0 var(--line);\n}\n.entity-list { display: grid; gap: 1.5rem; }\n.entity-card {\n    border: 1px solid var(--line); border-radius: 10px; padding: 0.9rem 1rem; background: var(--bg);\n    color: inherit;\n}\n.entity-card:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }\n.entity-card h3, .entity-card p { margin: 0; }\n.entity-card p + p, .entity-card strong + p, .entity-card h3 + p { margin-top: 0.35rem; }\n.panel > h2, .table-shell > h2, .graph-shell > h2, .print-card > h3 { margin-top: 0; margin-bottom: 0.75rem; }\n.toolbar h2 { margin: 0; }\n.rollup-list { display: grid; gap: 0.5rem; }\n.rollup-list div {\n    display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: 0.4rem;\n}\n.rollup-list dd { margin: 0; }\n.distribution-track {\n    height: 0.7rem;\n    min-width: 6rem;\n    border-radius: 999px;\n    background: var(--bg);\n    border: 1px solid var(--line);\n    overflow: hidden;\n}\n.distribution-fill {\n    display: block;\n    height: 100%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--accent-dim), var(--accent-strong));\n    min-width: 0;\n}\n.graph-root {\n    position: relative;\n    min-height: 620px;\n}\n.graph-root.is-booting {\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    background: var(--bg);\n}\n.graph-boot {\n    display: grid;\n    justify-items: center;\n    gap: 0.75rem;\n    padding: 1.5rem;\n    text-align: center;\n    color: var(--muted);\n}\n.graph-boot p { margin: 0; }\n.graph-boot-spinner {\n    width: 1.35rem;\n    height: 1.35rem;\n    border: 2px solid color-mix(in srgb, var(--muted) 35%, transparent);\n    border-top-color: var(--accent-strong);\n    border-radius: 50%;\n    animation: graph-boot-spin 0.7s linear infinite;\n}\n@keyframes graph-boot-spin {\n    to { transform: rotate(360deg); }\n}\n.graph-root canvas {\n    display: block;\n    width: 100%;\n    min-height: 620px;\n    background: var(--bg);\n    border-radius: 10px;\n    border: 1px solid var(--line);\n    touch-action: none;\n    cursor: grab;\n}\n.graph-root canvas.is-panning { cursor: grabbing; }\n.graph-root canvas.is-dragging-node { cursor: pointer; }\n.search-results { display: grid; gap: 0.7rem; margin-top: 1rem; }\n.search-result:hover { border-color: var(--accent-dim); }\n.hidden { display: none !important; }\n.breadcrumbs a { color: var(--muted); }\n.breadcrumbs a:hover { color: var(--accent-strong); }\n.section-link { font-size: 0.92rem; }\n.prose p { line-height: 1.55; }\n.idea-summary { white-space: normal; }\n.idea-ref {\n    display: inline;\n    padding: 0.05em 0.35em;\n    margin: 0 0.05em;\n    border-radius: 0.3em;\n    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line));\n    background: color-mix(in srgb, var(--accent) 14%, var(--bg-raised));\n    color: var(--accent-strong);\n    font-weight: 600;\n    text-decoration: none;\n    white-space: nowrap;\n}\na.idea-ref:hover {\n    color: var(--fg);\n    border-color: var(--accent);\n    background: color-mix(in srgb, var(--accent) 22%, var(--bg-raised));\n}\n.idea-ref--file {\n    border-color: color-mix(in srgb, var(--rust) 40%, var(--line));\n    background: color-mix(in srgb, var(--rust) 16%, var(--bg-raised));\n    color: #e8a07a;\n}\na.idea-ref--file:hover {\n    color: var(--fg);\n    border-color: var(--rust);\n}\n.idea-ref--unresolved {\n    border-style: dashed;\n    border-color: color-mix(in srgb, var(--warn) 45%, var(--line));\n    background: color-mix(in srgb, var(--warn) 10%, var(--bg-raised));\n    color: var(--warn);\n    font-weight: 500;\n}\npre.code-like {\n    white-space: pre-wrap; padding: 0.9rem; border-radius: 8px;\n    background: var(--bg); border: 1px solid var(--line);\n}\n@media (max-width: 900px) {\n    .hero, .topbar-inner { grid-template-columns: 1fr; }\n}\n@media print {\n    :root { color-scheme: light; }\n    body { background: white; color: black; }\n    .topbar, .searchbar, .toolbar .actions, .graph-shell .toolbar, .column-filter-row, .table-filter-toggle, .table-filter-actions, .hide-on-print { display: none !important; }\n    .sort-button { cursor: default; }\n    .panel, .metric, .card, .table-shell, .graph-shell, .print-card, .search-result, .entity-card {\n        background: white; color: black; border-color: #cbd5e1; box-shadow: none;\n    }\n    .scroll-window {\n        max-height: none !important;\n        overflow: visible !important;\n        border: none !important;\n        background: transparent !important;\n    }\n    .scroll-window thead th {\n        position: static !important;\n        box-shadow: none !important;\n    }\n    a { color: black; text-decoration: underline; }\n    .print-break-avoid { break-inside: avoid; }\n}\n";
 export declare const APP_JS: string;
 export declare function buildSearchIndexScript(documents: unknown): string;