Chart Prompts

Restyle my chart in the "Ticket Tiers" 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 box office summary printed on theater velvet. Deep red background, a tall, delicate display headline, pale gold and dusty rose bars and pill-shaped tags like the tier cards on a ticket counter.

Colors (use these exact values):
- Background: #2A0D12 (deep velvet red), flat.
- Current period: #E7C77A (pale gold). Previous period: #B47A7F (muted rose).
- Text: #F3E9D8 (cream) for the headline, legend and tag names; #A88C88 for the subtitle, axis labels and footer. Pure #FFFFFF only for the per-group reference rule and its label.
- Tag fill #3E1820 with a 1px #E7C77A border at 55% opacity. Gridlines and footer rule #44202A; baseline #A88C88.

Typography (Google Fonts):
- Italiana for the headline only: 40px, #F3E9D8, stating the finding.
- Karla for everything else: eyebrow 11.5px 700 uppercase with 3px letter-spacing in #E7C77A; subtitle 15.5px #A88C88 including the total and change; legend 13.5px cream; axis labels 12.5px; bar value labels 12.5px 700 gold (current) and 12px 400 rose (previous); reference labels 12px 500 white; tag names 11px 700 uppercase with 1.2px letter-spacing; change figures 12.5px 600.

Layout:
- 56px side margins. Eyebrow at y 50, headline at y 100, subtitle at y 128. Legend row at y 165: the white reference rule swatch and its meaning on the left, the two period swatches (14px, rx 2) on the right.
- Plot from x 104 to 904, y 236 to 474. Tier tags 12px under the baseline, and the change vs. the previous period centered 54px under it (gold if up, rose if down, with a true minus sign).
- Footer rule at y 552, source left and an explanatory note right at y 576.

Axes and grid:
- 1px #44202A horizontal gridlines at round values with right-aligned labels, a 1px #A88C88 baseline, no y-axis line.
- Categories are named on pill tags (22px tall, fully rounded) rather than plain axis text.

Marks:
- Bar chart: grouped bars, 40px wide with a 4px gap inside each pair, 3px rounded tops, zero-based. Current period gold on the left, previous period rose on the right, each with its value 8px above. A second measure in different units (such as average price) is never a second axis: draw a 1.5px white rule spanning the pair 32px above the taller bar with the value labeled above it ("$114 avg").
- Line chart: the current period as a 3px gold line with r 5 gold dots and the previous period as a 2px rose line with hollow r 4 dots, both labeled at their ends; category tags under the axis as above, and any second measure as white labeled values above the points.

Avoid: gradients or vignettes that band, dual axes, bright reds, pure white text beyond the reference labels, and square category labels.

When you're done, render the chart and check that the headline's biggest change is really the biggest, totals add up, the reference labels clear the value labels, and the tags fit their text.