pptx-vanilla-viewer 3.19.0 → 3.20.0

package/dist/internals.cjs

@@ -1 +1 @@
-'use strict';var chunk2OPXQESK_cjs=require('./chunk-2OPXQESK.cjs'),chunkSFFJFAJE_cjs=require('./chunk-SFFJFAJE.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunk2OPXQESK_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Kh}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.ld}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.kd}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.nd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.jd}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Gh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Hh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Ih}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.id}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Mh}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Nh}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.md}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.od}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Jh}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Oh}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Ph}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.fd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.gd}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.hd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Qh}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.Rh}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunkSFFJFAJE_cjs.pd}});
+'use strict';var chunkX6HBC7WY_cjs=require('./chunk-X6HBC7WY.cjs'),chunkZ6PQRUTX_cjs=require('./chunk-Z6PQRUTX.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunkX6HBC7WY_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Kh}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.ld}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.kd}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.nd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.jd}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Gh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Hh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Ih}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.id}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Mh}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Nh}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.md}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.od}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Jh}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Oh}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Ph}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.fd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.gd}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.hd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Qh}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.Rh}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunkZ6PQRUTX_cjs.pd}});

package/dist/internals.js

@@ -1 +1 @@
-export{d as playTransitionOverlay}from'./chunk-J2I2UMDL.js';export{Kh as CINEMATIC_TRANSITION_KEYFRAMES,ld as DEFAULT_MORPH_DURATION_MS,kd as DEFAULT_TRANSITION_DURATION_MS,nd as EASE,jd as INSTANT,Gh as P14_TRANSITION_KEYFRAMES,Hh as P14_TRANSITION_KEYFRAMES_2,Ih as P14_TRANSITION_KEYFRAMES_ALL,id as RANDOM_ELIGIBLE_TYPES,Mh as SLIDE_TRANSITION_KEYFRAMES,Nh as SLIDE_TRANSITION_KEYFRAMES_CSS,md as TRANSITION_SPEED_DURATION_MS,od as WHEEL_SPOKE_COUNTS,Jh as getCinematicTransitionAnimations,Oh as getP14TransitionAnimations,Ph as getSlideTransitionAnimations,fd as resolveDirection,gd as resolveDirection8,hd as resolveOrientation,Qh as resolveSlideTransition,Rh as resolveTransitionDurationMs,pd as resolveWheelSpokeCount}from'./chunk-CFJI5PYB.js';import'./chunk-62D2TNHX.js';
+export{d as playTransitionOverlay}from'./chunk-NJPXXZG4.js';export{Kh as CINEMATIC_TRANSITION_KEYFRAMES,ld as DEFAULT_MORPH_DURATION_MS,kd as DEFAULT_TRANSITION_DURATION_MS,nd as EASE,jd as INSTANT,Gh as P14_TRANSITION_KEYFRAMES,Hh as P14_TRANSITION_KEYFRAMES_2,Ih as P14_TRANSITION_KEYFRAMES_ALL,id as RANDOM_ELIGIBLE_TYPES,Mh as SLIDE_TRANSITION_KEYFRAMES,Nh as SLIDE_TRANSITION_KEYFRAMES_CSS,md as TRANSITION_SPEED_DURATION_MS,od as WHEEL_SPOKE_COUNTS,Jh as getCinematicTransitionAnimations,Oh as getP14TransitionAnimations,Ph as getSlideTransitionAnimations,fd as resolveDirection,gd as resolveDirection8,hd as resolveOrientation,Qh as resolveSlideTransition,Rh as resolveTransitionDurationMs,pd as resolveWheelSpokeCount}from'./chunk-L3E37DEI.js';import'./chunk-62D2TNHX.js';

package/dist/styles.css

@@ -4580,7 +4580,7 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
     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;
@@ -4668,107 +4668,111 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 
 @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) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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(
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is(
     button[data-ribbon-control^="home."],
     [data-ribbon-control^="home."] > button,
-    [data-ribbon-control^="home."] > span > button
+    [data-ribbon-control^="home."] > span > button,
+    [data-pptx-chrome="control-cluster"] > button,
+    [data-pptx-chrome$="-controls"] > 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;
+    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;
   }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :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
   ):disabled { opacity: 0.4; }
-  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] :is(
-    button[data-ribbon-control^="home."], [data-ribbon-control^="home."] > button
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :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
   ):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] :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
+  ):active:not(:disabled) { background: color-mix(in oklab, var(--pptx-accent) 70%, var(--pptx-primary)); }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :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
+  )[aria-pressed="true"] {
+    background: color-mix(in oklab, var(--pptx-primary) 22%, transparent);
+    box-shadow: inset 0 0 0 1px var(--pptx-primary);
   }
-  [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-content"][data-pptx-chrome] :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
+  ) svg { width: 16px; height: 16px; flex: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is(button, [data-ribbon-control^="home."] > button, [data-pptx-chrome="control-cluster"] > button)[data-size="large"] {
+    flex-direction: column; justify-content: flex-start; min-width: 48px; height: 66px; min-height: 66px;
+    padding: 3px 6px; gap: 2px; line-height: 15px;
   }
-  [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-content"][data-pptx-chrome] :is(button, [data-ribbon-control^="home."] > button, [data-pptx-chrome="control-cluster"] > button)[data-size="large"] svg { width: 32px; height: 32px; stroke-width: 1.35; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is(button, [data-ribbon-control^="home."] > button, [data-pptx-chrome="control-cluster"] > button)[data-size="large"] svg.chev { width: 9px; height: 9px; margin-top: -1px; stroke-width: 2.2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :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
+  ) svg.chev { width: 10px; height: 10px; stroke-width: 2.2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="font-controls"] { display: flex; align-items: center; gap: 4px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="font-controls-fragment"] { display: contents; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="slides-controls"] { display: flex; align-items: flex-start; gap: 2px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="split-button"] {
+    position: relative; display: inline-flex; align-items: stretch; gap: 0; padding: 0; border: 0; background: transparent;
   }
-  [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="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="split-button"]:has([data-size="large"]) { flex-direction: column; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] button[data-pptx-chrome="split-main"][data-size="large"] { height: 52px; min-height: 52px; border-radius: 4px 4px 0 0; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] 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;
   }
-  [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);
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] button[data-pptx-chrome="split-caret"][data-size="caret"] svg { width: 10px; height: 10px; stroke-width: 2.2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
   }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="split-caret"]:not([data-size]) svg { width: 10px; height: 10px; stroke-width: 2.2; }
 }
 
 @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);
@@ -4781,138 +4785,173 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 
 @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;
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-group="home.clipboard"], [data-ribbon-group="home.slides"], [data-ribbon-group="home.font"], [data-ribbon-group="home.paragraph"], [data-ribbon-group="home.editing"], [data-ribbon-group="home.drawing"], [data-ribbon-group="home.arrange"]) {
+    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;
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-group="home.clipboard"], [data-ribbon-group="home.slides"], [data-ribbon-group="home.font"], [data-ribbon-group="home.paragraph"], [data-ribbon-group="home.editing"], [data-ribbon-group="home.drawing"], [data-ribbon-group="home.arrange"])::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;
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome]: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; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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"] {
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-group="home.clipboard"], [data-ribbon-group="home.slides"], [data-ribbon-group="home.font"], [data-ribbon-group="home.paragraph"], [data-ribbon-group="home.editing"], [data-ribbon-group="home.drawing"], [data-ribbon-group="home.arrange"]) > :is([data-pptx-chrome$="-controls"], .row) {
+    flex: 1 1 auto; display: flex; align-items: flex-start; gap: 2px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :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. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.font"] [data-pptx-chrome="font-controls"]::after { content: ""; flex: 0 0 100%; height: 0; order: 6; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.fontFamily"] { order: 1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.fontSize"] { order: 2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.increaseFontSize"] { order: 3; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.decreaseFontSize"] { order: 4; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.clearFormatting"] { order: 5; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.bold"] { order: 10; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.italic"] { order: 11; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.underline"] { order: 12; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.shadow"] { order: 13; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.strikethrough"] { order: 14; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.characterSpacing"] { order: 15; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.changeCase"] { order: 16; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.highlightColor"] { order: 17; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.font.fontColor"] { order: 18; }
+
+  /* Paragraph: lists, indents and line spacing, then alignment, direction and columns. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.paragraph"] [data-pptx-chrome="paragraph-controls"]::after { content: ""; flex: 0 0 100%; height: 0; order: 6; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.bullets"] { order: 1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.numbering"] { order: 2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.decreaseIndent"] { order: 3; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.increaseIndent"] { order: 4; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.lineSpacing"] { order: 5; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.alignLeft"] { order: 10; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.alignCenter"] { order: 11; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.alignRight"] { order: 12; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.justify"] { order: 13; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.textDirection"] { order: 14; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.paragraph.columns"] { order: 15; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]) { display: inline-flex; align-items: center; gap: 0; border: 0; background: transparent; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]) > button:first-child { width: 28px; min-width: 28px; padding: 0; border-radius: 4px 0 0 4px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]) [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="ribbon-content"][data-pptx-chrome] :is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]) [data-pptx-chrome="gallery-caret"] svg { width: 10px; height: 10px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] :is([data-ribbon-control="home.paragraph.bullets"], [data-ribbon-control="home.paragraph.numbering"]) > 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. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.editing"] [data-pptx-chrome="editing-controls"] {
+    flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0;
   }
-  [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="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.editing"] :is(button, [data-ribbon-control]) { justify-content: flex-start; height: 22px; min-height: 22px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.editing"] [data-ribbon-control] > button { height: 22px; min-height: 22px; width: 100%; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group="home.clipboard"] [data-stack] { gap: 0; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
   }
-  [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="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="ribbon-inline-label"] { display: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapes"] { order: 1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.arrange"] { order: 2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.quickStyles"] { order: 3; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeFill"] { order: 4; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-ribbon-control="home.drawing.shapeOutline"] { order: 5; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-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] [data-pptx-chrome="drawing-controls"] :is([data-ribbon-control="home.drawing.shapeFill"], [data-ribbon-control="home.drawing.shapeOutline"], [data-ribbon-control="home.drawing.shapeEffects"], [data-ribbon-control="home.drawing.shapeFill"] > button, [data-ribbon-control="home.drawing.shapeOutline"] > button, [data-ribbon-control="home.drawing.shapeEffects"] > button) { height: 22px; min-height: 22px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="drawing-controls"] [data-pptx-chrome="color-swatch"] { display: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.drawing.quickStyles"] { height: 66px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
   }
-  [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-pptx-chrome] [data-ribbon-control="home.drawing.quickStyles"] .trigger svg { width: 32px; height: 32px; stroke-width: 1.35; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] { flex-wrap: nowrap; align-items: center; gap: 2px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] .pptx-rb-sep { display: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="arrange-extras"],
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] > [data-pptx-chrome="duplicate-controls"] { display: contents; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] [data-ribbon-control="home.arrange.outlineWidth"] { order: 1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-pptx-chrome="arrange-controls"] [data-pptx-chrome="order-controls"] { order: 2; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-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="ribbon-content"][data-pptx-chrome] [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;
   }
-  [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; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-control="home.arrange.outlineWidth"]:disabled { opacity: .4; }
 }
 
 @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; }
+  [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; }
 }
 
 @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;
+  /* The dialog launcher: a corner glyph at the bottom right of a group. */
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [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; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group] > [data-pptx-chrome="group-launcher"]:hover { background: var(--pptx-accent); color: var(--pptx-foreground); }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group] > [data-pptx-chrome="group-launcher"]:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed] > [data-pptx-chrome="group-launcher"] { display: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group] > [data-pptx-chrome="ribbon-collapse"] { display: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"] {
+    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;
   }
-  [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-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"]:hover,
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-open]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"] { background: var(--pptx-accent); }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"]:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 2px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"] svg { width: 32px; height: 32px; flex: none; stroke-width: 1.35; color: var(--pptx-primary); }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > [data-pptx-chrome="ribbon-collapse"] svg.chev { width: 9px; height: 9px; margin-top: -1px; stroke-width: 1.8; color: inherit; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed]:not(pptx-ui-ribbon-group) > :not([data-pptx-chrome="ribbon-collapse"]) { display: none !important; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed][data-open]:not(pptx-ui-ribbon-group) > :not([data-pptx-chrome="ribbon-collapse"]):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) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"][data-pptx-chrome] [data-ribbon-group][data-collapsed][data-open]:not(pptx-ui-ribbon-group) > :not([data-pptx-chrome="ribbon-collapse"]) { border-color: ButtonText; }
 }