Chart Prompts

Restyle my chart in the "Workload by Person" 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 design studio's weekly resourcing board. Warm sand paper, friendly avatar circles, calm earthy project colors, and overbooked people gently flagged in red rather than shouted at.

Colors (use these exact values):
- Background: #F8F4EC.
- Series, in order: #D9622B (terracotta), #3F6212 (sage), #3B5B92 (dusk blue).
- Overbooked row tint #F8DCD6; over-capacity text #B42318; capacity line #3F3A33.
- Ink #1F2937, secondary text #6B6358, gridlines #E6DDCD.
- Avatar circles in soft pastel tints with a darker matching tone for the initials, e.g. #F9D8C9 / #9A3412, #D9E8C6 / #3F6212, #D5DEF0 / #1E3A6E, #EAD3E6 / #86198F.

Typography (Google Fonts):
- Poppins 600 27px for the title, -0.4px letter-spacing, stating the finding.
- Rubik for everything else: subtitle 14px #6B6358; legend 500 13px; names 500 14px; roles 11.5px; segment values 500 12px white; row totals 600 13.5px; right column 12.5px; axis 12px; source 11.5px.

Layout:
- 48px margins. Title at y 64, subtitle at y 92, legend row at y 130 (14px rounded squares, then a dashed capacity swatch and a tint swatch labeled "Overbooked").
- Eight rows, 44px pitch, starting near y 170. Left column: a 16px-radius avatar circle with initials at x 66 and name plus role at x 92.
- Bars start at x 262 at 10.4px per hour; a right column at x 912 says "+6 over" in red or "4 free" in muted text.
- Footer at y 578: source left, a total like "Studio total 300 h of 320 h capacity" right.

Axes and grid:
- Vertical 1px #E6DDCD gridlines every 10 units with "10 h" labels under the rows. No y-axis line.
- Capacity as a vertical 1.6px #3F3A33 line dashed 4 on 3, drawn over the bars.

Marks:
- Bar chart: horizontal stacked bars 22px tall, 1px gaps between segments, only the right end rounded (5px). Segment values centered inside in white when the segment is 4 units or more. The row total follows the bar end in 600 13.5px with a 5px halo stroke in the row's background color so it stays legible over the capacity line; red when over capacity. Rows over capacity get a full-width #F8DCD6 rounded (10px) tint band behind them. Sort rows by total, largest first.
- Line chart: one 2.5px line per series in the same three colors with 4px dots, the capacity as a horizontal dashed #3F3A33 line, points above it ringed in #B42318, and any period over capacity shaded with a #F8DCD6 band; direct labels at line ends instead of a legend if there is room.

Avoid: saturated primaries, 3D, heavy borders, pure black, and gradients.

When you're done, render the chart and check that exactly the over-capacity rows are tinted, the title's count matches them, row totals sum correctly, and no total label is struck through by the capacity line.