the empty size option names the size

"Inherit (default)" answers a question nobody asked. What somebody wants from
that dropdown is what it is now — and a label that will not say makes them change
the setting to find out, which is the one way to lose the answer.

It reads Default (4xl) at the smallest width and Inherit (2xl) above it. The
stylesheet's own sizes come from the API, which reads them out of styles.css.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

web/sections/LayoutPanel.tsx

@@ -65,6 +65,8 @@ type Layout = {
   font_sizes: FontSizes;
   /** The type scale, sent by the API so this file holds no copy of it. */
   text_steps: string[];
+  /** What each role is with nothing chosen, read from the site's stylesheet. */
+  size_defaults: Record<string, string>;
   /** Each step's length, so the live preview can build the same CSS the site would. */
   text_sizes: Record<string, string>;
   /**
@@ -390,6 +392,7 @@ export const LayoutPanel = () => {
             <FontSizesTab
               sizes={draft.font_sizes}
               steps={draft.text_steps}
+              defaults={draft.size_defaults}
               onChange={(font_sizes) => patch({ font_sizes })}
             />
           </AccordionContent>