pptx-react-viewer 4.19.0 → 4.20.0

package/dist/{chunk-E3TLDJPS.js → chunk-B7VFDY5Z.js}

@@ -32687,11 +32687,11 @@ var init_raster_canvas = __esm({
     };
   }
 });
-function drawGlyph(canvas, glyph, ox, oy, size) {
-  const color2 = GLYPH_COLORS[glyph];
+function drawGlyph(canvas, glyph2, ox, oy, size) {
+  const color2 = GLYPH_COLORS[glyph2];
   canvas.fillRect(ox, oy, size, size, color2);
   const inset2 = size * 0.12;
-  switch (glyph) {
+  switch (glyph2) {
     case "excel": {
       for (let i2 = 1; i2 < 3; i2++) {
         canvas.drawLine(ox, oy + size * i2 / 3, ox + size, oy + size * i2 / 3, WHITE, 1);
@@ -32726,13 +32726,13 @@ function drawGlyph(canvas, glyph, ox, oy, size) {
 function renderOleIconPng(options = {}) {
   const width = options.width ?? 128;
   const height = options.height ?? 96;
-  const glyph = options.glyph ?? "unknown";
+  const glyph2 = options.glyph ?? "unknown";
   const caption = (options.caption ?? "").trim();
   const canvas = new RasterCanvas(width, height, rgb(255, 255, 255, 0));
   const glyphSize = Math.min(width * 0.5, height * 0.55);
   const glyphX = (width - glyphSize) / 2;
   const glyphY = height * 0.08;
-  drawGlyph(canvas, glyph, glyphX, glyphY, glyphSize);
+  drawGlyph(canvas, glyph2, glyphX, glyphY, glyphSize);
   if (caption.length > 0) {
     const scale2 = Math.max(1, Math.floor(width / 64));
     const maxTextWidth = width - 8;
@@ -36303,11 +36303,11 @@ function placeTwoColumns(shapes, centre, top, gap, sp) {
   const rects = [];
   let bottom = top;
   for (const side2 of [0, 1]) {
-    const column = shapes.filter((_, i2) => i2 % 2 === side2);
-    const width = Math.max(0, ...column.map((shape) => boundsOf(shape.rects).w));
+    const column2 = shapes.filter((_, i2) => i2 % 2 === side2);
+    const width = Math.max(0, ...column2.map((shape) => boundsOf(shape.rects).w));
     const left = side2 === 0 ? centre - gap / 2 - width : centre + gap / 2;
     let y = top;
-    for (const shape of column) {
+    for (const shape of column2) {
       const bounds = boundsOf(shape.rects);
       rects.push(...shiftShape(shape, left - bounds.x, y - bounds.y).rects);
       y += bounds.h + sp;
@@ -75619,12 +75619,12 @@ var init_PptxTableDataParser = __esm({
           const gridColumns = this.context.ensureArray(
             tableNode["a:tblGrid"]?.["a:gridCol"]
           );
-          const totalWidthEmu = gridColumns.reduce((sum, column) => {
-            const width = parseInt(String(column?.["@_w"] || "0"), 10) || 0;
+          const totalWidthEmu = gridColumns.reduce((sum, column2) => {
+            const width = parseInt(String(column2?.["@_w"] || "0"), 10) || 0;
             return sum + width;
           }, 0);
-          const columnWidths = totalWidthEmu > 0 ? gridColumns.map((column) => {
-            const width = parseInt(String(column?.["@_w"] || "0"), 10) || 0;
+          const columnWidths = totalWidthEmu > 0 ? gridColumns.map((column2) => {
+            const width = parseInt(String(column2?.["@_w"] || "0"), 10) || 0;
             return width / totalWidthEmu;
           }) : gridColumns.map(() => 1 / Math.max(gridColumns.length, 1));
           const tableProperties = tableNode["a:tblPr"] || {};
@@ -76513,7 +76513,7 @@ function getTableGridExtent(graphicData) {
   const grid = table2["a:tblGrid"];
   const widthEmu = ensureArrayLike3(
     grid?.["a:gridCol"]
-  ).reduce((sum, column) => sum + readPositiveInteger(column?.["@_w"]), 0);
+  ).reduce((sum, column2) => sum + readPositiveInteger(column2?.["@_w"]), 0);
   const heightEmu = ensureArrayLike3(table2["a:tr"]).reduce(
     (sum, row) => sum + readPositiveInteger(row?.["@_h"]),
     0
@@ -128592,8 +128592,8 @@ function writeTableColumnWidths(tbl, columnWidths) {
   if (!columns.length || columns.length !== columnWidths.length) {
     return;
   }
-  const existingWidths = columns.map((column) => {
-    const value = column["@_w"];
+  const existingWidths = columns.map((column2) => {
+    const value = column2["@_w"];
     return typeof value === "number" || typeof value === "string" && value.trim() !== "" ? Number(value) : NaN;
   });
   if (existingWidths.some((width) => !Number.isSafeInteger(width) || width < 0)) {
@@ -128985,11 +128985,11 @@ function applyTableStructureEditXml(table2, source, next, edit) {
       const removedCells = cells(rows[index]);
       const nextCells = rows[index + 1] ? cells(rows[index + 1]) : [];
       removedCells.forEach(
-        (removed, column) => promoteTextBody(
-          source?.rows[index]?.cells[column],
-          next.rows[index]?.cells[column],
+        (removed, column2) => promoteTextBody(
+          source?.rows[index]?.cells[column2],
+          next.rows[index]?.cells[column2],
           removed,
-          nextCells[column],
+          nextCells[column2],
           axis
         )
       );
@@ -167069,13 +167069,13 @@ ${htmlRows.join("\n")}
   escapeHtml(text23) {
     return text23.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
-  markOccupied(occupancy, row, column) {
+  markOccupied(occupancy, row, column2) {
     const set2 = occupancy.get(row) ?? /* @__PURE__ */ new Set();
-    set2.add(column);
+    set2.add(column2);
     occupancy.set(row, set2);
   }
-  isOccupied(occupancy, row, column) {
-    return occupancy.get(row)?.has(column) ?? false;
+  isOccupied(occupancy, row, column2) {
+    return occupancy.get(row)?.has(column2) ?? false;
   }
   /**
    * Returns true if the table can be rendered as a simple markdown table
@@ -174848,31 +174848,31 @@ var init_chart_horizontal_axis = __esm2({
     init_chart_view_model();
   }
 });
-function estimatedGlyphAdvanceRatio(glyph) {
-  if (/\p{Mark}/u.test(glyph)) {
+function estimatedGlyphAdvanceRatio(glyph2) {
+  if (/\p{Mark}/u.test(glyph2)) {
     return 0;
   }
-  if (/\s/u.test(glyph)) {
+  if (/\s/u.test(glyph2)) {
     return 0.33;
   }
   if (/[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Extended_Pictographic}]/u.test(
-    glyph
+    glyph2
   )) {
     return 1;
   }
-  if (/[A-Z]/u.test(glyph)) {
+  if (/[A-Z]/u.test(glyph2)) {
     return 0.65;
   }
-  if (/[a-z0-9]/u.test(glyph)) {
+  if (/[a-z0-9]/u.test(glyph2)) {
     return 0.55;
   }
-  if (/[,.;:!?()\u005b\u005d{}'"`\-_/\\]/u.test(glyph)) {
+  if (/[,.;:!?()\u005b\u005d{}'"`\-_/\\]/u.test(glyph2)) {
     return 0.35;
   }
   return 0.6;
 }
 function estimatedTextWidth(glyphs, fontSize) {
-  return glyphs.reduce((sum, glyph) => sum + estimatedGlyphAdvanceRatio(glyph) * fontSize, 0);
+  return glyphs.reduce((sum, glyph2) => sum + estimatedGlyphAdvanceRatio(glyph2) * fontSize, 0);
 }
 function estimateTextWidth(text3, fontSize) {
   return estimatedTextWidth(Array.from(text3), fontSize);
@@ -174886,12 +174886,12 @@ function estimatedWrapUnits(text3) {
       unbreakableRun = "";
     }
   };
-  for (const glyph of Array.from(text3)) {
-    if (/\s/u.test(glyph) || BREAKABLE_GLYPH_RE.test(glyph)) {
+  for (const glyph2 of Array.from(text3)) {
+    if (/\s/u.test(glyph2) || BREAKABLE_GLYPH_RE.test(glyph2)) {
       flushRun();
-      units.push(glyph);
+      units.push(glyph2);
     } else {
-      unbreakableRun += glyph;
+      unbreakableRun += glyph2;
     }
   }
   flushRun();
@@ -189779,26 +189779,26 @@ function fitGlyphEnvelopeAffine(warp, box, shapeHeight = 0) {
   };
 }
 var FLATTEN_FRACTION = 1 / 240;
-function placeGlyph(glyph, warp, maxSegment, shapeHeight) {
+function placeGlyph(glyph2, warp, maxSegment, shapeHeight) {
   const base = {
-    char: glyph.char,
-    segmentIndex: glyph.segmentIndex,
-    x: glyph.x,
-    y: glyph.baseline
+    char: glyph2.char,
+    segmentIndex: glyph2.segmentIndex,
+    x: glyph2.x,
+    y: glyph2.baseline
   };
-  const outlinePath = glyph.outline ? buildWarpedGlyphOutlinePathD(glyph.outline, warp, maxSegment) : void 0;
+  const outlinePath = glyph2.outline ? buildWarpedGlyphOutlinePathD(glyph2.outline, warp, maxSegment) : void 0;
   if (outlinePath) {
-    const origin = warp.map(glyph.x, glyph.baseline);
-    const dx = origin.x - glyph.x;
-    const dy = origin.y - glyph.baseline;
+    const origin = warp.map(glyph2.x, glyph2.baseline);
+    const dx = origin.x - glyph2.x;
+    const dy = origin.y - glyph2.baseline;
     return { ...base, transform: `matrix(1 0 0 1 ${dx} ${dy})`, outlinePath };
   }
-  const size = envelopeFontSizePx(glyph.font);
-  const box = glyph.ink ? { x0: glyph.ink.left, x1: glyph.ink.right, y0: glyph.ink.top, y1: glyph.ink.bottom } : {
-    x0: glyph.x,
-    x1: glyph.x + Math.max(glyph.advance, 1e-3),
-    y0: glyph.baseline - size * 0.72,
-    y1: glyph.baseline
+  const size = envelopeFontSizePx(glyph2.font);
+  const box = glyph2.ink ? { x0: glyph2.ink.left, x1: glyph2.ink.right, y0: glyph2.ink.top, y1: glyph2.ink.bottom } : {
+    x0: glyph2.x,
+    x1: glyph2.x + Math.max(glyph2.advance, 1e-3),
+    y0: glyph2.baseline - size * 0.72,
+    y1: glyph2.baseline
   };
   const fit = fitGlyphEnvelopeAffine(warp, box, shapeHeight);
   return { ...base, transform: fit.transform, slices: fit.slices };
@@ -189818,7 +189818,7 @@ function buildGlyphEnvelopeBlock(preset22, paragraphs2, width, height, align, ad
   }
   const maxSegment = Math.max(1e-3, (layout.box.right - layout.box.left) * FLATTEN_FRACTION);
   return layout.lines.map(
-    (line5) => line5.map((glyph) => placeGlyph(glyph, warp, maxSegment, height))
+    (line5) => line5.map((glyph2) => placeGlyph(glyph2, warp, maxSegment, height))
   );
 }
 function signedArea(ring) {
@@ -213670,7 +213670,7 @@ function buildComparisonSlide(ctx) {
   const headerH = 7e5;
   const bodyY = 254e4;
   const bodyH = 358e4;
-  const column = (x, headKey, headFill, side2) => [
+  const column2 = (x, headKey, headFill, side2) => [
     templateShape(
       ctx,
       { x, y: headerY, w: HALF_PANEL_W, h: headerH },
@@ -213696,8 +213696,8 @@ function buildComparisonSlide(ctx) {
   ];
   return [
     ...buildTitleBand(ctx, ctx.t("slideTitle")),
-    ...column(TEMPLATE_MARGIN_EMU, "optionA", "accent1", "Left"),
-    ...column(RIGHT_PANEL_X, "optionB", "accent2", "Right")
+    ...column2(TEMPLATE_MARGIN_EMU, "optionA", "accent1", "Left"),
+    ...column2(RIGHT_PANEL_X, "optionB", "accent2", "Right")
   ];
 }
 function buildQuoteSlide(ctx) {
@@ -214823,10 +214823,10 @@ function measureTextWidth2(text3, font) {
   ctx.font = font;
   return ctx.measureText(text3).width;
 }
-function fillLeaderWithMeasure(glyph, width, measure22) {
-  const glyphWidth = Math.max(1, measure22(glyph));
+function fillLeaderWithMeasure(glyph2, width, measure22) {
+  const glyphWidth = Math.max(1, measure22(glyph2));
   const count = Math.ceil(width / glyphWidth) + 1;
-  return glyph.repeat(count);
+  return glyph2.repeat(count);
 }
 init_constants3();
 var ADVANCE_STEPS_PER_PX2 = 6;
@@ -215339,9 +215339,9 @@ function measure3(text3, font) {
 }
 function hangSpaceWordSpacing(ch, font) {
   const size = font.fontSizePx ?? 16;
-  const glyph = measure3(ch, font) ?? (ch >= "\uFF61" ? size / 2 : size);
+  const glyph2 = measure3(ch, font) ?? (ch >= "\uFF61" ? size / 2 : size);
   const space = measure3(" ", font) ?? size / 4;
-  return `${Math.round((glyph - space) * 1e3) / 1e3}px`;
+  return `${Math.round((glyph2 - space) * 1e3) / 1e3}px`;
 }
 function breaksBetween(ch, next, options) {
   return options.breakAnywhere && next !== void 0 && (isEastAsianChar(ch) || isEastAsianChar(next)) && !/\s/u.test(ch) && !/\s/u.test(next) && !(options.hangingPunctuation && HANGING.has(next));
@@ -240716,12 +240716,12 @@ function themeColorVariantToRef(scheme, variant) {
   return variant.kind === "lighter" ? { scheme, lumMod, lumOff: fraction } : { scheme, lumMod };
 }
 function describeThemeColorSwatch(ref, variant) {
-  const column = COLUMN_LABELS[ref.scheme] ?? ref.scheme;
+  const column2 = COLUMN_LABELS[ref.scheme] ?? ref.scheme;
   if (!variant) {
-    return column;
+    return column2;
   }
   const word = variant.kind === "lighter" ? "Lighter" : "Darker";
-  return `${column}, ${word} ${variant.percent}%`;
+  return `${column2}, ${word} ${variant.percent}%`;
 }
 function buildThemeColorSwatchGrid(themeColorMap) {
   if (!themeColorMap) {
@@ -240765,8 +240765,8 @@ function themeColorRefsEqual(a, b) {
 }
 function findSelectedThemeSwatch(columns, ref, hex22) {
   if (ref) {
-    for (const column of columns) {
-      const swatches2 = [column.base, ...column.variants];
+    for (const column2 of columns) {
+      const swatches2 = [column2.base, ...column2.variants];
       const match = swatches2.find((swatch) => themeColorRefsEqual(swatch.ref, ref));
       if (match) {
         return match;
@@ -240778,8 +240778,8 @@ function findSelectedThemeSwatch(columns, ref, hex22) {
     return void 0;
   }
   const normalized = hex22.trim().toLowerCase();
-  for (const column of columns) {
-    const swatches2 = [column.base, ...column.variants];
+  for (const column2 of columns) {
+    const swatches2 = [column2.base, ...column2.variants];
     const match = swatches2.find((swatch) => swatch.hex.toLowerCase() === normalized);
     if (match) {
       return match;
@@ -240794,10 +240794,10 @@ function themeColorSwatchRows(columns) {
   if (columns.length === 0) {
     return [];
   }
-  const variantRowCount = Math.max(...columns.map((column) => column.variants.length));
-  const rows = [columns.map((column) => column.base)];
+  const variantRowCount = Math.max(...columns.map((column2) => column2.variants.length));
+  const rows = [columns.map((column2) => column2.base)];
   for (let i2 = 0; i2 < variantRowCount; i2++) {
-    rows.push(columns.map((column) => column.variants[i2]));
+    rows.push(columns.map((column2) => column2.variants[i2]));
   }
   return rows;
 }
@@ -242404,9 +242404,9 @@ function capitalizeDayName(word) {
   return word;
 }
 function replaceFractions(word) {
-  for (const [plain, glyph] of FRACTIONS) {
+  for (const [plain, glyph2] of FRACTIONS) {
     if (word === plain) {
-      return glyph;
+      return glyph2;
     }
   }
   return word;
@@ -247492,21 +247492,21 @@ function schemeNode(val2, transforms = {}) {
 function refNode(idx, color2) {
   return { "@_idx": String(idx), ...color2 };
 }
-function refColor2(color2, column) {
+function refColor2(color2, column2) {
   if (color2 === "col") {
-    return schemeNode(column);
+    return schemeNode(column2);
   }
   if (typeof color2 === "string") {
     return schemeNode(color2);
   }
-  return schemeNode(column, { shade: color2.shade });
+  return schemeNode(column2, { shade: color2.shade });
 }
-function themeShapeStyleXml(row, column) {
+function themeShapeStyleXml(row, column2) {
   const spec5 = THEME_ROWS[row];
   return {
-    "a:lnRef": refNode(spec5.ln[0], refColor2(spec5.ln[1], column)),
-    "a:fillRef": refNode(spec5.fill[0], refColor2(spec5.fill[1], column)),
-    "a:effectRef": refNode(spec5.effect, schemeNode(column)),
+    "a:lnRef": refNode(spec5.ln[0], refColor2(spec5.ln[1], column2)),
+    "a:fillRef": refNode(spec5.fill[0], refColor2(spec5.fill[1], column2)),
+    "a:effectRef": refNode(spec5.effect, schemeNode(column2)),
     "a:fontRef": refNode("minor", schemeNode(spec5.font))
   };
 }
@@ -247592,9 +247592,9 @@ function parseItemId(id) {
   }
   const block = match[1];
   const row = Number(match[2]);
-  const column = SHAPE_STYLE_COLUMNS[Number(match[3])];
+  const column2 = SHAPE_STYLE_COLUMNS[Number(match[3])];
   const rows = block === "theme" ? SHAPE_THEME_STYLE_ROWS.length : SHAPE_PRESET_ROWS.length;
-  return column && row < rows ? { block, row, column } : null;
+  return column2 && row < rows ? { block, row, column: column2 } : null;
 }
 function resolveTheme(xml, ctx) {
   return ctx.resolveStyleMatrix?.(xml) ?? fallbackResolveStyleMatrix(xml, ctx.themeColorMap);
@@ -247609,8 +247609,8 @@ function schemeHex(ref, ctx) {
   const overrides28 = { ...ctx.themeColorMap };
   return parseDrawingColorChoice({ "a:schemeClr": transforms }, overrides28) ?? "#000000";
 }
-function presetStyle(spec5, column, ctx) {
-  const scheme = column;
+function presetStyle(spec5, column2, ctx) {
+  const scheme = column2;
   const style = {};
   if (spec5.fill.kind === "none") {
     Object.assign(style, { fillMode: "none", fillColor: "transparent", fillOpacity: 0 });
@@ -247695,14 +247695,14 @@ function styleMatches(element, style) {
 }
 function item2(block, row, rowIndex, col, ctx) {
   const id = `${block}-${rowIndex}-${col}`;
-  const column = SHAPE_STYLE_COLUMNS[col];
+  const column2 = SHAPE_STYLE_COLUMNS[col];
   const resolved = resolveItem(id, ctx);
   const style = resolved?.shapeStyle ?? {};
   return {
     id,
     labelKey: `pptx.gallery.shapeStyles.${row.key}`,
-    labelParams: { color: COLUMN_LABELS2[column] },
-    label: `${row.label} - ${COLUMN_LABELS2[column]}`,
+    labelParams: { color: COLUMN_LABELS2[column2] },
+    label: `${row.label} - ${COLUMN_LABELS2[column2]}`,
     previewSvg: shapeTileSvg(tileSpecFromShapeStyle(`gss-${id}`, style, TILE4, resolved?.fontColor)),
     applied: styleMatches(ctx.element, style)
   };
@@ -254376,169 +254376,106 @@ var RECORD_COMMAND_GROUPS = [
     ]
   }
 ];
-var EDITOR_ARRANGE_CSS = `
+var EDITOR_CLUSTER_CSS = `
 @media (min-width: 768px) {
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] :is(
-    [data-pptx-chrome="align-controls"], [data-pptx-chrome="distribute-controls"],
-    [data-pptx-chrome="flip-controls"], [data-pptx-chrome="group-controls"]
-  ) { display: inline-flex; flex: none; align-items: center; gap: 0; border: 0; padding: 0; background: var(--pptx-muted); border-radius: 3px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] :is(
-    [data-pptx-chrome="align-controls"], [data-pptx-chrome="distribute-controls"]
-  ) > button {
-    display: inline-flex; align-items: center; justify-content: center; flex: none;
-    box-sizing: border-box; width: 36px; height: 28px; padding: 6px 10px;
-    border: 0; border-radius: 3px; font-size: 12px; line-height: 16px; gap: 6px;
-    color: var(--pptx-foreground); background: var(--pptx-muted);
+  [data-pptx-editor-chrome] [data-pptx-chrome="control-cluster"] {
+    display: inline-flex; align-items: center; gap: 0; border: 0; padding: 0; background: transparent;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="distribute-controls"] > button:first-child { width: 37px; border-right: 1px solid var(--pptx-border); }
   [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] :is(
-    [data-pptx-chrome="align-controls"], [data-pptx-chrome="distribute-controls"]
-  ) > button:disabled { opacity: .4; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] :is(
-    [data-pptx-chrome="align-controls"], [data-pptx-chrome="distribute-controls"]
-  ) svg { width: 16px; height: 16px; flex: none; }
+    [data-pptx-chrome="align-controls"], [data-pptx-chrome="distribute-controls"],
+    [data-pptx-chrome="flip-controls"], [data-pptx-chrome="group-controls"], [data-pptx-chrome="order-controls"]
+  ) { display: inline-flex; flex: none; align-items: center; gap: 0; border: 0; padding: 0; background: transparent; }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"] {
-    display: inline-flex; flex: none; align-items: center; gap: 0; border: 0; padding: 0;
-    background: var(--pptx-muted); border-radius: 3px;
+    display: inline-flex; flex: none; align-items: center; gap: 0; border: 0; padding: 0; background: transparent;
   }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"] [data-pptx-ribbon-control="crop"] {
     box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
-    width: 37px; height: 28px; padding: 6px 10px; margin: 0;
-    border: 0; border-right: 1px solid var(--pptx-border); border-radius: 0; background: transparent;
+    min-width: 28px; height: 24px; padding: 0 6px; margin: 0; border: 0; border-radius: 4px 0 0 4px; background: transparent;
   }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"] [data-pptx-ribbon-control="crop-menu"] {
     box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
-    width: 32px; height: 24px; min-height: 24px; padding: 6px 10px; margin: 0;
-    border: 0; border-radius: 0; background: transparent; color: var(--pptx-foreground);
-    font-size: 12px; line-height: 16px; gap: normal;
+    width: 16px; min-width: 16px; height: 24px; padding: 0; margin: 0; border: 0; border-radius: 0 4px 4px 0;
+    background: transparent; color: var(--pptx-foreground); font-size: 12px; line-height: 16px; gap: normal;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"] [data-pptx-ribbon-control="crop-menu"] svg { width: 12px; height: 12px; }
-}
-`;
-var EDITOR_CLUSTER_CSS = `
-@media (min-width: 768px) {
-  [data-pptx-editor-chrome] [data-pptx-chrome="order-controls"],
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) { background: var(--pptx-muted); border-radius: 3px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) [data-pptx-chrome="gallery-caret"] { padding: 0 2px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="distribute-controls"] > button {
-    border-radius: 0; background: transparent; gap: normal;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"]
-  [data-pptx-ribbon-control="crop"] { gap: normal; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.shapes"], [data-ribbon-control="home.drawing.arrange"]
-  ) > button:first-child > svg:first-of-type { order: -1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.crop"] [data-pptx-ribbon-control="crop-menu"] svg { width: 10px; height: 10px; }
 }
 `;
+var R = '[data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome]';
+var BTN = `${R} :is(
+    button[data-ribbon-control^="home."],
+    [data-ribbon-control^="home."] > button,
+    [data-ribbon-control^="home."] > span > button,
+    [data-pptx-chrome="control-cluster"] > button,
+    [data-pptx-chrome$="-controls"] > button
+  )`;
+var LARGE = `${R} :is(button, [data-ribbon-control^="home."] > button, [data-pptx-chrome="control-cluster"] > button)[data-size="large"]`;
 var EDITOR_CONTROLS_CSS = `
 @media (min-width: 768px) {
   [data-pptx-editor-chrome] [data-pptx-chrome="home-content"] { gap: 0; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-group^="home."] { gap: 2px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"]
-  [data-ribbon-control^="home."]:not(button, input, select, pptx-ui-select) {
+  ${R} [data-ribbon-control^="home."]:not(button, input, select, pptx-ui-select) {
     display: inline-flex; align-items: center; line-height: 16px;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="home-group"] {
-    gap: 2px; padding: 0 4px 0 0; margin-right: 4px;
-    border-right: 1px solid color-mix(in oklab, var(--pptx-border) 40%, transparent);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."],
-    [data-ribbon-control^="home."] > button,
-    [data-ribbon-control^="home."] > span > button
-  ) {
-    display: inline-flex; align-items: center; justify-content: center;
-    box-sizing: border-box; height: 28px; padding: 6px 10px; min-width: 0; width: auto;
-    border: 0; border-radius: 3px; font-size: 12px; line-height: 16px;
-    color: var(--pptx-foreground); background: var(--pptx-muted); gap: 6px;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
-  ):disabled { opacity: 0.4; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
-  ):hover:not(:disabled) { background: var(--pptx-accent); }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
-  )[aria-pressed="true"] { background: var(--pptx-accent); }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
-  ) svg { width: 16px; height: 16px; flex: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] {
-    display: flex; align-items: center; gap: 4px;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls-fragment"] { display: contents; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="slides-controls"] {
-    display: flex; align-items: center; gap: 4px;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="slides-controls"] > [data-pptx-chrome="slides-buttons"] { display: contents; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="split-button"] {
-    position: relative; display: inline-flex; align-items: center; gap: 0;
-    padding: 0; border: 0; border-radius: 3px; background: transparent;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="split-segment"] {
-    display: inline-flex; align-items: center; padding: 0; border: 0; border-radius: 0;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-pptx-chrome="split-button"]:has([data-pptx-chrome="split-caret"]:not([hidden])) [data-pptx-chrome="split-main"] {
-    border-top-right-radius: 0; border-bottom-right-radius: 0;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] [data-pptx-chrome="ribbon-content"] [data-pptx-chrome="split-main"] {
-    display: inline-flex; align-items: center; justify-content: center;
-    height: 28px; padding: 6px 10px; gap: 6px; border: 0; border-radius: 3px; font-size: 12px; line-height: 16px;
-    background: var(--pptx-muted); color: var(--pptx-foreground);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] [data-pptx-chrome="ribbon-content"] [data-pptx-chrome="split-caret"] {
-    display: inline-flex; align-items: center; justify-content: center;
-    box-sizing: border-box; height: 28px; width: 36px; min-width: 36px; max-width: 36px;
-    padding: 6px 8px; margin: 0; border: 0; border-radius: 0 3px 3px 0;
-    font-size: 12px; line-height: 16px; background: var(--pptx-muted); color: var(--pptx-foreground);
-    border-left: 1px solid color-mix(in oklab, var(--pptx-border) 40%, transparent);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="split-caret"] svg { display: block; flex: none; width: 16px; height: 16px; margin: 0; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] [data-pptx-chrome="ribbon-content"] :is([data-pptx-chrome="split-main"], [data-pptx-chrome="split-caret"]):hover:not(:disabled) {
-    background: var(--pptx-accent);
-  }
+  ${BTN} {
+    display: inline-flex; align-items: center; justify-content: center; flex: none;
+    box-sizing: border-box; height: 24px; padding: 0 6px; min-width: 28px; width: auto;
+    border: 0; border-radius: 4px; font-size: 12px; line-height: 16px; gap: 6px;
+    color: var(--pptx-foreground); background: transparent; white-space: nowrap;
+  }
+  ${BTN}:disabled { opacity: 0.4; }
+  ${BTN}:hover:not(:disabled) { background: var(--pptx-accent); }
+  ${BTN}:active:not(:disabled) { background: color-mix(in oklab, var(--pptx-accent) 70%, var(--pptx-primary)); }
+  ${BTN}[aria-pressed="true"] {
+    background: color-mix(in oklab, var(--pptx-primary) 22%, transparent);
+    box-shadow: inset 0 0 0 1px var(--pptx-primary);
+  }
+  ${BTN} svg { width: 16px; height: 16px; flex: none; }
+  ${LARGE} {
+    flex-direction: column; justify-content: flex-start; min-width: 48px; height: 66px; min-height: 66px;
+    padding: 3px 6px; gap: 2px; line-height: 15px;
+  }
+  ${LARGE} svg { width: 32px; height: 32px; stroke-width: 1.35; }
+  ${LARGE} svg.chev { width: 9px; height: 9px; margin-top: -1px; stroke-width: 2.2; }
+  ${BTN} svg.chev { width: 10px; height: 10px; stroke-width: 2.2; }
+  ${R} [data-pptx-chrome="font-controls"] { display: flex; align-items: center; gap: 4px; }
+  ${R} [data-pptx-chrome="font-controls-fragment"] { display: contents; }
+  ${R} [data-pptx-chrome="slides-controls"] { display: flex; align-items: flex-start; gap: 2px; }
+  ${R} [data-pptx-chrome="slides-controls"] > [data-pptx-chrome="slides-buttons"] { display: contents; }
+  /* Split buttons: the glyph and caption press the main action, the strip beneath opens the menu. */
+  ${R} [data-pptx-chrome="split-button"] {
+    position: relative; display: inline-flex; align-items: stretch; gap: 0; padding: 0; border: 0; background: transparent;
+  }
+  ${R} [data-pptx-chrome="split-button"]:has([data-size="large"]) { flex-direction: column; }
+  ${R} button[data-pptx-chrome="split-main"][data-size="large"] { height: 52px; min-height: 52px; border-radius: 4px 4px 0 0; }
+  ${R} button[data-pptx-chrome="split-caret"][data-size="caret"] {
+    min-width: 0; height: 14px; min-height: 14px; padding: 0; border-radius: 0 0 4px 4px; align-self: stretch;
+  }
+  ${R} button[data-pptx-chrome="split-caret"][data-size="caret"] svg { width: 10px; height: 10px; stroke-width: 2.2; }
+  ${R} [data-pptx-chrome="split-caret"]:not([data-size]) {
+    min-width: 16px; padding: 0 2px; border-radius: 0 4px 4px 0; height: auto; align-self: stretch;
+  }
+  ${R} [data-pptx-chrome="split-caret"]:not([data-size]) svg { width: 10px; height: 10px; stroke-width: 2.2; }
 }
 `;
 var EDITOR_FONT_PICKER_CSS = `
 @media (min-width: 768px) {
   [data-pptx-editor-chrome] [data-pptx-chrome="font-groups"] { display: contents; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-picker-controls"] {
-    display: flex; align-items: center; gap: 4px;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="control-cluster"] {
-    display: inline-flex; align-items: center; gap: 0; border: 0; padding: 0;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-pptx-chrome="control-cluster"] {
-    background: var(--pptx-muted); border-radius: 3px; overflow: hidden;
-  }
+  /* Font and highlight colours: the glyph over its colour bar, as in Office. */
   [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] :is(
-    [data-ribbon-control^="home.font."] > div > button,
-    [data-ribbon-control^="home.font."] > button,
-    button[data-ribbon-control^="home.font."]
-  ) { flex: none; box-sizing: border-box; height: 28px; width: 36px; padding: 6px 10px; gap: 6px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] :is([data-ribbon-control$="Color"] > button:first-child, [data-ribbon-control$="Color"] > div:first-child > button:first-child, [data-ribbon-control$="Color"] > span:first-child > button:first-child) {
-    width: 58px; flex-direction: row;
+    [data-ribbon-control$="Color"] > button:first-child, [data-ribbon-control$="Color"] > div:first-child > button:first-child,
+    [data-ribbon-control$="Color"] > span:first-child > button:first-child
+  ) {
+    flex-direction: column; justify-content: center; width: 28px; min-width: 28px; padding: 0; gap: 1px;
   }
   [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-ribbon-control$="Color"] [data-pptx-chrome="color-swatch"] {
-    box-sizing: border-box; display: block; width: 16px; height: 4px; margin: -2px 0 0;
-    border: 0; border-radius: 2px; flex: none;
+    box-sizing: border-box; display: block; width: 16px; height: 4px; margin: 0;
+    border: 0; border-radius: 1px; flex: none;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-ribbon-control^="home.font."] > div > button {
-    display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 3px;
-    font-size: 12px; line-height: 16px; background: var(--pptx-muted); color: var(--pptx-foreground);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-ribbon-control^="home.font."] > div > button:disabled { opacity: .4; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-ribbon-control^="home.font."] > div > button svg { width: 16px; height: 16px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="font-controls"] [data-ribbon-control^="home.font."] > button { padding: 0; min-width: 28px; }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
     [data-ribbon-control="home.font.fontFamily"], [data-ribbon-control="home.font.fontSize"]
   ) {
     --pptx-editor-font-picker-width: 120px;
-    box-sizing: border-box; flex: none; display: inline-flex; align-items: center; height: 28px;
+    box-sizing: border-box; flex: none; display: inline-flex; align-items: center; height: 24px;
     width: var(--pptx-editor-font-picker-width);
     min-width: var(--pptx-editor-font-picker-width);
     max-width: var(--pptx-editor-font-picker-width);
@@ -254549,86 +254486,135 @@ var EDITOR_FONT_PICKER_CSS = `
   }
 }
 `;
+var R2 = '[data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome]';
+var GROUPS = [
+  "home.clipboard",
+  "home.slides",
+  "home.font",
+  "home.paragraph",
+  "home.editing",
+  "home.drawing",
+  "home.arrange"
+].map((id) => `[data-ribbon-group="${id}"]`).join(", ");
+var BREAK = 'content: ""; flex: 0 0 100%; height: 0; order: 6;';
+var LISTS = `:is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"])`;
+var FILL_IDS = ["shapeFill", "shapeOutline", "shapeEffects"].map(
+  (id) => `[data-ribbon-control="home.drawing.${id}"]`
+);
+var FILL_OUTLINE = [...FILL_IDS, ...FILL_IDS.map((id) => `${id} > button`)].join(", ");
 var EDITOR_HOME_LAYOUT_CSS = `
 @media (min-width: 768px) {
   [data-pptx-editor-chrome] [data-pptx-chrome="control-fragment"] { display: contents; }
-  [data-pptx-editor-chrome] pptx-ui-select[variant="ribbon-icon"] {
-    flex: none; width: 36px; min-width: 36px; max-width: 36px;
+  ${R2} :is(${GROUPS}) {
+    position: relative; box-sizing: border-box; align-self: stretch; flex: none;
+    display: flex; flex-direction: column; align-items: center; justify-content: space-between;
+    min-height: 84px; padding: 3px 6px 0; margin: 0; gap: 0; border: 0;
   }
-  [data-pptx-editor-chrome]  :is([data-pptx-chrome="paragraph-controls"], [data-pptx-chrome="drawing-controls"], [data-pptx-chrome="arrange-controls"], [data-pptx-chrome="editing-controls"]) {
-    display: flex; flex-wrap: nowrap; align-items: center; gap: 4px;
+  ${R2} :is(${GROUPS})::after {
+    content: ""; position: absolute; top: 6px; bottom: 6px; right: 0; width: 1px;
+    background: color-mix(in oklab, var(--pptx-border) 80%, transparent);
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="list-controls"] {
-    display: inline-flex; align-items: center; gap: 4px;
-    border: 0; padding: 0; background: transparent;
+  ${R2}:has([data-ribbon-group="home.font"]) :is(.w-px.self-stretch, .pptx-rb-sep, [data-pptx-chrome="ribbon-sep"]),
+  [data-pptx-editor-chrome] [data-pptx-chrome="home-content"] > .pptx-svelte-hometab-sep { display: none; }
+  ${R2} [data-pptx-chrome="ribbon-group-label"] {
+    flex: none; max-width: 100%; height: 16px; font-size: 11px; line-height: 16px; font-weight: 400;
+    color: var(--pptx-muted-foreground); text-align: center; white-space: nowrap;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) { display: inline-flex; align-items: center; gap: 0; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) > button:first-child { width: 36px; height: 28px; border-radius: 3px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) [data-pptx-chrome="gallery-caret"] {
+  ${R2} :is(${GROUPS}) > :is([data-pptx-chrome$="-controls"], .row) {
+    flex: 1 1 auto; display: flex; align-items: flex-start; gap: 2px;
+  }
+  ${R2} :is([data-pptx-chrome="list-controls"], [data-pptx-chrome="font-picker-controls"]) { display: contents; }
+
+  /* Font: family, size, grow, shrink, clear on the first row; styles, spacing, case and colours on the second. */
+  ${R2} [data-ribbon-group="home.font"] [data-pptx-chrome="font-controls"] {
+    flex-wrap: wrap; align-content: flex-start; align-items: center; gap: 5px 2px; width: 282px;
+  }
+  ${R2} [data-ribbon-group="home.font"] [data-pptx-chrome="font-controls"]::after { ${BREAK} }
+  ${R2} [data-ribbon-control="home.font.fontFamily"] { order: 1; }
+  ${R2} [data-ribbon-control="home.font.fontSize"] { order: 2; }
+  ${R2} [data-ribbon-control="home.font.increaseFontSize"] { order: 3; }
+  ${R2} [data-ribbon-control="home.font.decreaseFontSize"] { order: 4; }
+  ${R2} [data-ribbon-control="home.font.clearFormatting"] { order: 5; }
+  ${R2} [data-ribbon-control="home.font.bold"] { order: 10; }
+  ${R2} [data-ribbon-control="home.font.italic"] { order: 11; }
+  ${R2} [data-ribbon-control="home.font.underline"] { order: 12; }
+  ${R2} [data-ribbon-control="home.font.shadow"] { order: 13; }
+  ${R2} [data-ribbon-control="home.font.strikethrough"] { order: 14; }
+  ${R2} [data-ribbon-control="home.font.characterSpacing"] { order: 15; }
+  ${R2} [data-ribbon-control="home.font.changeCase"] { order: 16; }
+  ${R2} [data-ribbon-control="home.font.highlightColor"] { order: 17; }
+  ${R2} [data-ribbon-control="home.font.fontColor"] { order: 18; }
+
+  /* Paragraph: lists, indents and line spacing, then alignment, direction and columns. */
+  ${R2} [data-ribbon-group="home.paragraph"] [data-pptx-chrome="paragraph-controls"] {
+    flex-wrap: wrap; align-content: flex-start; align-items: center; gap: 5px 2px; width: 196px;
+  }
+  ${R2} [data-ribbon-group="home.paragraph"] [data-pptx-chrome="paragraph-controls"]::after { ${BREAK} }
+  ${R2} [data-ribbon-control="home.paragraph.bullets"] { order: 1; }
+  ${R2} [data-ribbon-control="home.paragraph.numbering"] { order: 2; }
+  ${R2} [data-ribbon-control="home.paragraph.decreaseIndent"] { order: 3; }
+  ${R2} [data-ribbon-control="home.paragraph.increaseIndent"] { order: 4; }
+  ${R2} [data-ribbon-control="home.paragraph.lineSpacing"] { order: 5; }
+  ${R2} [data-ribbon-control="home.paragraph.alignLeft"] { order: 10; }
+  ${R2} [data-ribbon-control="home.paragraph.alignCenter"] { order: 11; }
+  ${R2} [data-ribbon-control="home.paragraph.alignRight"] { order: 12; }
+  ${R2} [data-ribbon-control="home.paragraph.justify"] { order: 13; }
+  ${R2} [data-ribbon-control="home.paragraph.textDirection"] { order: 14; }
+  ${R2} [data-ribbon-control="home.paragraph.columns"] { order: 15; }
+  ${R2} ${LISTS} { display: inline-flex; align-items: center; gap: 0; border: 0; background: transparent; }
+  ${R2} ${LISTS} > button:first-child { width: 28px; min-width: 28px; padding: 0; border-radius: 4px 0 0 4px; }
+  ${R2} ${LISTS} [data-pptx-chrome="gallery-caret"] {
     box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
-    width: 24px; min-width: 24px; height: 24px; min-height: 24px; padding: 0 2px;
-    border: 0; border-radius: 0; background: transparent; color: var(--pptx-foreground); gap: normal; font-size: 12px; line-height: 16px;
+    width: 16px; min-width: 16px; height: 24px; min-height: 24px; padding: 0; border: 0; border-radius: 0 4px 4px 0;
+    background: transparent; color: var(--pptx-foreground); gap: normal; font-size: 12px; line-height: 16px;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) [data-pptx-chrome="gallery-caret"] svg { width: 12px; height: 12px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="home-content"] > .pptx-svelte-hometab-sep {
-    width: 1px; height: 20px; align-self: center; margin: 0 4px;
-    background: color-mix(in oklab, var(--pptx-border) 40%, transparent);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="order-controls"] {
-    display: inline-flex; align-items: center; gap: 0; border: 0; padding: 0;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="ribbon-inline-label"] { display: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapes"] { order: 1; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.arrange"] { order: 2; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeFill"] { order: 3; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeOutline"] { order: 4; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.quickStyles"] { order: 5; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeEffects"] { order: 6; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.shapeFill"], [data-ribbon-control="home.drawing.shapeOutline"]
-  ) :is(button:first-child, button svg) { flex: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.shapeFill"], [data-ribbon-control="home.drawing.shapeOutline"]
-  ) > button:first-child,
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.shapeFill"], [data-ribbon-control="home.drawing.shapeOutline"]
-  ) > div:first-child > button:first-child {
-    display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 28px;
-    padding: 6px 10px; border: 0; border-radius: 3px; background: var(--pptx-muted);
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="color-swatch"] { display: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.shapes"], [data-ribbon-control="home.drawing.arrange"]
-  ) > button:first-child > svg:nth-of-type(2) { display: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="drawing-controls"] :is(
-    [data-ribbon-control="home.drawing.quickStyles"], [data-ribbon-control="home.drawing.shapeEffects"]
-  ) > button > svg:last-child { width: 16px; height: 16px; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] .pptx-rb-sep { display: none; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="arrange-extras"] { display: contents; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] [data-ribbon-control="home.arrange.outlineWidth"] { order: 1; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="order-controls"] { order: 2; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] :is(
-    [data-ribbon-control="home.arrange.duplicate"], [data-ribbon-control="home.arrange.delete"]
-  ) { order: 3; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="arrange-controls"] > [data-pptx-chrome="duplicate-controls"] { display: contents; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.outlineWidth"] {
-    box-sizing: border-box; flex: none; width: 52px; height: 26px; padding: 0 4px;
-    border: 1px solid var(--pptx-border); border-radius: 3px; background: var(--pptx-muted);
-    font-size: 11px; line-height: 16px; color: var(--pptx-foreground); text-align: center;
-  }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.arrange.outlineWidth"]:disabled { opacity: .4; }
-  [data-pptx-editor-chrome] [data-ribbon-group="home.editing"][data-pptx-chrome="home-group"] { padding-right: 0; margin-right: 0; border-right: 0; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="list-controls"] > :is(
-    [data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]
-  ) > div { border: 0; }
+  ${R2} ${LISTS} [data-pptx-chrome="gallery-caret"] svg { width: 10px; height: 10px; }
+  ${R2} ${LISTS} > div { border: 0; }
+  [data-pptx-editor-chrome] pptx-ui-select[variant="ribbon-icon"] { flex: none; width: 28px; min-width: 28px; max-width: 28px; }
+
+  /* Editing: Find, Replace and Select stack as three labelled rows. */
+  ${R2} [data-ribbon-group="home.editing"] [data-pptx-chrome="editing-controls"] {
+    flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0;
+  }
+  ${R2} [data-ribbon-group="home.editing"] :is(button, [data-ribbon-control]) { justify-content: flex-start; height: 22px; min-height: 22px; }
+  ${R2} [data-ribbon-group="home.editing"] [data-ribbon-control] > button { height: 22px; min-height: 22px; width: 100%; }
+  ${R2} [data-ribbon-group="home.clipboard"] [data-stack] { gap: 0; }
+  ${R2} [data-ribbon-group="home.clipboard"] [data-stack] > button { height: 22px; min-height: 22px; justify-content: flex-start; }
+
+  /* Drawing: Shapes, Arrange and Quick Styles stand tall; Fill, Outline and Effects stack beside them. */
+  ${R2} [data-ribbon-group="home.drawing"] [data-pptx-chrome="drawing-controls"] {
+    flex-direction: column; flex-wrap: wrap; align-content: flex-start; align-items: stretch; gap: 0 2px; height: 66px; max-height: 66px;
+  }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="ribbon-inline-label"] { display: none; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapes"] { order: 1; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.arrange"] { order: 2; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.quickStyles"] { order: 3; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeFill"] { order: 4; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeOutline"] { order: 5; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeEffects"] { order: 6; }
+  ${R2} [data-pptx-chrome="drawing-controls"] :is(${FILL_OUTLINE}) { height: 22px; min-height: 22px; }
+  ${R2} [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="color-swatch"] { display: none; }
+  ${R2} [data-ribbon-control="home.drawing.quickStyles"] { height: 66px; }
+  ${R2} [data-ribbon-control="home.drawing.quickStyles"] .trigger {
+    flex-direction: column; justify-content: flex-start; min-width: 56px; height: 66px; padding: 3px 6px; gap: 2px; line-height: 15px;
+  }
+  ${R2} [data-ribbon-control="home.drawing.quickStyles"] .trigger svg { width: 32px; height: 32px; stroke-width: 1.35; }
+  ${R2} [data-ribbon-control="home.drawing.shapeEffects"] .trigger { height: 22px; min-height: 22px; width: 100%; justify-content: flex-start; }
+
+  /* Arrange: the viewer's own order, align and edit commands, as flat buttons. */
+  ${R2} [data-pptx-chrome="arrange-controls"] { flex-wrap: nowrap; align-items: center; gap: 2px; }
+  ${R2} [data-pptx-chrome="arrange-controls"] .pptx-rb-sep { display: none; }
+  ${R2} [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="arrange-extras"],
+  ${R2} [data-pptx-chrome="arrange-controls"] > [data-pptx-chrome="duplicate-controls"] { display: contents; }
+  ${R2} [data-pptx-chrome="arrange-controls"] [data-ribbon-control="home.arrange.outlineWidth"] { order: 1; }
+  ${R2} [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="order-controls"] { order: 2; }
+  ${R2} [data-pptx-chrome="arrange-controls"] :is([data-ribbon-control="home.arrange.duplicate"], [data-ribbon-control="home.arrange.delete"]) { order: 3; }
+  ${R2} [data-ribbon-control="home.arrange.outlineWidth"] {
+    box-sizing: border-box; flex: none; width: 52px; height: 24px; padding: 0 4px;
+    border: 1px solid var(--pptx-border); border-radius: 4px; background: transparent;
+    font-size: 12px; line-height: 16px; color: var(--pptx-foreground); text-align: center;
+  }
+  ${R2} [data-ribbon-control="home.arrange.outlineWidth"]:disabled { opacity: .4; }
 }
 `;
 var EDITOR_INSPECTOR_CSS = `
@@ -254754,6 +254740,45 @@ var EDITOR_LAYOUT_CSS = `
   [data-pptx-editor-chrome] [data-pptx-chrome="notes-header"]:hover { color: var(--pptx-foreground); }
 }
 `;
+var R3 = '[data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome]';
+var FACE = '[data-pptx-chrome="ribbon-collapse"]';
+var NATIVE = ":not(pptx-ui-ribbon-group)";
+var EDITOR_COLLAPSE_CSS = `
+@media (min-width: 768px) {
+  /* The dialog launcher: a corner glyph at the bottom right of a group. */
+  ${R3} [data-ribbon-group] > [data-pptx-chrome="group-launcher"] {
+    position: absolute; right: 1px; bottom: 1px; display: inline-flex; align-items: center; justify-content: center;
+    width: 14px; min-width: 14px; height: 14px; min-height: 14px; padding: 0; border: 0; border-radius: 2px;
+    background: transparent; color: var(--pptx-muted-foreground); cursor: pointer;
+  }
+  ${R3} [data-ribbon-group] > [data-pptx-chrome="group-launcher"] svg { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
+  ${R3} [data-ribbon-group] > [data-pptx-chrome="group-launcher"]:hover { background: var(--pptx-accent); color: var(--pptx-foreground); }
+  ${R3} [data-ribbon-group] > [data-pptx-chrome="group-launcher"]:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
+  ${R3} [data-ribbon-group][data-collapsed] > [data-pptx-chrome="group-launcher"] { display: none; }
+  ${R3} [data-ribbon-group] > ${FACE} { display: none; }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > ${FACE} {
+    display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2px;
+    box-sizing: border-box; min-width: 56px; height: 66px; margin: 3px 0 0; padding: 3px 6px;
+    border: 0; border-radius: 4px; background: transparent; color: var(--pptx-foreground);
+    font: inherit; font-size: 12px; line-height: 15px; cursor: pointer;
+  }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > ${FACE}:hover,
+  ${R3} [data-ribbon-group][data-open]${NATIVE} > ${FACE} { background: var(--pptx-accent); }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > ${FACE}:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 2px; }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > ${FACE} svg { width: 32px; height: 32px; flex: none; stroke-width: 1.35; color: var(--pptx-primary); }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > ${FACE} svg.chev { width: 9px; height: 9px; margin-top: -1px; stroke-width: 1.8; color: inherit; }
+  ${R3} [data-ribbon-group][data-collapsed]${NATIVE} > :not(${FACE}) { display: none !important; }
+  ${R3} [data-ribbon-group][data-collapsed][data-open]${NATIVE} > :not(${FACE}):not([data-pptx-chrome="ribbon-group-label"]):not([data-pptx-chrome="group-launcher"]) {
+    display: flex !important; flex-wrap: wrap; position: fixed; top: var(--pptx-collapse-y, 120px); left: var(--pptx-collapse-x, 8px);
+    z-index: 1200; box-sizing: border-box; width: auto; max-width: calc(100vw - 16px); padding: 8px;
+    background: var(--pptx-popover); color: var(--pptx-popover-foreground);
+    border: 1px solid var(--pptx-border); border-radius: 6px; box-shadow: 0 8px 24px #0005;
+  }
+}
+@media (forced-colors: active) {
+  ${R3} [data-ribbon-group][data-collapsed][data-open]${NATIVE} > :not(${FACE}) { border-color: ButtonText; }
+}
+`;
 var EDITOR_RIBBON_CSS = `
 @media (min-width: 768px) {
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] {
@@ -254793,7 +254818,7 @@ var EDITOR_RIBBON_CSS = `
     height: 2.5px; background: var(--pptx-primary);
   }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] {
-    min-height: 82px; padding: 2px 4px; gap: 0; box-sizing: border-box;
+    min-height: 92px; padding: 2px 4px; gap: 0; box-sizing: border-box;
   }
   [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-group-label"] {
     font-size: 9px; line-height: 9px; font-weight: 400;
@@ -254863,7 +254888,7 @@ var EDITOR_THUMBNAIL_CSS = `
   }
 }
 `;
-var EDITOR_CHROME_CSS = EDITOR_LAYOUT_CSS + EDITOR_THUMBNAIL_CSS + EDITOR_RIBBON_CSS + EDITOR_INSPECTOR_CSS + EDITOR_CONTROLS_CSS + EDITOR_FONT_PICKER_CSS + EDITOR_HOME_LAYOUT_CSS + EDITOR_ARRANGE_CSS + EDITOR_CLUSTER_CSS;
+var EDITOR_CHROME_CSS = EDITOR_LAYOUT_CSS + EDITOR_THUMBNAIL_CSS + EDITOR_RIBBON_CSS + EDITOR_INSPECTOR_CSS + EDITOR_CONTROLS_CSS + EDITOR_FONT_PICKER_CSS + EDITOR_HOME_LAYOUT_CSS + EDITOR_CLUSTER_CSS + EDITOR_COLLAPSE_CSS;
 var ARRANGE_ALIGNMENT_ICONS = {
   "home.arrange.align.left": {
     attrs: {
@@ -256099,6 +256124,10 @@ var control = (id, labelKey, fallback, testId, extra = {}) => ({ id, labelKey, f
 var strip3 = (...controls2) => ({
   controls: controls2
 });
+var column = (...controls2) => ({
+  controls: controls2,
+  stack: true
+});
 var pills = (chrome, ...controls2) => ({ controls: controls2, free: true, chrome });
 var text22 = (key2, fallback) => ({ key: key2, fallback });
 var item3 = (value, labelKey, fallback, extra = {}) => ({ value, labelKey, fallback, ...extra });
@@ -256211,6 +256240,7 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
         void 0,
         control("home.slides.newSlide", "pptx.home.newSlide", "New Slide", void 0, {
           text: text22("pptx.home.newSlide", "New Slide"),
+          large: true,
           kind: "layout",
           caret: { labelKey: "pptx.home.chooseLayout", fallback: "Choose layout" }
         }),
@@ -256220,19 +256250,23 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
           "Slide templates",
           void 0,
           {
-            text: text22("pptx.home.slideTemplates", "Slide templates")
+            text: text22("pptx.home.slideTemplates", "Slide templates"),
+            large: true
           }
         ),
         control("home.slides.layout", "pptx.master.layout", "Layout", void 0, {
           text: text22("pptx.master.layout", "Layout"),
+          large: true,
           kind: "layout",
           popup: true
         }),
         control("home.slides.reset", "pptx.sections.resetSlideTitle", "Reset slide", void 0, {
-          text: text22("pptx.animations.reset", "Reset")
+          text: text22("pptx.animations.reset", "Reset"),
+          large: true
         }),
         control("home.slides.section", "pptx.sections.addSection", "Add section", void 0, {
-          text: text22("pptx.sections.sectionButtonLabel", "Section")
+          text: text22("pptx.sections.sectionButtonLabel", "Section"),
+          large: true
         })
       )
     ]
@@ -256243,17 +256277,21 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
         void 0,
         control("home.drawing.shapes", "pptx.drawing.shapes", "Shapes", void 0, {
           text: text22("pptx.drawing.shapes", "Shapes"),
+          large: true,
           kind: "menu",
           items: HOME_SHAPE_ITEMS,
           popup: true
         }),
         control("home.drawing.arrange", "pptx.ribbon.arrange", "Arrange", void 0, {
           text: text22("pptx.ribbon.arrange", "Arrange"),
+          large: true,
           kind: "menu",
           items: HOME_DRAWING_ARRANGE_ITEMS,
           popup: true
         }),
         control("home.drawing.shapeFill", "pptx.drawing.shapeFill", "Shape Fill", void 0, {
+          text: text22("pptx.drawing.shapeFill", "Shape Fill"),
+          chevron: true,
           kind: "colour",
           popup: true,
           colour: { swatches: "shape", theme: true, swatchLabelPrefix: "Fill colour" }
@@ -256264,6 +256302,8 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
           "Shape Outline",
           void 0,
           {
+            text: text22("pptx.drawing.shapeOutline", "Shape Outline"),
+            chevron: true,
             kind: "colour",
             popup: true,
             colour: { swatches: "shape", theme: true, swatchLabelPrefix: "Outline colour" }
@@ -256363,13 +256403,8 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
       )
     ]
   },
+  // No group of its own: the fields are the first row of the Font group the host draws.
   "font-picker": {
-    group: {
-      id: "home.font",
-      captionKey: "pptx.ribbon.font",
-      fallback: "Font",
-      rowChrome: "font-picker-controls"
-    },
     clusters: [
       {
         free: true,
@@ -256444,14 +256479,24 @@ var RIBBON_HOME_FAMILIES = {
     group: { id: "home.clipboard", captionKey: "pptx.ribbon.clipboard", fallback: "Clipboard" },
     clusters: [
       strip3(
-        control("home.clipboard.paste", "pptx.arrange.paste", "Paste"),
-        control("home.clipboard.cut", "pptx.arrange.cut", "Cut"),
-        control("home.clipboard.copy", "pptx.arrange.copy", "Copy"),
+        control("home.clipboard.paste", "pptx.arrange.paste", "Paste", void 0, {
+          large: true,
+          text: text22("pptx.arrange.paste", "Paste")
+        })
+      ),
+      column(
+        control("home.clipboard.cut", "pptx.arrange.cut", "Cut", void 0, {
+          text: text22("pptx.arrange.cut", "Cut")
+        }),
+        control("home.clipboard.copy", "pptx.arrange.copy", "Copy", void 0, {
+          text: text22("pptx.arrange.copy", "Copy")
+        }),
         control(
           "home.clipboard.formatPainter",
           "pptx.arrange.formatPainter",
           "Format Painter",
-          "format-painter-toggle"
+          "format-painter-toggle",
+          { text: text22("pptx.arrange.formatPainter", "Format Painter") }
         )
       )
     ]
@@ -256550,13 +256595,18 @@ var RIBBON_HOME_FAMILIES = {
   },
   editing: {
     clusters: [
-      strip3(
-        control("home.editing.find", "pptx.editing.find", "Find"),
-        control("home.editing.replace", "pptx.ribbon.replace", "Replace")
+      column(
+        control("home.editing.find", "pptx.editing.find", "Find", void 0, {
+          text: text22("pptx.editing.find", "Find")
+        }),
+        control("home.editing.replace", "pptx.ribbon.replace", "Replace", void 0, {
+          text: text22("pptx.ribbon.replace", "Replace")
+        })
       ),
       pills(
         void 0,
         control("home.editing.select", "pptx.ribbon.tool.select", "Select", void 0, {
+          text: text22("pptx.ribbon.tool.select", "Select"),
           kind: "menu",
           popup: true,
           items: HOME_SELECT_ITEMS
@@ -257613,7 +257663,7 @@ button.busy::before { content: ''; width: 12px; height: 12px; border: 2px solid
 @media (prefers-reduced-motion: reduce) { button.busy::before { animation: none; } }
 button:disabled { cursor: not-allowed; opacity: .55; }
 button:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-offset: 2px; }
-@media (pointer: coarse) { button { min-width: 44px; min-height: 44px; } }
+@media (pointer: coarse), (max-width: 767px) { button { min-width: 44px; min-height: 44px; } }
 @media (forced-colors: active) {
 	button, button.primary, button.warning, button.danger { border-color: ButtonText; background: ButtonFace; color: ButtonText; }
 	button:hover:not(:disabled) { background: Highlight; color: HighlightText; }
@@ -259729,29 +259779,29 @@ function createAnimationsGalleryView(doc, controlId, aria, columns, pick) {
   strip22.className = "strip";
   const columnEls = [];
   const buttons = [];
-  columns.forEach((column) => {
+  columns.forEach((column2) => {
     const el = doc.createElement("div");
     el.className = "column";
     el.setAttribute("role", "group");
     columnEls.push(el);
-    for (const item4 of column.items) {
+    for (const item4 of column2.items) {
       const button = doc.createElement("button");
       button.type = "button";
       button.className = "preset";
       button.dataset.pptxCompact = "";
-      button.dataset.tone = column.tone;
+      button.dataset.tone = column2.tone;
       button.dataset.animationPreset = item4.value;
       const name = doc.createElement("span");
       name.className = "name";
       button.append(
         icon(
           doc,
-          column.tone === "path" ? RIBBON_ANIMATION_ICON_PATHS.moveRight : RIBBON_ANIMATION_ICON_PATHS.star,
+          column2.tone === "path" ? RIBBON_ANIMATION_ICON_PATHS.moveRight : RIBBON_ANIMATION_ICON_PATHS.star,
           "tile-icon"
         ),
         name
       );
-      button.addEventListener("click", () => pick(column.key, item4.value));
+      button.addEventListener("click", () => pick(column2.key, item4.value));
       button.addEventListener("keydown", (event) => {
         if (event.key === " " || event.key === "Enter") {
           event.stopPropagation();
@@ -259777,10 +259827,10 @@ function createAnimationsGalleryView(doc, controlId, aria, columns, pick) {
     const moreLabel = animationsLabel(state, "pptx.animations.moreEffects", "More Effects");
     more.setAttribute("aria-label", moreLabel);
     more.title = moreLabel;
-    columns.forEach((column, index) => {
+    columns.forEach((column2, index) => {
       columnEls[index].setAttribute(
         "aria-label",
-        animationsLabel(state, column.labelKey, column.fallback)
+        animationsLabel(state, column2.labelKey, column2.fallback)
       );
     });
     const gated = animationsGated(state);
@@ -260155,21 +260205,29 @@ var RIBBON_COMMAND_STYLES = `
 .badge { position:absolute; top:0; right:0; border-radius:99px; padding:0 3px; background:var(--pptx-primary,#6366f1); color:var(--pptx-primary-foreground,#fff); font-size:9px; }
 .badge[hidden] { display:none; }
 span[hidden],.caret[hidden] { display:none; }
+/* The chevron trails the last line of a large command's label, as PowerPoint draws it. */
 .caret { display:inline-block; width:10px; height:10px; margin-inline-start:2px; vertical-align:-1px; color:var(--pptx-muted-foreground,#94a3b8); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
+/* Large command: Office draws a 32px glyph above a two-line label. */
 button {
 	box-sizing: border-box; position:relative; display: inline-flex; flex-direction: column; align-items: center;
-	justify-content: flex-start; gap: 2px; min-width: 54px; max-width: 78px; height: 58px;
-	padding: 4px; border: 0; border-radius: 4px; background: transparent;
+	justify-content: flex-start; gap: 2px; min-width: 48px; max-width: 80px; height: 66px;
+	padding: 3px 4px; border: 0; border-radius: 4px; background: transparent;
 	color: var(--pptx-foreground, #f9fafb); cursor: pointer; font: inherit;
-	font-size: 9px; line-height: 11px; text-align: center;
+	font-size: 12px; line-height: 15px; text-align: center;
 }
-svg { width: 24px; height: 24px; flex: none; color: var(--pptx-primary, #6366f1);
-	fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
+svg { width: 32px; height: 32px; flex: none; color: var(--pptx-primary, #6366f1);
+	fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
 :host([compact]) button { flex-direction: row; align-items: center; justify-content: flex-start;
-	gap: 6px; min-width: 88px; max-width: none; height: 26px; padding: 0 4px; font-size: 10px; text-align: left; }
-:host([compact]) svg { width: 16px; height: 16px; }
+	gap: 6px; min-width: 0; max-width: none; height: 24px; padding: 0 6px; font-size: 12px; line-height: 16px; text-align: left; }
+:host([compact]) svg { width: 16px; height: 16px; stroke-width: 1.5; }
 :host([icon-only]) button { min-width:28px; max-width:none; height:28px; padding:4px; }
+:host([icon-only]) svg { width: 18px; height: 18px; }
+/* Drawing tools: a tall, label-less button like Office's pen and eraser tiles. */
+:host([icon-only][tall]) button { min-width:40px; max-width:none; height:62px; padding:4px; }
+:host([icon-only][tall]) svg { width:30px; height:30px; }
+:host([icon-only][tall][active]) button { background: color-mix(in srgb, var(--pptx-primary, #6366f1) 22%, transparent); box-shadow: inset 0 0 0 1px var(--pptx-primary, #6366f1); }
 button:hover:not(:disabled) { background: var(--pptx-accent, #33334d); }
+button:active:not(:disabled) { background: color-mix(in srgb, var(--pptx-accent, #33334d) 70%, var(--pptx-primary, #6366f1)); }
 :host([active]) button { background: color-mix(in srgb, var(--pptx-primary, #6366f1) 15%, transparent); color: var(--pptx-primary, #6366f1); }
 button:disabled { opacity: .35; cursor: not-allowed; }
 button:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-offset: 2px; }
@@ -260198,7 +260256,8 @@ function definePptxRibbonCommand(registry) {
       "data-ribbon-control",
       "badge",
       "icon-only",
-      "caret"
+      "caret",
+      "tall"
     ];
     button;
     text;
@@ -260284,11 +260343,11 @@ function definePptxRibbonCommand(registry) {
   registry.define("pptx-ui-ribbon-command", RibbonCommand);
 }
 var RIBBON_DRAW_STYLES = `
-:host { display:inline-flex; align-items:center; color:var(--pptx-foreground,#f8fafc); font:inherit; }
-.tools,.settings,label { display:inline-flex; align-items:center; gap:6px; }
-.tools { gap:2px; }
-.settings { gap:10px; margin-inline-start:10px; font-size:11px; }
-label { color:var(--pptx-muted-foreground,#94a3b8); }
+:host { display:inline-flex; align-items:flex-start; color:var(--pptx-foreground,#f8fafc); font:inherit; }
+.tools,.settings { display:inline-flex; align-items:flex-start; gap:2px; }
+.settings { gap:8px; margin-inline-start:6px; padding-inline-start:8px; border-inline-start:1px solid color-mix(in srgb,var(--pptx-border,#374151) 80%,transparent); font-size:12px; }
+label { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; width:150px; color:var(--pptx-foreground,#f8fafc); }
+label > span { flex:0 0 100%; }
 button,input,summary { font:inherit; color:inherit; box-sizing:border-box; }
 button,summary,input[type=color] { border:1px solid var(--pptx-border,#374151); background:var(--pptx-background,#111827); border-radius:4px; }
 button,summary { cursor:pointer; }
@@ -260299,11 +260358,12 @@ button:disabled,input:disabled { opacity:.4; cursor:default; }
 button:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid var(--pptx-ring,#818cf8); outline-offset:2px; }
 svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
 details { position:relative; }
-summary { padding:5px 8px; min-height:28px; display:flex; align-items:center; gap:6px; list-style:none; }
+/* Pen colour: Office shows the ink colour on the tool; here a swatch sits above its caption. */
+summary { box-sizing:border-box; width:56px; height:62px; padding:4px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:3px; border:0; background:transparent; list-style:none; font-size:12px; line-height:15px; text-align:center; }
 summary::-webkit-details-marker { display:none; }
 summary[aria-disabled=true] { opacity:.4; cursor:default; }
-summary::after { content:'\\2304'; }
-.preview { width:14px; height:14px; border:1px solid var(--pptx-border,#374151); }
+summary::after { content:''; width:6px; height:6px; margin-top:-3px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) scale(.8); }
+.preview { width:30px; height:30px; border:1px solid var(--pptx-border,#374151); border-radius:4px; }
 .palette { box-sizing:border-box; position:fixed; z-index:1200; width:240px; max-width:calc(100vw - 16px); max-height:65vh; overflow:auto; padding:8px; background:var(--pptx-popover,#111827); border:1px solid var(--pptx-border,#374151); border-radius:6px; box-shadow:0 8px 24px #0005; }
 .swatches { display:flex; flex-wrap:wrap; gap:4px; margin:4px 0 8px; }
 .swatch { width:28px; height:28px; border:1px solid var(--pptx-border,#374151); }
@@ -260332,7 +260392,7 @@ function createRibbonDrawView(doc, request) {
   const tools = DRAW_RIBBON_TOOLS.map((tool) => {
     const command = doc.createElement("pptx-ui-ribbon-command");
     command.dataset.ribbonControl = `draw.tools.${tool.id}`;
-    command.setAttribute("compact", "");
+    command.setAttribute("tall", "");
     command.setAttribute("icon-only", "");
     command.setAttribute("icon", tool.icon);
     command.addEventListener("command-request", (event) => {
@@ -260578,7 +260638,8 @@ ${host} button { box-sizing:border-box; font:inherit; color:inherit; cursor:poin
 ${host} button:hover:not(:disabled) { background:var(--pptx-accent,#33334d); }
 ${host} button:disabled { opacity:.4; cursor:not-allowed; }
 ${host} button:focus-visible { outline:2px solid var(--pptx-ring,#6366f1); outline-offset:2px; }
-${host} .trigger { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 8px; font-size:11px; white-space:nowrap; }
+${host} .trigger { display:inline-flex; align-items:center; gap:6px; min-height:24px; padding:0 6px; font-size:12px; white-space:nowrap; }
+${host}:not([mode=inline]) .trigger { border-color:transparent; background:transparent; }
 ${host} .trigger svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
 ${host}[mode=inline] .trigger, ${host}[chevron-only] .trigger { align-self:stretch; padding:0 4px; }
 ${host} .strip { display:flex; gap:2px; padding:2px; align-items:center; }
@@ -260617,6 +260678,30 @@ function attachRibbonGalleryStyles(doc) {
     doc.head.append(style);
   }
 }
+var BLOCKED_ELEMENTS = /* @__PURE__ */ new Set(["script", "foreignobject", "iframe", "object", "embed"]);
+function parseSvgPreview(doc, svg) {
+  const Parser = globalThis.DOMParser;
+  if (typeof Parser !== "function") {
+    return null;
+  }
+  const parsed = new Parser().parseFromString(svg, "image/svg+xml");
+  const root = parsed.documentElement;
+  if (root.localName !== "svg" || parsed.getElementsByTagName("parsererror").length > 0) {
+    return null;
+  }
+  for (const node of Array.from(root.querySelectorAll("*"))) {
+    if (BLOCKED_ELEMENTS.has(node.localName.toLowerCase())) {
+      node.remove();
+      continue;
+    }
+    for (const attribute2 of Array.from(node.attributes)) {
+      if (/^on/iu.test(attribute2.name) || /^\s*javascript:/iu.test(attribute2.value)) {
+        node.removeAttribute(attribute2.name);
+      }
+    }
+  }
+  return doc.importNode(root, true);
+}
 function createRibbonGalleryView(doc, pick, toggle2) {
   const root = doc.createElement("span");
   root.className = "gallery-view";
@@ -260649,7 +260734,10 @@ function createRibbonGalleryView(doc, pick, toggle2) {
     button.title = galleryItemLabel(item4, t);
     button.style.width = `${width + 6}px`;
     button.style.height = `${height + 6}px`;
-    button.innerHTML = item4.previewSvg;
+    const preview = parseSvgPreview(doc, item4.previewSvg);
+    if (preview) {
+      button.append(preview);
+    }
     button.addEventListener("click", () => pick(item4.id));
     return button;
   };
@@ -260954,27 +261042,58 @@ function definePptxRibbonGallery(registry) {
 }
 var STYLES = `
 :host { display: inline-flex; flex: none; align-self: stretch; }
-.group { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
-	min-height: 78px; padding: 4px 8px 2px; border-right: 1px solid color-mix(in srgb, var(--pptx-border, #33334d) 60%, transparent); }
-:host(:last-child) .group { border-right: 0; }
-.row { display: flex; align-items: flex-start; gap: 4px; }
+.group { position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
+	min-height: 84px; padding: 3px 6px 0; }
+/* Office draws a hairline between groups that stops short of the group's top and bottom. */
+.group::after { content: ''; position: absolute; top: 6px; bottom: 6px; right: 0; width: 1px;
+	background: color-mix(in srgb, var(--pptx-border, #33334d) 80%, transparent); }
+:host(:last-child) .group::after { content: none; }
+.row { display: flex; align-items: flex-start; gap: 2px; flex: 1; }
 /* One-line (compact) groups centre their commands on the whole group box; the caption
    stays in flow and the row's negative margin hands its height to the centring. */
-:host([data-compact-row]) .row { flex: 1; align-items: center; margin-bottom: -14px; }
-/* Several small drop-down galleries or commands (Picture Format > Adjust, SmartArt > Create Graphic) stack in columns of three, as PowerPoint draws them. */
-:host([data-stack]) .row { flex-direction: column; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; max-height: 84px; gap: 2px; margin-bottom: 0; }
+:host([data-compact-row]) .row { align-items: center; margin-bottom: -14px; }
+/* Several small drop-down galleries or commands (Picture Format > Adjust, SmartArt > Create Graphic, Design > Variants) stack in columns of three, as PowerPoint draws them. */
+:host([data-stack]) .row { flex-direction: column; align-items: stretch; align-content: flex-start; flex-wrap: wrap; max-height: 80px; gap: 2px; margin-bottom: 0; }
 ::slotted(*) { flex-shrink: 0; }
-.caption { padding-top: 2px; color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
-	font-size: 9px; line-height: 12px; text-align: center; white-space: nowrap; }
+.foot { position: relative; display: flex; align-items: center; justify-content: center; min-height: 16px; padding: 0 14px; }
+.caption { color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
+	font-size: 11px; line-height: 16px; text-align: center; white-space: nowrap; }
+.launcher { position: absolute; right: -2px; bottom: 1px; display: none; width: 14px; height: 14px; padding: 0;
+	align-items: center; justify-content: center; border: 0; border-radius: 2px; background: transparent;
+	color: var(--pptx-muted-foreground, #94a3b8); cursor: pointer; }
+:host([launcher]) .launcher { display: inline-flex; }
+.launcher svg { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
+.launcher:hover { background: var(--pptx-accent, #33334d); color: var(--pptx-foreground, #f8fafc); }
+.launcher:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-offset: 1px; }
+/* Collapsed (narrow window): the group is one button; its commands open in a popup. */
+.face { display: none; }
+:host([data-collapsed]) .face { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2px;
+	min-width: 56px; height: 66px; margin-top: 3px; padding: 3px 6px; border: 0; border-radius: 4px; background: transparent;
+	color: var(--pptx-foreground, #f8fafc); font: inherit; font-size: 12px; line-height: 15px; cursor: pointer; }
+:host([data-collapsed]) .face:hover, :host([data-open]) .face { background: var(--pptx-accent, #33334d); }
+.face:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-offset: 2px; }
+.face svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; color: var(--pptx-primary, #6366f1); }
+.face svg.chev { width: 9px; height: 9px; margin-top: -1px; stroke-width: 1.8; color: currentColor; }
+:host([data-collapsed]) .foot { display: none; }
+:host([data-collapsed]) .row { display: none; }
+:host([data-collapsed][data-open]) .row { display: flex; flex-wrap: wrap; position: fixed; top: var(--pptx-collapse-y, 120px); left: var(--pptx-collapse-x, 8px);
+	z-index: 1200; box-sizing: border-box; max-width: calc(100vw - 16px); padding: 8px; background: var(--pptx-popover, #111827); color: var(--pptx-popover-foreground, #f9fafb);
+	border: 1px solid var(--pptx-border, #374151); border-radius: 6px; box-shadow: 0 8px 24px #0005; }
+@media (forced-colors: active) { .group::after { background: ButtonText; } .launcher { color: ButtonText; } :host([data-collapsed][data-open]) .row { border-color: ButtonText; } }
 `;
+var LAUNCHER_PATH = "M2 2h4M2 2v4M10 10 4 4M10 10H7M10 10V7";
 var COMPACT_ROW_MAX_HEIGHT = 36;
 function definePptxRibbonGroup(registry) {
   if (registry.get("pptx-ui-ribbon-group")) {
     return;
   }
   class RibbonGroup extends HTMLElement {
-    static observedAttributes = ["label"];
+    static observedAttributes = ["label", "launcher-label", "data-ribbon-group", "icon"];
     caption;
+    launcherButton;
+    face;
+    facePath;
+    faceLabel;
     observer;
     slotEl;
     constructor() {
@@ -260991,7 +261110,55 @@ function definePptxRibbonGroup(registry) {
       row.append(slot);
       this.caption = document.createElement("span");
       this.caption.className = "caption";
-      group2.append(row, this.caption);
+      const foot = document.createElement("div");
+      foot.className = "foot";
+      this.launcherButton = document.createElement("button");
+      this.launcherButton.type = "button";
+      this.launcherButton.className = "launcher";
+      this.launcherButton.dataset.pptxChrome = "group-launcher";
+      const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      svg.setAttribute("viewBox", "0 0 12 12");
+      svg.setAttribute("aria-hidden", "true");
+      const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttribute("d", LAUNCHER_PATH);
+      svg.append(path);
+      this.launcherButton.append(svg);
+      this.launcherButton.addEventListener("click", () => {
+        this.dispatchEvent(
+          new CustomEvent("launcher-request", {
+            detail: { id: this.getAttribute("data-ribbon-group") },
+            bubbles: true,
+            composed: true
+          })
+        );
+      });
+      foot.append(this.caption, this.launcherButton);
+      this.face = document.createElement("button");
+      this.face.type = "button";
+      this.face.className = "face";
+      this.face.dataset.pptxChrome = "ribbon-collapse";
+      this.face.setAttribute("aria-haspopup", "true");
+      const faceSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      faceSvg.setAttribute("viewBox", "0 0 20 20");
+      faceSvg.setAttribute("aria-hidden", "true");
+      this.facePath = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      faceSvg.append(this.facePath);
+      this.faceLabel = document.createElement("span");
+      const chevron2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      chevron2.setAttribute("viewBox", "0 0 10 10");
+      chevron2.setAttribute("class", "chev");
+      chevron2.setAttribute("aria-hidden", "true");
+      const chevronPath2 = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      chevronPath2.setAttribute("d", "m1.5 3.5 3.5 3.5 3.5-3.5");
+      chevron2.append(chevronPath2);
+      this.face.append(faceSvg, this.faceLabel, chevron2);
+      this.face.addEventListener(
+        "click",
+        () => this.dispatchEvent(
+          new CustomEvent("ribbon-collapse-toggle", { bubbles: true, composed: true })
+        )
+      );
+      group2.append(this.face, row, foot);
       root.append(group2);
     }
     connectedCallback() {
@@ -261004,6 +261171,9 @@ function definePptxRibbonGroup(registry) {
     }
     observe(slot) {
       this.observer?.disconnect();
+      if (!this.isConnected) {
+        return;
+      }
       if (typeof ResizeObserver !== "undefined") {
         this.observer ??= new ResizeObserver(() => this.measure());
       }
@@ -261035,6 +261205,17 @@ function definePptxRibbonGroup(registry) {
       const label = this.getAttribute("label") ?? "";
       this.caption.textContent = label;
       this.setAttribute("aria-label", label);
+      const launcherLabel = this.getAttribute("launcher-label") ?? `${label} options`;
+      this.faceLabel.textContent = label;
+      this.face.title = label;
+      this.face.setAttribute("aria-label", label);
+      this.face.setAttribute("aria-expanded", String(this.hasAttribute("data-open")));
+      this.facePath.setAttribute(
+        "d",
+        RIBBON_ICON_PATHS[this.getAttribute("icon") ?? "layers"] ?? ""
+      );
+      this.launcherButton.setAttribute("aria-label", launcherLabel);
+      this.launcherButton.title = launcherLabel;
     }
   }
   registry.define("pptx-ui-ribbon-group", RibbonGroup);
@@ -261057,23 +261238,63 @@ var RIBBON_HOME_TAGS = [
 var RIBBON_HOME_STYLES = `
 :host { display:contents; }
 .home { display:contents; }
-.group { display:flex; flex-direction:column; align-items:center; gap:2px; }
-.row { display:flex; align-items:center; gap:4px; }
-.wrap { display:inline-flex; align-items:center; gap:4px; }
-.free { display:inline-flex; align-items:center; gap:4px; }
+.slot[hidden] { display:none !important; }
+.free pptx-ui-select, .wrap pptx-ui-select { flex:none; }
+/* Groups the element renders itself (Clipboard, Slides): Office's column of rows over a caption. */
+.group { position:relative; box-sizing:border-box; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; min-height:84px; padding:3px 6px 0; }
+.group::after { content:''; position:absolute; top:6px; bottom:6px; right:0; width:1px; background:color-mix(in srgb,var(--pptx-border,#475569) 80%,transparent); }
+.row { display:flex; align-items:flex-start; gap:2px; flex:1; }
+.wrap { display:inline-flex; align-items:center; gap:2px; }
+.free { display:inline-flex; align-items:flex-start; gap:2px; }
 .slot { position:relative; display:inline-flex; align-items:center; }
 .slot[hidden] { display:none !important; }
-.free button.b { border-radius:4px; background:var(--pptx-muted,#2a2a3d); gap:6px; white-space:nowrap; }
-.free button.b[data-tone=danger] { background:color-mix(in srgb,#b91c1c 80%,transparent); }
-.free button.b[data-tone=danger]:hover:not(:disabled) { background:#dc2626; }
-.slot > button.b[data-pptx-chrome=split-main] { border-radius:4px 0 0 4px; background:var(--pptx-muted,#2a2a3d); gap:6px; white-space:nowrap; }
-.slot > button.b[data-pptx-chrome=split-caret] { min-width:20px; padding:0 4px; border-radius:0 4px 4px 0; border-left:1px solid color-mix(in srgb,var(--pptx-border,#475569) 40%,transparent); background:var(--pptx-muted,#2a2a3d); align-self:stretch; height:auto; }
-.slot > button.b[data-pptx-chrome=split-caret] svg { width:12px; height:12px; }
 .text { white-space:nowrap; }
-button.b .chev { width:12px; height:12px; }
-.free button.b[aria-pressed=true] { background:var(--pptx-accent,#33334d); }
-.free button.b[data-testid=format-painter-toggle][aria-pressed=true] { background:#d97706; color:#fffbeb; box-shadow:none; }
-.free pptx-ui-select, .wrap pptx-ui-select { flex:none; }
+.caption { padding-top:0; color:var(--pptx-muted-foreground,#94a3b8); font-size:11px; line-height:16px; text-align:center; white-space:nowrap; }
+/* Clusters are plain flow containers: Office buttons are flat and joined by position, not by a pill. */
+.cluster { display:inline-flex; align-items:center; gap:0; }
+.cluster[data-stack] { flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; }
+.cluster[data-stack] > button.b { height:22px; min-height:22px; }
+.home:not([data-grouped]) .cluster, .home:not([data-grouped]) .free { display:contents; }
+button.b { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:24px; padding:0 6px; border:0; border-radius:4px; background:transparent; color:var(--pptx-foreground,#f8fafc); font:inherit; font-size:12px; line-height:16px; gap:6px; white-space:nowrap; cursor:pointer; }
+button.b[hidden] { display:none !important; }
+button.b svg { width:16px; height:16px; flex:none; stroke-width:1.5; }
+button.b svg.chev { width:10px; height:10px; stroke-width:2.2; }
+.cluster[data-stack] > button.b, .cluster[data-stack] > .slot > button.b { justify-content:flex-start; }
+/* Large command: a 32px glyph over a one- or two-line caption, chevron beneath. */
+button.b[data-size=large] { flex-direction:column; justify-content:flex-start; min-width:48px; height:66px; padding:3px 6px; gap:2px; line-height:15px; }
+button.b[data-size=large] svg:not(.chev) { width:32px; height:32px; stroke-width:1.35; }
+button.b[data-size=large] svg.chev { width:9px; height:9px; margin-top:-1px; }
+/* The split halves (New Slide): glyph and caption press the main action, the strip below opens the menu. */
+.slot[data-pptx-chrome=split-button]:has([data-size=large]) { flex-direction:column; align-items:stretch; }
+.slot > button.b[data-pptx-chrome=split-main][data-size=large] { height:52px; min-width:56px; border-radius:4px 4px 0 0; }
+.slot > button.b[data-pptx-chrome=split-caret][data-size=caret] { min-width:0; height:14px; padding:0; border-radius:0 0 4px 4px; border-left:0; align-self:stretch; }
+.slot > button.b[data-pptx-chrome=split-caret][data-size=caret] svg { width:10px; height:10px; stroke-width:2.2; }
+.slot > button.b[data-pptx-chrome=split-caret]:not([data-size]) { min-width:16px; padding:0 2px; border-radius:0 4px 4px 0; align-self:stretch; height:auto; }
+.slot > button.b[data-pptx-chrome=split-caret]:not([data-size]) svg { width:10px; height:10px; }
+button.b:hover:not(:disabled) { background:var(--pptx-accent,#33334d); }
+button.b:active:not(:disabled) { background:color-mix(in srgb,var(--pptx-accent,#33334d) 70%,var(--pptx-primary,#6366f1)); }
+button.b[aria-pressed=true] { background:color-mix(in srgb,var(--pptx-primary,#6366f1) 22%,transparent); box-shadow:inset 0 0 0 1px var(--pptx-primary,#6366f1); }
+button.b:disabled { opacity:.4; cursor:default; }
+button.b:focus-visible { outline:2px solid var(--pptx-ring,#818cf8); outline-offset:-2px; }
+/* Row placement for the shared buttons that sit among native controls (see home-rows-css). */
+[data-ribbon-control="home.font.increaseFontSize"] { order:3; }
+[data-ribbon-control="home.font.decreaseFontSize"] { order:4; }
+[data-ribbon-control="home.font.clearFormatting"] { order:5; }
+[data-ribbon-control="home.font.bold"] { order:10; }
+[data-ribbon-control="home.font.italic"] { order:11; }
+[data-ribbon-control="home.font.underline"] { order:12; }
+[data-ribbon-control="home.font.shadow"] { order:13; }
+[data-ribbon-control="home.font.strikethrough"] { order:14; }
+[data-ribbon-control="home.paragraph.decreaseIndent"] { order:3; }
+[data-ribbon-control="home.paragraph.increaseIndent"] { order:4; }
+[data-ribbon-control="home.paragraph.alignLeft"] { order:10; }
+[data-ribbon-control="home.paragraph.alignCenter"] { order:11; }
+[data-ribbon-control="home.paragraph.alignRight"] { order:12; }
+[data-ribbon-control="home.paragraph.justify"] { order:13; }
+[data-ribbon-control="home.drawing.shapes"] { order:1; }
+[data-ribbon-control="home.drawing.arrange"] { order:2; }
+[data-ribbon-control="home.drawing.shapeFill"] { order:4; }
+[data-ribbon-control="home.drawing.shapeOutline"] { order:5; }
 input.num { box-sizing:border-box; width:52px; height:26px; padding:0 4px; border:1px solid var(--pptx-border,#475569); border-radius:4px; background:var(--pptx-muted,#2a2a3d); color:var(--pptx-foreground,#f8fafc); font:inherit; font-size:11px; text-align:center; }
 input.num:disabled { opacity:.4; }
 input.num:focus-visible { outline:2px solid var(--pptx-ring,#818cf8); outline-offset:-2px; }
@@ -261111,15 +261332,7 @@ input.num:focus-visible { outline:2px solid var(--pptx-ring,#818cf8); outline-of
 .popup .surface { position:absolute; left:0; top:0; transform-origin:top left; overflow:hidden; }
 .popup .frame { position:absolute; box-sizing:border-box; border:0 dashed color-mix(in srgb,var(--pptx-muted-foreground,#94a3b8) 70%,transparent); background:color-mix(in srgb,var(--pptx-background,#111827) 20%,transparent); }
 .popup .name { width:100%; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
-.caption { color:var(--pptx-muted-foreground,#94a3b8); font-size:9px; line-height:9px; text-align:center; }
-.cluster { display:inline-flex; align-items:center; border-radius:3px; overflow:hidden; background:var(--pptx-muted,#2a2a3d); }
-button.b { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:28px; padding:6px 10px; border:0; border-radius:0; background:transparent; color:var(--pptx-foreground,#f8fafc); font:inherit; font-size:12px; cursor:pointer; }
 button.b[hidden] { display:none !important; }
-button.b svg { width:16px; height:16px; flex:none; }
-button.b:hover:not(:disabled) { background:var(--pptx-accent,#33334d); }
-button.b[aria-pressed=true] { background:var(--pptx-accent,#33334d); box-shadow:inset 0 0 0 1px var(--pptx-primary,#6366f1); }
-button.b:disabled { opacity:.4; cursor:default; }
-button.b:focus-visible { outline:2px solid var(--pptx-ring,#818cf8); outline-offset:-2px; }
 @media (pointer:coarse),(max-width:900px) {
 	button.b { min-width:44px !important; min-height:44px !important; }
 	input.num { min-height:44px; }
@@ -261183,7 +261396,10 @@ function addButtonContent(doc, button, control2) {
     bar.dataset.pptxChrome = "color-swatch";
     button.append(bar);
   }
-  if (control2.chevron) {
+  if (control2.large) {
+    button.dataset.size = "large";
+  }
+  if (control2.chevron || control2.large && control2.popup) {
     const chevron2 = createRibbonControlIcon(doc, "home.slides.caret");
     chevron2.classList.add("chev");
     button.append(chevron2);
@@ -261384,8 +261600,8 @@ function paintHomeLayouts(doc, popup, model, state, artwork, pick) {
 var SVG = "http://www.w3.org/2000/svg";
 function shapeGlyph(doc, icon2) {
   const [, spec5] = icon2.split(":");
-  const [glyph, glyphClass = ""] = (spec5 ?? "").split("|");
-  const path = INSERT_SHAPE_GLYPH_PATHS[glyph];
+  const [glyph2, glyphClass = ""] = (spec5 ?? "").split("|");
+  const path = INSERT_SHAPE_GLYPH_PATHS[glyph2];
   if (!path) {
     return void 0;
   }
@@ -261431,9 +261647,9 @@ function paintHomeMenu(doc, menu, items, state, value, pick) {
     for (const [name, attr22] of Object.entries(row.attrs ?? {})) {
       button.setAttribute(name, attr22);
     }
-    const glyph = row.icon?.startsWith("shape:") ? shapeGlyph(doc, row.icon) : void 0;
-    if (glyph) {
-      button.append(glyph);
+    const glyph2 = row.icon?.startsWith("shape:") ? shapeGlyph(doc, row.icon) : void 0;
+    if (glyph2) {
+      button.append(glyph2);
     }
     const text3 = doc.createElement("span");
     text3.className = "label";
@@ -261605,6 +261821,9 @@ function buildPopupControl(ctx, control2) {
     main.dataset.pptxChrome ??= "split-main";
     caret = makeHomeButton(doc, control2, () => popup.toggle(), "caret");
     caret.dataset.pptxChrome = "split-caret";
+    if (control2.large) {
+      caret.dataset.size = "caret";
+    }
     caret.append(createRibbonControlIcon(doc, "home.slides.caret"));
     for (const [name, value] of Object.entries(control2.caret.attrs ?? {})) {
       caret.setAttribute(name, value);
@@ -261912,6 +262131,9 @@ function createRibbonHomeView(doc, family2, request, popupChange, artwork) {
   const spec5 = RIBBON_HOME_FAMILIES[family2];
   const root = doc.createElement("div");
   root.className = "home";
+  if (spec5.group) {
+    root.dataset.grouped = "";
+  }
   const buttons = /* @__PURE__ */ new Map();
   const anchors = /* @__PURE__ */ new Map();
   const built = [];
@@ -261920,6 +262142,9 @@ function createRibbonHomeView(doc, family2, request, popupChange, artwork) {
     const strip22 = doc.createElement("div");
     strip22.className = cluster.free ? "free" : "cluster";
     strip22.dataset.pptxChrome = cluster.chrome ?? "control-cluster";
+    if (cluster.stack) {
+      strip22.dataset.stack = "";
+    }
     for (const control2 of cluster.controls) {
       const item4 = buildControl(ctx, control2);
       built.push(item4);
@@ -262040,33 +262265,41 @@ var RIBBON_INSERT_STYLES = `
 [hidden] { display:none !important; }
 :host[hidden] { display:none !important; }
 .stack { display:flex; flex-direction:column; justify-content:flex-start; gap:2px; }
-.cluster { display:flex; flex-direction:column; gap:2px; align-items:stretch; }
-.pick,.trigger,.list button { font:inherit; color:inherit; box-sizing:border-box; }
-pptx-ui-select { max-width:112px; font-size:11px; }
-.pick,.trigger { display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; min-height:26px; min-width:88px; padding:0 4px; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:10px; line-height:11px; }
-.pick:hover:not(:disabled),.trigger:hover:not(:disabled),.list button:hover { background:var(--pptx-accent,#33334d); }
-.pick:disabled,.trigger:disabled,.list button:disabled { opacity:.35; cursor:not-allowed; }
-.pick:focus-visible,.trigger:focus-visible,.list button:focus-visible { outline:2px solid var(--pptx-ring,#6366f1); outline-offset:2px; }
+.trigger,.list button { font:inherit; color:inherit; box-sizing:border-box; }
+.trigger { display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; min-height:24px; min-width:0; padding:0 6px; border:0; border-radius:4px; background:transparent; cursor:pointer; font-size:12px; line-height:16px; }
+.trigger:hover:not(:disabled),.list button:hover { background:var(--pptx-accent,#33334d); }
+.trigger:active:not(:disabled) { background:color-mix(in srgb,var(--pptx-accent,#33334d) 70%,var(--pptx-primary,#6366f1)); }
+.trigger:disabled,.list button:disabled { opacity:.35; cursor:not-allowed; }
+.trigger:focus-visible,.list button:focus-visible { outline:2px solid var(--pptx-ring,#6366f1); outline-offset:2px; }
 svg { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
-.trigger svg:first-child,.pick svg { color:var(--pptx-primary,#6366f1); }
+.trigger svg:first-child { color:var(--pptx-primary,#6366f1); }
 .trigger svg:last-child { width:10px; height:10px; margin-inline-start:auto; }
+/* Office large command: a 32px glyph over the label with the chevron beneath. */
+.trigger.large { flex-direction:column; align-items:center; justify-content:flex-start; gap:2px; min-width:48px; max-width:80px; height:66px; padding:3px 4px; text-align:center; line-height:15px; }
+.trigger.large svg:first-child { width:32px; height:32px; stroke-width:1.4; }
+.trigger.large svg:last-child { width:8px; height:8px; margin:0; stroke-width:1.8; }
 .menu { position:relative; display:inline-flex; }
 .list { position:fixed; z-index:1200; display:flex; flex-direction:column; min-width:170px; max-width:calc(100vw - 16px); max-height:65vh; overflow:auto; padding:4px 0; background:var(--pptx-popover,#111827); border:1px solid var(--pptx-border,#374151); border-radius:6px; box-shadow:0 8px 24px #0005; }
 .list[hidden] { display:none; }
 .list button { display:flex; align-items:center; gap:8px; width:100%; min-height:28px; padding:4px 12px; border:0; background:transparent; font-size:12px; text-align:left; cursor:pointer; }
 .list svg { width:16px; height:16px; }
+.list.grid { display:grid; grid-template-columns:repeat(8,32px); gap:2px; min-width:0; padding:6px; }
+.list.grid button { width:32px; min-height:32px; height:32px; padding:0; justify-content:center; border-radius:4px; }
+.list.grid svg { width:18px; height:18px; }
 @media (max-width:767px) {
 	:host { flex-wrap:wrap; max-width:100%; }
 }
 @media (pointer:coarse),(max-width:900px) {
-	.pick,.list button { min-height:44px; }
+	.list button { min-height:44px; }
+	.list.grid { grid-template-columns:repeat(6,44px); }
+	.list.grid button { width:44px; height:44px; }
 	.trigger { min-height:44px; min-width:44px; }
 }
 @media (forced-colors:active) {
 	.list { border-color:ButtonText; }
 	.trigger svg:first-child { color:ButtonText; }
-	.pick:focus-visible,.trigger:focus-visible,.list button:focus-visible { outline-color:Highlight; }
-	.pick:disabled,.trigger:disabled { color:GrayText; opacity:1; }
+	.trigger:focus-visible,.list button:focus-visible { outline-color:Highlight; }
+	.trigger:disabled { color:GrayText; opacity:1; }
 }
 `;
 function attachRibbonInsertStyles(doc) {
@@ -262090,20 +262323,21 @@ function insertSvg(doc, path, viewBox = "0 0 20 20") {
 function insertIcon(doc, name) {
   return insertSvg(doc, RIBBON_ICON_PATHS[name] ?? "");
 }
-function createInsertMenu(doc, control2, icon2, pick) {
+function createInsertMenu(doc, control2, icon2, pick, options = {}) {
   const el = doc.createElement("div");
   el.className = "menu";
   el.dataset.ribbonControl = control2;
   const trigger = doc.createElement("button");
   trigger.type = "button";
-  trigger.className = "trigger";
+  trigger.className = options.large ? "trigger large" : "trigger";
   trigger.dataset.pptxCompact = "";
   trigger.setAttribute("aria-haspopup", "menu");
   trigger.setAttribute("aria-expanded", "false");
   const text3 = doc.createElement("span");
+  text3.className = "label";
   trigger.append(insertIcon(doc, icon2), text3, insertIcon(doc, "chevronDown"));
   const list2 = doc.createElement("div");
-  list2.className = "list";
+  list2.className = options.grid ? "list grid" : "list";
   list2.setAttribute("role", "menu");
   list2.hidden = true;
   el.append(trigger, list2);
@@ -262179,9 +262413,18 @@ function createInsertMenu(doc, control2, icon2, pick) {
             button.dataset.pptxCompact = "";
             button.dataset.insertItem = item4.id;
             if (item4.glyph) {
-              button.append(insertSvg(doc, item4.glyph, "0 0 24 24"));
+              const glyph2 = insertSvg(doc, item4.glyph, item4.viewBox ?? "0 0 24 24");
+              if (item4.transform && item4.transform !== "none") {
+                glyph2.style.transform = item4.transform;
+              }
+              button.append(glyph2);
+            }
+            if (options.grid) {
+              button.title = item4.label;
+              button.setAttribute("aria-label", item4.label);
+            } else {
+              button.append(doc.createTextNode(item4.label));
             }
-            button.append(doc.createTextNode(item4.label));
             button.addEventListener("click", () => {
               close();
               trigger.focus();
@@ -262194,59 +262437,6 @@ function createInsertMenu(doc, control2, icon2, pick) {
     }
   };
 }
-function createInsertCluster(doc, control2, pickType, insert) {
-  const el = doc.createElement("div");
-  el.className = "cluster";
-  el.dataset.ribbonControl = control2;
-  const select2 = doc.createElement("pptx-ui-select");
-  const button = doc.createElement("button");
-  button.type = "button";
-  button.className = "pick";
-  button.dataset.pptxCompact = "";
-  const text3 = doc.createElement("span");
-  let glyphKey = "";
-  select2.addEventListener("change", () => pickType(select2.value));
-  button.addEventListener("click", insert);
-  button.addEventListener("keydown", (event) => {
-    if (event.key === " " || event.key === "Enter") {
-      event.stopPropagation();
-    }
-  });
-  el.append(select2, button);
-  return {
-    el,
-    select: select2,
-    button,
-    sync({ choices: choices2, value, selectLabel, buttonLabel, buttonTitle, disabled, glyph }) {
-      const key2 = choices2.map((item4) => `${item4.value}:${item4.label}`).join("|");
-      if (select2.dataset.key !== key2) {
-        select2.dataset.key = key2;
-        select2.replaceChildren(
-          ...choices2.map((item4) => {
-            const option = doc.createElement("option");
-            option.value = item4.value;
-            option.textContent = item4.label;
-            return option;
-          })
-        );
-      }
-      select2.value = value;
-      select2.disabled = disabled;
-      select2.setAttribute("aria-label", selectLabel);
-      select2.title = selectLabel;
-      text3.textContent = buttonLabel;
-      button.title = buttonTitle;
-      button.disabled = disabled;
-      const nextGlyph = `${glyph.path}|${glyph.viewBox}|${glyph.transform}`;
-      if (nextGlyph !== glyphKey) {
-        glyphKey = nextGlyph;
-        const svg = insertSvg(doc, glyph.path, glyph.viewBox);
-        svg.style.transform = glyph.transform;
-        button.replaceChildren(svg, text3);
-      }
-    }
-  };
-}
 var FREEFORM_ICONS = { freeformShape: "penTool", curve: "spline" };
 var FREEFORM_FALLBACKS = {
   freeformShape: "Freeform: Shape",
@@ -262286,25 +262476,29 @@ function createRibbonInsertView(doc, request) {
     spec: spec5,
     el: command(
       spec5.icon,
-      true,
+      false,
       () => request({ kind: "command", value: spec5.command }),
       spec5.control
     )
   }));
   const byCommand = (name) => commands.find(({ spec: spec5 }) => spec5.command === name).el;
-  let shapeType = "";
-  let chartKind = "";
-  const shapes = createInsertCluster(
+  const stageThenInsert = (stage, insert) => {
+    request(stage);
+    setTimeout(() => request(insert), 50);
+  };
+  const shapes = createInsertMenu(
     doc,
     "insert.illustrations.shapes",
-    (value) => request({ kind: "shapeType", value }),
-    () => request({ kind: "shape", value: shapeType })
+    "shapes",
+    (value) => stageThenInsert({ kind: "shapeType", value }, { kind: "shape", value }),
+    { large: true, grid: true }
   );
-  const charts = createInsertCluster(
+  const charts = createInsertMenu(
     doc,
     "insert.illustrations.chart",
-    (value) => request({ kind: "chartType", value }),
-    () => request({ kind: "chart", value: chartKind })
+    "chart",
+    (value) => stageThenInsert({ kind: "chartType", value }, { kind: "chart", value }),
+    { large: true }
   );
   let armed = null;
   const freeform = FREEFORM_TOOL_IDS.map((tool) => {
@@ -262321,27 +262515,27 @@ function createRibbonInsertView(doc, request) {
     doc,
     "insert.links.action",
     "action",
-    (value) => request({ kind: "actionButton", value })
+    (value) => request({ kind: "actionButton", value }),
+    { large: true }
   );
   const fields = createInsertMenu(
     doc,
     "insert.text.field",
     "field",
-    (value) => request({ kind: "field", value })
+    (value) => request({ kind: "field", value }),
+    { large: true }
   );
   const root = [
     group2("insert.tables", byCommand("table")),
     group2("insert.images", byCommand("image")),
-    group2("insert.illustrations", shapes.el, freeformStack, charts.el, byCommand("smartArt")),
-    group2("insert.links", stack(byCommand("link"), actions.el)),
-    group2("insert.text", stack(byCommand("textBox"), fields.el, byCommand("headerFooter"))),
+    group2("insert.illustrations", shapes.el, freeformStack, byCommand("smartArt"), charts.el),
+    group2("insert.links", byCommand("link"), actions.el),
+    group2("insert.text", byCommand("textBox"), byCommand("headerFooter"), fields.el),
     group2("insert.symbols", byCommand("equation")),
     group2("insert.media", byCommand("media"))
   ];
   const sync = (state) => {
     const text3 = (label) => insertLabel(state, label);
-    shapeType = state.shapeType;
-    chartKind = state.chartKind;
     armed = state.activeFreeformTool ?? null;
     const disabled = !state.editable;
     for (const [id, el] of groups) {
@@ -262353,36 +262547,34 @@ function createRibbonInsertView(doc, request) {
       el.toggleAttribute("disabled", spec5.command === "link" ? !state.hasSelection : disabled);
     }
     byCommand("headerFooter").toggleAttribute("hidden", state.headerFooterAvailable === false);
-    const preset22 = SHAPE_PRESET_DEFS.find((item4) => item4.type === state.shapeType) ?? SHAPE_PRESET_DEFS[0];
-    shapes.sync({
-      choices: SHAPE_PRESET_DEFS.map((item4) => ({
-        value: item4.type,
-        label: text3([item4.i18nKey, item4.label])
+    const shapeTitle = text3(["pptx.insert.addShape", "Add shape"]);
+    shapes.sync(
+      text3(["pptx.drawing.shapes", "Shapes"]),
+      shapeTitle,
+      SHAPE_PRESET_DEFS.map((item4) => ({
+        id: item4.type,
+        label: text3([item4.i18nKey, item4.label]),
+        glyph: INSERT_SHAPE_GLYPH_PATHS[item4.glyph],
+        viewBox: "0 0 16 16",
+        transform: insertGlyphTransform(item4.glyphClass)
       })),
-      value: preset22.type,
-      selectLabel: text3(["pptx.insert.shapeType", "Shape type"]),
-      buttonLabel: text3(["pptx.insert.shape", "Shape"]),
-      buttonTitle: text3(["pptx.insert.addShape", "Add shape"]),
       disabled,
-      glyph: {
-        path: INSERT_SHAPE_GLYPH_PATHS[preset22.glyph],
-        viewBox: "0 0 16 16",
-        transform: insertGlyphTransform(preset22.glyphClass)
-      }
-    });
+      text3(["pptx.insert.shapeType", "Shape type"])
+    );
     charts.el.hidden = state.chartAvailable === false;
-    charts.sync({
-      choices: INSERT_CHART_TYPES.map((item4) => ({
-        value: item4.id,
-        label: text3([item4.labelKey, item4.label])
+    const chartTitle = text3(["pptx.ribbon.insertChart", "Insert chart"]);
+    charts.sync(
+      text3(["pptx.ribbon.chart", "Chart"]),
+      chartTitle,
+      INSERT_CHART_TYPES.map((item4) => ({
+        id: item4.id,
+        label: text3([item4.labelKey, item4.label]),
+        glyph: RIBBON_INSERT_ICON_PATHS.chart,
+        viewBox: "0 0 20 20"
       })),
-      value: state.chartKind,
-      selectLabel: text3(["pptx.ribbon.chartType", "Chart type"]),
-      buttonLabel: text3(["pptx.ribbon.chart", "Chart"]),
-      buttonTitle: text3(["pptx.ribbon.insertChart", "Insert chart"]),
       disabled,
-      glyph: { path: RIBBON_INSERT_ICON_PATHS.chart, viewBox: "0 0 20 20", transform: "none" }
-    });
+      text3(["pptx.ribbon.chartType", "Chart type"])
+    );
     const visible = state.freeformTools ?? [];
     freeformStack.hidden = visible.length === 0;
     for (const { tool, el } of freeform) {
@@ -262416,7 +262608,7 @@ function createRibbonInsertView(doc, request) {
       fieldTitle
     );
   };
-  return { root, sync, menus: [actions, fields] };
+  return { root, sync, menus: [shapes, charts, actions, fields] };
 }
 function definePptxRibbonInsert(registry) {
   if (registry.get("pptx-ui-ribbon-insert")) {
@@ -262553,14 +262745,14 @@ function createRibbonSectionView(root) {
       for (const command of group2.commands) {
         let parent = node.el;
         if (command.column !== void 0) {
-          let column = node.columns.get(command.column);
-          if (!column) {
-            column = root.ownerDocument.createElement("div");
-            Object.assign(column.style, { display: "flex", flexDirection: "column", gap: "2px" });
-            node.columns.set(command.column, column);
-            node.el.append(column);
+          let column2 = node.columns.get(command.column);
+          if (!column2) {
+            column2 = root.ownerDocument.createElement("div");
+            Object.assign(column2.style, { display: "flex", flexDirection: "column", gap: "2px" });
+            node.columns.set(command.column, column2);
+            node.el.append(column2);
           }
-          parent = column;
+          parent = column2;
         }
         let el = commands.get(command.id);
         if (!el) {
@@ -264139,8 +264331,8 @@ function definePptxSlideShowOptions(registry) {
       const root = this.attachShadow({ mode: "open" });
       attachControlStyles(root, SLIDE_SHOW_OPTIONS_STYLES);
       const columns = [document.createElement("div"), document.createElement("div")];
-      for (const column of columns) {
-        column.className = "column";
+      for (const column2 of columns) {
+        column2.className = "column";
       }
       SLIDE_SHOW_OPTIONS.forEach((option, index) => {
         const label = document.createElement("label");
@@ -265575,6 +265767,294 @@ function definePptxTitleBar(registry) {
   }
   registry.define("pptx-ui-title-bar", TitleBar);
 }
+var LAUNCHER_CHROME = "group-launcher";
+var SELECTOR = `[data-pptx-chrome="${LAUNCHER_CHROME}"]`;
+var GLYPH = "M2 2h4M2 2v4M10 10 4 4M10 10H7M10 10V7";
+function glyph(doc) {
+  const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("viewBox", "0 0 12 12");
+  svg.setAttribute("aria-hidden", "true");
+  const path = doc.createElementNS(svg.namespaceURI, "path");
+  path.setAttribute("d", GLYPH);
+  svg.append(path);
+  return svg;
+}
+function syncLaunchers(content, launchers) {
+  for (const group2 of content.querySelectorAll("[data-ribbon-group]")) {
+    const launcher = launchers[group2.dataset.ribbonGroup ?? ""];
+    if (!launcher || group2.parentElement?.closest("[data-ribbon-group]")) {
+      continue;
+    }
+    const label = launcher.label();
+    if (group2.localName === "pptx-ui-ribbon-group") {
+      group2.setAttribute("launcher", "");
+      group2.setAttribute("launcher-label", label);
+      continue;
+    }
+    let button = group2.querySelector(`:scope > ${SELECTOR}`);
+    if (!button) {
+      button = group2.ownerDocument.createElement("button");
+      button.type = "button";
+      button.dataset.pptxChrome = LAUNCHER_CHROME;
+      button.append(glyph(group2.ownerDocument));
+      group2.append(button);
+    }
+    button.title = label;
+    button.setAttribute("aria-label", label);
+  }
+}
+function listenForLaunchers(content, launchers) {
+  const click = (event) => {
+    const button = event.target?.closest?.(SELECTOR);
+    const id = button?.closest("[data-ribbon-group]")?.dataset.ribbonGroup;
+    if (id) {
+      launchers[id]?.run();
+    }
+  };
+  const shared = (event) => {
+    const id = event.detail?.id;
+    if (id) {
+      launchers[id]?.run();
+    }
+  };
+  content.addEventListener("click", click);
+  content.addEventListener("launcher-request", shared);
+  return () => {
+    content.removeEventListener("click", click);
+    content.removeEventListener("launcher-request", shared);
+  };
+}
+var HOME_LAUNCHER_GROUPS = ["home.font", "home.paragraph", "home.drawing"];
+function homeLaunchers(label, run) {
+  return Object.fromEntries(HOME_LAUNCHER_GROUPS.map((id) => [id, { label, run }]));
+}
+var COLLAPSE_FACE = "ribbon-collapse";
+var FACE_SELECTOR = `[data-pptx-chrome="${COLLAPSE_FACE}"]`;
+var DESKTOP_MIN_WIDTH = 768;
+var CONTROL_FACE = {
+  "home.clipboard": "home.clipboard.paste",
+  "home.slides": "home.slides.newSlide",
+  "home.font": "home.font.bold",
+  "home.paragraph": "home.paragraph.alignLeft",
+  "home.editing": "home.editing.find",
+  "home.drawing": "home.drawing.shapes",
+  "home.arrange": "home.drawing.arrange"
+};
+var PATH_FACE = {
+  "insert.tables": "table",
+  "insert.images": "image",
+  "insert.illustrations": "shapes",
+  "insert.links": "link",
+  "insert.text": "textBox",
+  "insert.symbols": "equation",
+  "insert.media": "video",
+  "draw.tools": "pencil",
+  "design.themes": "palette",
+  "design.variants": "palette",
+  "design.customize": "paint"
+};
+var isGroup2 = (el) => el instanceof HTMLElement;
+var COLLAPSING_GROUPS = /^(home|insert|draw|design)\./u;
+function groupsOf(content) {
+  return [...content.querySelectorAll("[data-ribbon-group]")].filter(
+    (el) => isGroup2(el) && COLLAPSING_GROUPS.test(el.dataset.ribbonGroup ?? "") && el.getBoundingClientRect().width > 0 && el.parentElement?.closest("[data-ribbon-group]") === null
+  );
+}
+function captionOf(group2) {
+  return (group2.getAttribute("label") ?? group2.querySelector(':scope > [data-pptx-chrome="ribbon-group-label"]')?.textContent ?? group2.getAttribute("aria-label") ?? "").trim();
+}
+function faceIcon(doc, id) {
+  const control2 = CONTROL_FACE[id];
+  if (control2 && RIBBON_CONTROL_ICONS[control2]) {
+    return createRibbonControlIcon(doc, control2);
+  }
+  const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("viewBox", "0 0 20 20");
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", "currentColor");
+  const path = doc.createElementNS(svg.namespaceURI, "path");
+  path.setAttribute("d", RIBBON_ICON_PATHS[PATH_FACE[id] ?? "layers"] ?? "");
+  svg.append(path);
+  return svg;
+}
+function placeCollapsedGroup(group2, face) {
+  const rect3 = face.getBoundingClientRect();
+  const width = group2.ownerDocument.defaultView?.innerWidth ?? 1024;
+  group2.style.setProperty("--pptx-collapse-y", `${Math.round(rect3.bottom + 2)}px`);
+  group2.style.setProperty(
+    "--pptx-collapse-x",
+    `${Math.round(Math.max(4, Math.min(rect3.left, width - 360)))}px`
+  );
+}
+function ensureFace(group2) {
+  const id = group2.dataset.ribbonGroup ?? "";
+  if (group2.localName === "pptx-ui-ribbon-group") {
+    if (!group2.hasAttribute("icon")) {
+      group2.setAttribute("icon", PATH_FACE[id] ?? "layers");
+    }
+    return;
+  }
+  const caption = captionOf(group2);
+  let face = group2.querySelector(`:scope > ${FACE_SELECTOR}`);
+  if (!face) {
+    const doc = group2.ownerDocument;
+    face = doc.createElement("button");
+    face.setAttribute("type", "button");
+    face.dataset.pptxChrome = COLLAPSE_FACE;
+    face.setAttribute("aria-haspopup", "true");
+    const label = doc.createElement("span");
+    label.className = "label";
+    const chevron2 = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
+    chevron2.setAttribute("viewBox", "0 0 10 10");
+    chevron2.setAttribute("class", "chev");
+    chevron2.setAttribute("aria-hidden", "true");
+    const path = doc.createElementNS(chevron2.namespaceURI, "path");
+    path.setAttribute("d", "m1.5 3.5 3.5 3.5 3.5-3.5");
+    chevron2.append(path);
+    face.append(faceIcon(doc, id), label, chevron2);
+    group2.prepend(face);
+  }
+  face.querySelector(".label").textContent = caption;
+  face.setAttribute("aria-label", caption);
+  face.title = caption;
+  face.setAttribute("aria-expanded", String(group2.hasAttribute("data-open")));
+}
+function closeAll(content) {
+  for (const open of content.querySelectorAll("[data-ribbon-group][data-open]")) {
+    open.removeAttribute("data-open");
+    open.querySelector(`:scope > ${FACE_SELECTOR}`)?.setAttribute("aria-expanded", "false");
+  }
+}
+function reflowRibbon(content) {
+  const doc = content.ownerDocument;
+  closeAll(content);
+  for (const collapsed2 of content.querySelectorAll("[data-ribbon-group][data-collapsed]")) {
+    collapsed2.removeAttribute("data-collapsed");
+  }
+  if ((doc.defaultView?.innerWidth ?? DESKTOP_MIN_WIDTH) < DESKTOP_MIN_WIDTH) {
+    return [];
+  }
+  const overflows = () => content.scrollWidth - content.clientWidth > 1;
+  const collapsed = [];
+  if (!overflows()) {
+    return collapsed;
+  }
+  for (const group2 of groupsOf(content).reverse()) {
+    ensureFace(group2);
+    group2.setAttribute("data-collapsed", "");
+    collapsed.push(group2.dataset.ribbonGroup ?? "");
+    if (!overflows()) {
+      break;
+    }
+  }
+  return collapsed;
+}
+function attachRibbonOverflow(content, options = {}) {
+  const doc = content.ownerDocument;
+  const view = doc.defaultView;
+  let frame2 = 0;
+  let forced = false;
+  let lastWidth = -1;
+  const schedule2 = (force = false) => {
+    forced ||= force;
+    if (frame2 || !view) {
+      return;
+    }
+    frame2 = view.requestAnimationFrame(() => {
+      frame2 = 0;
+      const rebuild = forced;
+      forced = false;
+      if (!rebuild && lastWidth === content.clientWidth && content.querySelector("[data-ribbon-group][data-open]")) {
+        return;
+      }
+      observer?.disconnect();
+      lastWidth = content.clientWidth;
+      reflowRibbon(content);
+      if (options.launchers) {
+        syncLaunchers(content, options.launchers);
+      }
+      observer?.observe(content, { childList: true, subtree: true });
+    });
+  };
+  const touchesGroup = (record2) => [...record2.addedNodes, ...record2.removedNodes].some(
+    (node) => node instanceof Element && (node.matches("[data-ribbon-group]") || node.querySelector("[data-ribbon-group]") !== null)
+  );
+  const observer = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver((records) => schedule2(records.some(touchesGroup)));
+  const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(() => schedule2());
+  observer?.observe(content, { childList: true, subtree: true });
+  resize?.observe(content);
+  const onWindowResize = () => schedule2();
+  view?.addEventListener("resize", onWindowResize);
+  const toggleGroup = (group2, face) => {
+    if (!face || !content.contains(group2) || !group2.hasAttribute("data-collapsed")) {
+      return;
+    }
+    const open = !group2.hasAttribute("data-open");
+    closeAll(content);
+    if (open) {
+      group2.setAttribute("data-open", "");
+      placeCollapsedGroup(group2, face);
+      face.setAttribute("aria-expanded", "true");
+    }
+  };
+  const toggle2 = (event) => {
+    const face = event.target?.closest?.(FACE_SELECTOR) ?? null;
+    const group2 = face?.closest("[data-ribbon-group]");
+    if (face && group2) {
+      toggleGroup(group2, face);
+    }
+  };
+  const toggleShared = (event) => {
+    const group2 = event.target?.closest?.("[data-ribbon-group]");
+    if (group2) {
+      toggleGroup(group2, group2.shadowRoot?.querySelector(".face") ?? null);
+    }
+  };
+  const outside = (event) => {
+    const open = content.querySelector("[data-ribbon-group][data-open]");
+    if (open && !event.composedPath().includes(open)) {
+      closeAll(content);
+    }
+  };
+  const escape = (event) => {
+    const open = content.querySelector("[data-ribbon-group][data-open]");
+    if (event.key === "Escape" && open) {
+      event.stopPropagation();
+      closeAll(content);
+      (open.querySelector(FACE_SELECTOR) ?? open).focus();
+    }
+  };
+  const afterCommand = (event) => {
+    const open = content.querySelector("[data-ribbon-group][data-open]");
+    const button = event.composedPath()[0]?.closest?.("button");
+    if (open?.contains(button ?? null) && button && !button.matches(`${FACE_SELECTOR}, [aria-haspopup], [aria-expanded]`)) {
+      closeAll(content);
+    }
+  };
+  content.addEventListener("click", toggle2);
+  content.addEventListener("ribbon-collapse-toggle", toggleShared);
+  content.addEventListener("click", afterCommand);
+  content.addEventListener("keydown", escape);
+  doc.addEventListener("pointerdown", outside, true);
+  const stopLaunchers = options.launchers ? listenForLaunchers(content, options.launchers) : void 0;
+  schedule2(true);
+  return () => {
+    stopLaunchers?.();
+    observer?.disconnect();
+    resize?.disconnect();
+    view?.removeEventListener("resize", onWindowResize);
+    view?.cancelAnimationFrame(frame2);
+    content.removeEventListener("click", toggle2);
+    content.removeEventListener("ribbon-collapse-toggle", toggleShared);
+    content.removeEventListener("click", afterCommand);
+    content.removeEventListener("keydown", escape);
+    doc.removeEventListener("pointerdown", outside, true);
+    closeAll(content);
+    for (const collapsed of content.querySelectorAll("[data-ribbon-group][data-collapsed]")) {
+      collapsed.removeAttribute("data-collapsed");
+    }
+  };
+}
 function contextMenuViewItems(entries2, t, isAvailable2 = () => true) {
   return entries2.map((entry5) => ({
     id: entry5.id,
@@ -269218,6 +269698,7 @@ exports.attachEditorImagePaste = attachEditorImagePaste;
 exports.attachInlineListController = attachInlineListController;
 exports.attachOverlayKeyboard = attachOverlayKeyboard;
 exports.attachPresentationVisibilityPause = attachPresentationVisibilityPause;
+exports.attachRibbonOverflow = attachRibbonOverflow;
 exports.attachRotateHandlePlacement = attachRotateHandlePlacement;
 exports.authorConnectorBetweenSites = authorConnectorBetweenSites;
 exports.authoredLetterSpacingPx = authoredLetterSpacingPx;
@@ -269651,6 +270132,7 @@ exports.hideChartSeries = hideChartSeries;
 exports.hollowTextFillStyle = hollowTextFillStyle;
 exports.homeGalleryApply = homeGalleryApply;
 exports.homeGalleryControls = homeGalleryControls;
+exports.homeLaunchers = homeLaunchers;
 exports.imageResetPatch = imageResetPatch;
 exports.imageResetState = imageResetState;
 exports.inlineElementPointerEvents = inlineElementPointerEvents;