Chart Prompts

Restyle my chart in the "Genome Track" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a genome browser in dark mode. Dense but orderly: stacked horizontal tracks share one coordinate axis, and a highlighted region pulls the eye to the finding.

Colors (use these exact values):
- Background: #161E29 (dark slate). Track panels: #1C2633.
- Normal data bars: #2BB3A3 (teal). Bars above the cutoff: #F08A76 (salmon); the cutoff line and its label use the same salmon.
- Region of interest: #F5D76E at 12% opacity across all tracks, with 1px dashed (3 on 3 off) edges at 70% opacity and the region label in 700 #F5D76E.
- Gene models: #A9B8CA. Primary text #DCE3EC, secondary #8795A7, gridlines #2A3646.

Typography (Google Fonts):
- Roboto for the title (700, 25px, stating the finding) and subtitle (400, 15px, #8795A7, measure, unit and the key comparison).
- Roboto Mono for everything else: locus line 12px, track names 500 11px uppercase with 1px letter-spacing, ruler labels 11px, gene names italic 12px, y labels 11px with a "×" suffix, annotations and legend 11px.

Layout:
- 40px side margins. Title, subtitle, then a locus line ("species · chr4:start–end") at left and a small chromosome ideogram at right (220 x 10px, 5px radius, darker bands, a notch for the centromere, and a 1.6px salmon viewport box showing where the window sits).
- Three stacked track panels from x 40 to 910 with 6px gaps: POSITION (about 44px tall), GENES (about 74px) and the main data track (the rest). Track names sit top left in each panel; data spans x 150 to 910.
- A compact legend row at the bottom right (10px swatches) and the source at bottom left.

Axes and grid:
- Ruler: a 1px #8795A7 line with upward ticks every unit (3px), every 5 (6px) and every 10 (9px, #DCE3EC) and labels like "1,250 kb" above the major ticks.
- Data track: 1px #2A3646 horizontal gridlines at round values labeled at left, a 1px #8795A7 baseline, and a salmon 1px dashed (4 on 3 off) cutoff line labeled at its right end.

Marks:
- Bar chart: a histogram of thin vertical bars, one per bin, with a 0.9px gap between bars, square tops and no outlines; teal by default, salmon above the cutoff.
- Gene track: a 1.2px intron line with small chevrons every 16px pointing along the strand, 16px tall exon rectangles, and the final exon drawn as a pentagon with a 7px arrow tip in the direction of transcription; gene name centered 16px above.
- Line chart: draw the data track as a 1.5px teal step line with a teal area fill at 25% opacity, switching both stroke and fill to salmon where the value is above the cutoff, keeping the same ruler, gene track and highlight above it.
- Annotations: a short 1px #8795A7 leader to a small label for notable gaps; the region label centered at the top of the highlight in the data track.

Avoid: gradients, glows, rounded bars, thick outlines, more than two data colors, and a y axis title (the subtitle carries the unit).

When you're done, render the chart and check that every track shares the same x scale, the highlight spans exactly the region in all tracks, bars above the cutoff and only those are salmon, gene arrows point the right way for their strand, and the means quoted in the subtitle match the data.