.chart-doc-page {font-size:15px;line-height:1.75;min-width:0}
.chart-doc-page .breadcrumb {margin-bottom:20px}
.chart-doc-page .line-title-row h1 {font-size:34px}
.chart-doc-page h3 {font-size:16px;margin:26px 0 12px}
.chart-tier {padding:3px 8px;border:1px solid var(--line);border-radius:5px;font:600 10px var(--font-mono);color:var(--accent-ink)}
.chart-demo-frame {display:block;width:100%;border:0;background:var(--bg);color-scheme:normal}
.chart-demo-theme {font-size:11px;color:var(--faint)}
.chart-event {padding:10px 20px;border-top:1px solid var(--line);font:11px/1.6 var(--font-mono);color:var(--muted);min-height:38px;max-height:100px;overflow:auto;overflow-wrap:anywhere}
.chart-reset {margin-left:auto;padding:5px 0;color:var(--muted);font-size:12px}
.chart-reset:hover {color:var(--accent-ink)}
.chart-playground {border-top:1px solid var(--line);padding:16px 20px;background:var(--bg)}
.chart-playground-heading {display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
.chart-playground-heading > span {color:var(--faint);font-size:11px}
.chart-option-group {border-top:1px solid var(--line);padding:0 0 4px}
.chart-option-group > summary {display:flex;align-items:center;gap:8px;padding:12px 0;cursor:pointer;list-style:none;font-size:12px;font-weight:600;color:var(--muted)}
.chart-option-group > summary::-webkit-details-marker {display:none}
.chart-option-group > summary span {font:10px var(--font-mono);color:var(--faint)}
.chart-option-group > summary svg {margin-left:auto;transition:transform .15s}
.chart-option-group[open] > summary svg {transform:rotate(90deg)}
.chart-option-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.chart-option-field {display:grid;gap:6px;min-width:0;font-size:12px;color:var(--muted)}
.chart-option-field[hidden] {display:none}
.chart-option-field input,.chart-option-field select {width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--line-strong,var(--line));border-radius:6px;background:var(--surface);color:var(--text);font:13px var(--font-sans)}
.chart-option-field input::placeholder {color:var(--faint)}
.chart-option-color {display:flex;gap:6px;min-width:0}
.chart-option-color input[type=color] {width:34px;flex:none;padding:4px;cursor:pointer}
.chart-option-color input[type=color][data-automatic=true] {opacity:.5}
.chart-option-toggles {display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:14px 0 10px}
.chart-option-toggles:empty,.chart-option-fields:empty {display:none}
.chart-option-toggle {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;cursor:pointer}
.chart-option-toggle input {width:15px;height:15px;accent-color:var(--accent-ink)}
.chart-option-group[open]:has(.chart-option-toggles:empty) .chart-option-fields {margin-bottom:12px}
.chart-playground :is(input,select,summary,button):focus-visible {outline:2px solid var(--accent-ink);outline-offset:3px}
@media(max-width:620px){.chart-playground{padding:14px 16px}.chart-playground-heading{flex-wrap:wrap;gap:6px}.chart-playground-heading>span{order:3;flex-basis:100%}.chart-option-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-option-toggles{gap:12px 16px}}
.chart-doc-page .line-table-scroll {max-width:100%;overflow:auto}
.chart-doc-page .line-api-table {table-layout:fixed;width:100%;min-width:590px}
.chart-doc-page .line-api-table td {vertical-align:top;overflow-wrap:anywhere}
.chart-doc-page .line-api-table td small {white-space:pre-wrap;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.chart-doc-page .line-api-table th:nth-child(2) {width:33%}
.chart-doc-page [data-chart-data] table {min-width:420px;table-layout:auto}
.chart-data-label {font:12px var(--font-mono);color:var(--muted);margin:12px 20px}
.chart-example-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.chart-example-list > button {display:block;padding:18px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);min-width:0}
.chart-example-list > button:hover {border-color:var(--accent)}
.chart-guide-card {display:block;padding:18px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}
.chart-guide-card:hover {border-color:var(--accent)}
.chart-example-list span {display:block;color:var(--accent-ink);font:11px var(--font-mono);margin-bottom:8px}
.chart-example-list strong {font-size:14px;font-weight:600}
.chart-example-list p {font-size:13px;color:var(--muted);line-height:1.7;margin:8px 0 14px}
.chart-example-list small {display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent-ink)}
.chart-doc-page .code-panel pre {padding:20px 90px 20px 18px;max-height:480px}
.chart-doc-page .line-code-frame .code-panel {border:0;border-radius:0}
.chart-preview-source {border-top:1px solid var(--line);scroll-margin-top:100px}
.chart-preview-source > summary {display:flex;align-items:center;gap:8px;padding:11px 20px;background:var(--surface);font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;list-style:none}
.chart-preview-source > summary::-webkit-details-marker {display:none}
.chart-preview-source > summary:hover {color:var(--text)}
.chart-preview-source > summary svg:last-child {margin-left:auto;transition:transform .15s}
.chart-preview-source[open] > summary svg:last-child {transform:rotate(90deg)}
.chart-preview-source .line-code-tabs {border-top:1px solid var(--line);flex-wrap:wrap}
.chart-preview-source .code-panel {border:0;border-radius:0}
.chart-preview-source .code-panel pre {max-height:400px;margin:0}
.chart-preview-source #chart-data-panel {max-height:440px;overflow:auto;padding-bottom:4px;background:var(--bg)}
.chart-preview-source .line-table-scroll {margin:0 20px 18px}
.chart-preview-source :is(summary,[role=tab],[role=tabpanel]):focus-visible,.chart-source-link:focus-visible {outline:2px solid var(--accent-ink);outline-offset:-3px}
.chart-source-link {display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--accent-ink)}
@media(max-width:620px){.chart-preview-source>summary{padding:11px 16px}.chart-preview-source .line-code-tabs{padding:0 6px}.chart-preview-source .line-code-tabs button{padding:11px 9px;font-size:12px}.chart-preview-source .line-table-scroll{margin:0 14px 14px}}
.chart-brand-controls,.chart-install-controls {display:flex;flex-wrap:wrap;gap:12px 20px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}
.chart-brand-controls label,.chart-install-controls label {display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}
.chart-brand-controls label[hidden] {display:none}
.chart-brand-controls select,.chart-install-controls select,.chart-api-search input {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--text);padding:8px 10px;font:inherit}
.chart-brand-controls input {max-width:100%;font-size:12px}
.chart-api-search {display:flex;align-items:center;gap:10px;margin:16px 0}
.chart-api-search input {width:100%;font-size:13px}
.chart-api-group {border:1px solid var(--line);border-radius:var(--radius-m);margin:16px 0;overflow:hidden}
.chart-api-group > summary {cursor:pointer;padding:14px 16px;background:var(--surface);font-size:13px;font-weight:600}
.chart-api-group summary span {margin-left:8px;color:var(--faint);font:11px var(--font-mono)}
.chart-api-group > p {margin:16px;font-size:13px;color:var(--muted)}
.chart-api-group .line-table-scroll {border-radius:0;margin:0}
.chart-api-empty {font-size:13px;color:var(--muted)}
#chart-api-tooltip {max-height:calc(100dvh - 24px);overflow:auto}
#chart-api-tooltip .chart-type-contract {font-size:12px;color:var(--muted);padding:8px 14px;border-top:1px solid var(--line)}
#chart-api-tooltip .chart-type-contract summary {cursor:pointer}
#chart-api-tooltip .chart-type-contract pre {margin:12px -4px 0;max-height:200px;font-size:11px}
.chart-doc-page .line-note {display:flex;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);font-size:13px;color:var(--muted)}
.chart-doc-page .line-note svg {flex:none;margin-top:4px}
@media(max-width:620px){.chart-doc-page .line-title-row h1{font-size:28px}.chart-example-list{grid-template-columns:1fr}.chart-demo-theme{display:none}.chart-doc-page .code-panel pre{padding:48px 14px 16px}.chart-event{padding:10px 14px}.chart-brand-controls,.chart-install-controls{padding:14px}.chart-doc-page .line-api-table{min-width:530px}}

.chart-install-controls {align-items:center;margin-bottom:16px}
.chart-install-controls a {display:inline-flex;align-items:center;gap:6px;font-size:13px}

.chart-feature-jump {display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-size:12px;margin-left:auto}
.chart-streaming-jump {display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font:12px var(--font-sans);cursor:pointer}
.chart-streaming-jump .chart-tier {font-size:9px}
.chart-feature-filters {display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.chart-feature-filters button {display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--bg);font:12px var(--font-sans);cursor:pointer}
.chart-feature-filters button[aria-pressed=true] {color:var(--accent-ink);border-color:var(--accent);background:var(--surface)}
.chart-feature-filters span {font:10px var(--font-mono);color:var(--faint)}
.chart-feature-examples {display:grid;gap:24px}
.chart-feature-card {border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--bg);min-width:0}
.chart-feature-card[hidden] {display:none}
.chart-feature-card > header {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}
.chart-feature-card > header > div {min-width:0}
.chart-feature-card > header > .example-prompt {grid-column:1 / -1}
.chart-feature-card h3 {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 8px;font-size:16px}
.chart-feature-card p {margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.chart-feature-card header button {flex:none;display:flex;align-items:center;gap:5px;color:var(--accent-ink);font-size:11px;cursor:pointer;padding:5px 0}
.chart-feature-card header button[aria-pressed=true] {font-weight:600}
.chart-feature-section :is(button,summary):focus-visible {outline:2px solid var(--accent-ink);outline-offset:3px}
@media(max-width:620px){.chart-feature-card>header{padding:16px;grid-template-columns:minmax(0,1fr);row-gap:8px}.chart-feature-card>header>.example-prompt{margin-top:2px}.chart-feature-card>header>button{justify-self:start}.chart-feature-jump{font-size:11px}.chart-doc-page .line-demo-toolbar{flex-wrap:wrap;gap:12px}.chart-doc-page .line-demo-toolbar>label{width:100%}.chart-doc-page .line-demo-toolbar select{max-width:100%;width:100%}}