pptx-vanilla-viewer 3.14.0 → 3.16.0

package/dist/internals.cjs

@@ -1 +1 @@
-'use strict';var chunkWBPOPJLC_cjs=require('./chunk-WBPOPJLC.cjs'),chunk24B6ZCFG_cjs=require('./chunk-24B6ZCFG.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunkWBPOPJLC_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.bi}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Bd}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Ad}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Dd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.zd}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Zh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs._h}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.$h}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.yd}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.di}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.ei}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Cd}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Ed}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.ai}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.fi}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.gi}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.vd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.wd}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.xd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.hi}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.ii}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunk24B6ZCFG_cjs.Fd}});
+'use strict';var chunkLQYP7D76_cjs=require('./chunk-LQYP7D76.cjs'),chunkWKWWFY2C_cjs=require('./chunk-WKWWFY2C.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunkLQYP7D76_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Oh}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.ld}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.kd}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.nd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.jd}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Kh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Lh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Mh}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.id}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Qh}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Rh}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.md}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.od}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Nh}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Sh}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Th}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.fd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.gd}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.hd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Uh}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.Vh}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunkWKWWFY2C_cjs.pd}});

package/dist/internals.d.ts

@@ -1,2 +1,2 @@
-import { $t as TRANSITION_SPEED_DURATION_MS, An as getP14TransitionAnimations, Bt as SLIDE_TRANSITION_KEYFRAMES_CSS, Ct as RANDOM_ELIGIBLE_TYPES, Gn as resolveTransitionDurationMs, Hn as resolveDirection8, J as INSTANT, Kn as resolveWheelSpokeCount, M as DEFAULT_TRANSITION_DURATION_MS, Mn as getSlideTransitionAnimations, N as EASE, Ot as ResolvedDirection, Sn as WHEEL_SPOKE_COUNTS, Un as resolveOrientation, Vn as resolveDirection, Wn as resolveSlideTransition, Xt as SlideTransitionAnimations, ft as P14_TRANSITION_KEYFRAMES, j as DEFAULT_MORPH_DURATION_MS, kn as getCinematicTransitionAnimations, kt as ResolvedDirection8, mt as P14_TRANSITION_KEYFRAMES_ALL, n as playTransitionOverlay, p as CINEMATIC_TRANSITION_KEYFRAMES, pt as P14_TRANSITION_KEYFRAMES_2, t as TransitionOverlayParams, zt as SLIDE_TRANSITION_KEYFRAMES } from "./transition-overlay-C7hI62N0.js";
+import { $t as SlideTransitionAnimations, Et as RANDOM_ELIGIBLE_TYPES, Fn as getSlideTransitionAnimations, Gn as resolveDirection8, Ht as SLIDE_TRANSITION_KEYFRAMES, Jn as resolveTransitionDurationMs, Kn as resolveOrientation, M as DEFAULT_TRANSITION_DURATION_MS, Mn as getCinematicTransitionAnimations, Mt as ResolvedDirection8, N as EASE, Nn as getP14TransitionAnimations, Tn as WHEEL_SPOKE_COUNTS, Ut as SLIDE_TRANSITION_KEYFRAMES_CSS, Wn as resolveDirection, Yn as resolveWheelSpokeCount, Z as INSTANT, _t as P14_TRANSITION_KEYFRAMES_ALL, gt as P14_TRANSITION_KEYFRAMES_2, ht as P14_TRANSITION_KEYFRAMES, j as DEFAULT_MORPH_DURATION_MS, jt as ResolvedDirection, n as playTransitionOverlay, nn as TRANSITION_SPEED_DURATION_MS, p as CINEMATIC_TRANSITION_KEYFRAMES, qn as resolveSlideTransition, t as TransitionOverlayParams } from "./transition-overlay-f0pbzLt7.js";
 export { CINEMATIC_TRANSITION_KEYFRAMES, DEFAULT_MORPH_DURATION_MS, DEFAULT_TRANSITION_DURATION_MS, EASE, INSTANT, P14_TRANSITION_KEYFRAMES, P14_TRANSITION_KEYFRAMES_2, P14_TRANSITION_KEYFRAMES_ALL, RANDOM_ELIGIBLE_TYPES, type ResolvedDirection, type ResolvedDirection8, SLIDE_TRANSITION_KEYFRAMES, SLIDE_TRANSITION_KEYFRAMES_CSS, type SlideTransitionAnimations, TRANSITION_SPEED_DURATION_MS, type TransitionOverlayParams, WHEEL_SPOKE_COUNTS, getCinematicTransitionAnimations, getP14TransitionAnimations, getSlideTransitionAnimations, playTransitionOverlay, resolveDirection, resolveDirection8, resolveOrientation, resolveSlideTransition, resolveTransitionDurationMs, resolveWheelSpokeCount };

package/dist/internals.js

@@ -1 +1 @@
-export{d as playTransitionOverlay}from'./chunk-W4OVIZLY.js';export{bi as CINEMATIC_TRANSITION_KEYFRAMES,Bd as DEFAULT_MORPH_DURATION_MS,Ad as DEFAULT_TRANSITION_DURATION_MS,Dd as EASE,zd as INSTANT,Zh as P14_TRANSITION_KEYFRAMES,_h as P14_TRANSITION_KEYFRAMES_2,$h as P14_TRANSITION_KEYFRAMES_ALL,yd as RANDOM_ELIGIBLE_TYPES,di as SLIDE_TRANSITION_KEYFRAMES,ei as SLIDE_TRANSITION_KEYFRAMES_CSS,Cd as TRANSITION_SPEED_DURATION_MS,Ed as WHEEL_SPOKE_COUNTS,ai as getCinematicTransitionAnimations,fi as getP14TransitionAnimations,gi as getSlideTransitionAnimations,vd as resolveDirection,wd as resolveDirection8,xd as resolveOrientation,hi as resolveSlideTransition,ii as resolveTransitionDurationMs,Fd as resolveWheelSpokeCount}from'./chunk-HNPNPPFD.js';import'./chunk-62D2TNHX.js';
+export{d as playTransitionOverlay}from'./chunk-VFHGFYEN.js';export{Oh as CINEMATIC_TRANSITION_KEYFRAMES,ld as DEFAULT_MORPH_DURATION_MS,kd as DEFAULT_TRANSITION_DURATION_MS,nd as EASE,jd as INSTANT,Kh as P14_TRANSITION_KEYFRAMES,Lh as P14_TRANSITION_KEYFRAMES_2,Mh as P14_TRANSITION_KEYFRAMES_ALL,id as RANDOM_ELIGIBLE_TYPES,Qh as SLIDE_TRANSITION_KEYFRAMES,Rh as SLIDE_TRANSITION_KEYFRAMES_CSS,md as TRANSITION_SPEED_DURATION_MS,od as WHEEL_SPOKE_COUNTS,Nh as getCinematicTransitionAnimations,Sh as getP14TransitionAnimations,Th as getSlideTransitionAnimations,fd as resolveDirection,gd as resolveDirection8,hd as resolveOrientation,Uh as resolveSlideTransition,Vh as resolveTransitionDurationMs,pd as resolveWheelSpokeCount}from'./chunk-ACEQOODH.js';import'./chunk-62D2TNHX.js';

package/dist/styles.css

@@ -265,6 +265,7 @@
 /* Virtualized rail: block layout for the absolute-positioned window. :where()
    keeps the .pptxv-thumbs-virtualized part at zero specificity so the mobile
    and presenting display:none rules on the rail still win. */
+.pptxv-thumbs-window { gap: 8px; }
 :where(.pptxv-thumbs-virtualized) .pptxv-thumbs-list { display: block; }
 .pptxv-thumbs[hidden] { display: none; }
 .pptxv-thumbs-footer {
@@ -1543,7 +1544,6 @@
 /* Design > Edit Theme docks the deck THEME EDITOR card, a column, not a chip row. */
 .pptxv-theme-gallery-host > .pptxv-deck-theme-editor { display: block; width: 300px; max-height: 70vh; overflow-y: auto; padding: 0; }
 .pptxv-theme-swatch-preview { display: block; width: 20px; height: 20px; flex: none; border: 1px solid var(--pptx-border); border-radius: 4px; }
-.pptxv-record-dot { width: 12px; height: 12px; margin: 7px; border-radius: 50%; background: #ef4444; }
 .pptxv-shortcut-help { align-self: center; padding: 5px 8px; color: var(--pptx-muted-foreground); font-size: 11px; }
 .pptxv-ribbon-insert-content {
 	flex-wrap: nowrap;
@@ -4064,43 +4064,6 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 .pptxv-tags-empty { margin: 6px 0 0; color: var(--pptx-muted-foreground); font-size: 10px; }
 .pptxv-tags-empty[hidden] { display: none; }
 
-/* ── Theme editor card ───────────────────────────────────────────────── */
-.pptxv-theme-name .pptxv-field-input { width: 100%; }
-.pptxv-theme-presets { display: grid; gap: 4px; margin: 8px 0; }
-.pptxv-theme-preset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
-.pptxv-theme-preset {
-	display: grid;
-	min-width: 0;
-	gap: 2px;
-	padding: 4px;
-	border: 1px solid var(--pptx-border);
-	border-radius: var(--pptx-radius);
-	background: transparent;
-	color: var(--pptx-muted-foreground);
-	font: inherit;
-	font-size: 10px;
-	cursor: pointer;
-}
-.pptxv-theme-preset:hover:not(:disabled) { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-theme-preset.is-active { border-color: var(--pptx-primary); color: var(--pptx-primary); }
-.pptxv-theme-preset-swatches { display: flex; gap: 2px; }
-.pptxv-theme-preset-dot { display: block; width: 100%; height: 10px; border-radius: 2px; }
-.pptxv-theme-preset-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.pptxv-theme-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; margin-bottom: 8px; }
-.pptxv-theme-slot { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; font-size: 10px; }
-.pptxv-theme-slot-label { overflow: hidden; color: var(--pptx-muted-foreground); text-overflow: ellipsis; white-space: nowrap; }
-.pptxv-theme-slot-input { width: 26px; height: 20px; padding: 0; border: 1px solid var(--pptx-border); border-radius: 3px; background: transparent; }
-.pptxv-theme-preview {
-	display: grid;
-	gap: 2px;
-	margin: 8px 0;
-	padding: 8px;
-	border: 1px solid var(--pptx-border);
-	border-radius: var(--pptx-radius);
-}
-.pptxv-theme-preview-heading { font-size: 13px; font-weight: 600; }
-.pptxv-theme-preview-body { font-size: 11px; }
-
 /* ── Alt text (image section) ────────────────────────────────────────── */
 .pptxv-image-alt { display: grid; gap: 3px; margin: 6px 0; }
 .pptxv-image-alt-input {
@@ -5205,3 +5168,477 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 .pptxv-run-program-notice-dismiss:hover { background: var(--pptx-accent); }
 .pptxv-run-program-notice-dismiss svg { width: 12px; height: 12px; margin: 0; }
 
+
+[data-pptx-editor-chrome] [data-pptx-chrome][hidden] { display: none !important; }
+@media (min-width: 768px) {
+  [data-pptx-editor-chrome] [data-pptx-title-bar] {
+    background: color-mix(in oklab, var(--pptx-secondary) 80%, transparent);
+    border-bottom-color: color-mix(in oklab, var(--pptx-border) 60%, transparent);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="body"] {
+    position: relative; display: flex; flex: 1; min-width: 0; min-height: 0;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="body"] [data-pptx-viewport] {
+    background: var(--pptx-background);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slides"] {
+    flex-shrink: 0; min-width: 0; box-sizing: border-box;
+    background: color-mix(in oklab, var(--pptx-secondary) 30%, transparent);
+    border-right: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-footer"] {
+    padding: 6px 8px; border-top: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-footer"] > button {
+    width: 100%; display: flex; justify-content: center; align-items: center;
+    gap: 4px; padding: 4px 8px; font-size: 11px; line-height: 16.5px;
+    border: 0; background: transparent; color: var(--pptx-muted-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="notes"] {
+    flex: none; width: 100%; margin: 0; box-sizing: border-box;
+    border-top: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
+    background: var(--pptx-background);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="notes-host"] {
+    padding: 0; border: 0; background: transparent;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="notes-header"] {
+    display: flex; align-items: center; gap: 6px; width: 100%;
+    box-sizing: border-box; padding: 4px 12px; min-height: 24.5px;
+    border: 0; background: transparent; color: var(--pptx-muted-foreground);
+    font-size: 11px; line-height: 16.5px; font-weight: 500;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="notes-header"] svg { width: 12px; height: 12px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="notes-header"]:hover { color: var(--pptx-foreground); }
+}
+
+@media (min-width: 768px) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-list"] {
+    display: block; padding: 0 6px 8px; gap: 4px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-window"] {
+    display: flex; flex-direction: column; gap: 4px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-wrapper"] {
+    border: 0; padding: 0; border-radius: 0; background: transparent;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-row"] {
+    position: relative; display: flex; width: 100%; align-items: center;
+    gap: 4px; margin: 0; padding: 2px 4px; border: 0; border-radius: 0;
+    box-sizing: border-box; background: transparent; color: var(--pptx-muted-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-row"]:is([aria-current="true"], [aria-current="page"]) {
+    background: color-mix(in oklab, var(--pptx-accent) 40%, transparent);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-row"]:is([aria-current="true"], [aria-current="page"])::before {
+    content: ""; position: absolute; left: 0; top: 4px; bottom: 4px;
+    width: 3px; border-radius: 0 2px 2px 0; background: var(--pptx-primary);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-number"] {
+    flex: 0 0 20px; width: 20px; min-width: 0; padding: 0;
+    font-family: inherit; font-size: 10px; line-height: 15px; text-align: right;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-frame"] {
+    display: block; flex-shrink: 0; overflow: hidden; box-sizing: content-box;
+    border: 1px solid transparent; border-radius: 0; outline: none; background: white;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-row"]:is([aria-current="true"], [aria-current="page"]) [data-pptx-chrome="slide-frame"] {
+    border-color: color-mix(in oklab, var(--pptx-primary) 60%, transparent);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="slide-row"]:is([aria-current="true"], [aria-current="page"]) [data-pptx-chrome="slide-number"] {
+    color: var(--pptx-primary); font-weight: 500;
+  }
+}
+
+@media (min-width: 768px) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon"] {
+    background: color-mix(in oklab, var(--pptx-secondary) 50%, transparent);
+    color: var(--pptx-foreground); border-bottom: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-primary"] {
+    min-height: 32px; height: 32px; padding: 2px 6px; gap: 2px;
+    border: 0; box-sizing: border-box;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] {
+    display: flex; align-items: center; height: 35px; min-height: 35px;
+    gap: 0; padding: 0 4px; box-sizing: border-box;
+    border-top: 0; border-bottom: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] [role="tablist"] {
+    gap: 0; padding: 0; border: 0;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tab-scroll"] {
+    display: flex; flex: 1; min-width: 0; overflow-x: auto; overflow-y: hidden;
+    height: 35px; align-self: flex-start; align-items: flex-start; margin-bottom: -1px;
+    padding: 0; gap: 0; border: 0; scrollbar-width: none;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"]:has([data-pptx-chrome="ribbon-tab-scroll"]) { overflow: visible; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] [role="tab"] {
+    position: relative; height: 34px; padding: 8px 14px;
+    border: 0; border-radius: 0; font-size: 12px; line-height: 18px;
+    font-weight: 500; white-space: nowrap; background: transparent;
+    color: var(--pptx-muted-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] [role="tab"][aria-selected="true"] {
+    color: var(--pptx-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] [role="tab"]::after { content: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-tabs"] [role="tab"][aria-selected="true"]::after {
+    content: ""; position: absolute; bottom: -1px; left: 0; right: 0;
+    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;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-group-label"] {
+    font-size: 9px; line-height: 9px; font-weight: 400;
+    color: var(--pptx-muted-foreground); text-align: center;
+  }
+}
+
+@media (min-width: 768px) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector"] {
+    background: var(--pptx-background); color: var(--pptx-foreground);
+    font-size: 12px; line-height: 18px; border-left: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-header"] {
+    display: flex; align-items: center; gap: 4px;
+    padding: 8px; border-bottom: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-tabs"] {
+    display: flex; gap: 2px; padding: 2px; border: 0; border-radius: 4px;
+    background: color-mix(in oklab, var(--pptx-muted) 50%, transparent);
+    flex: 1; min-width: 0;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-tabs"] button {
+    display: inline-flex; align-items: center; justify-content: center;
+    gap: 4px; padding: 4px; min-height: 28px; border: 0; border-radius: 2px;
+    font-size: 11px; line-height: 16.5px; font-weight: 500;
+    background: transparent; color: var(--pptx-muted-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-tabs"] svg { width: 14px; height: 14px; flex: none; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-header"] > button { flex: none; width: 28px; height: 28px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-tabs"] button[aria-selected="true"] {
+    background: var(--pptx-primary); color: var(--pptx-primary-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector-body"] { padding: 12px 10px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="deck-properties"] {
+    display: flex; flex-direction: column; gap: 12px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="deck-properties"] > * { margin: 0; }
+  [data-pptx-editor-chrome] :is([data-pptx-chrome="inspector-card"], .pptx-editor-card) {
+    border: 1px solid var(--pptx-border); border-radius: 4px;
+    padding: 8px; background: var(--pptx-card); font-size: 12px; line-height: 18px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="inspector"] [data-pptx-chrome="deck-properties"] :is([data-pptx-chrome="inspector-card"], .pptx-editor-card) {
+    padding: 8px; border: 1px solid var(--pptx-border);
+  }
+  [data-pptx-editor-chrome] :is([data-pptx-chrome="inspector-heading"], .pptx-editor-heading) {
+    margin: 0 0 8px; font-size: 11px; line-height: 16.5px; font-weight: 400;
+    letter-spacing: 0.275px; text-transform: uppercase; color: var(--pptx-muted-foreground);
+  }
+  [data-pptx-editor-chrome] .pptx-editor-presentation-card { display: block; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] {
+    display: grid; gap: 6px; font-size: 11px; line-height: 18px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] > * {
+    display: flex; align-items: center; justify-content: space-between;
+    gap: 8px; padding: 0; margin: 0; font-size: 11px; line-height: 18px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] > * > span { flex-shrink: 0; order: 0; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] pptx-ui-checkbox { order: 1; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] pptx-ui-select {
+    flex: none; width: 112px; height: 28px; min-height: 28px;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="presentation-fields"] input[type="number"] {
+    width: 64px; height: 22.5px; min-height: 22.5px;
+  }
+  [data-pptx-editor-chrome] :is([data-pptx-chrome="inspector-card"], .pptx-editor-card) :is(input:not([type="checkbox"]):not([type="color"]), select) {
+    box-sizing: border-box; max-width: 100%; border: 1px solid var(--pptx-border);
+    border-radius: 4px; padding: 2px 6px; font-size: 11px; line-height: 16.5px;
+    background: var(--pptx-muted); color: var(--pptx-foreground);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="theme-editor"] {
+    position: absolute; right: 0; top: 0; z-index: 30; width: 288px; height: 100%;
+    box-sizing: border-box; overflow-y: auto; padding: 10px;
+    background: var(--pptx-card); color: var(--pptx-foreground);
+    border-left: 1px solid var(--pptx-border); box-shadow: -8px 0 24px rgb(0 0 0 / 15%);
+  }
+}
+@media (max-width: 767px) {
+  [data-pptx-editor-chrome] [data-pptx-chrome="theme-editor"] {
+    position: absolute; inset: auto 0 0; z-index: 30; width: 100%; max-height: 60%;
+    box-sizing: border-box; overflow-y: auto; padding: 10px;
+    border-top: 1px solid var(--pptx-border); border-radius: 12px 12px 0 0;
+    background: var(--pptx-card); color: var(--pptx-foreground);
+  }
+}
+
+@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) {
+    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-ribbon-group="home.clipboard"] > :first-child { gap: 0; }
+  [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);
+  }
+}
+
+@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;
+  }
+  [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-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;
+  }
+  [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="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;
+    width: var(--pptx-editor-font-picker-width);
+    min-width: var(--pptx-editor-font-picker-width);
+    max-width: var(--pptx-editor-font-picker-width);
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="ribbon-content"] [data-ribbon-control="home.font.fontSize"] {
+    --pptx-editor-font-picker-width: 64px;
+    font-variant-numeric: tabular-nums;
+  }
+}
+
+@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]  :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="list-controls"] {
+    display: inline-flex; align-items: center; gap: 4px;
+    border: 0; padding: 0; background: transparent;
+  }
+  [data-pptx-editor-chrome] [data-pptx-chrome="paragraph-controls"] :is(
+    [data-ribbon-control="home.paragraph.decreaseIndent"],
+    [data-ribbon-control="home.paragraph.alignLeft"],
+    [data-ribbon-control="home.paragraph.alignCenter"],
+    [data-ribbon-control="home.paragraph.alignRight"]
+  ) { margin-right: -4px; }
+  [data-pptx-editor-chrome] [data-pptx-chrome="paragraph-controls"] [data-pptx-chrome="control-cluster"] { display: contents; }
+  [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"] {
+    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;
+  }
+  [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="editing-controls"] [data-pptx-chrome="control-cluster"],
+  [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="editing-controls"] > button[data-ribbon-control="home.editing.find"] { margin-right: -4px; }
+  [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; }
+}
+
+@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="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-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;
+  }
+  [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;
+  }
+  [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;
+  }
+  [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; }
+}
+
+@media (min-width: 768px) {
+  [data-pptx-editor-chrome] [data-ribbon-group="home.clipboard"] > :first-child,
+  [data-pptx-editor-chrome] [data-pptx-chrome="paragraph-controls"] [data-pptx-chrome="control-cluster"],
+  [data-pptx-editor-chrome] [data-pptx-chrome="editing-controls"] [data-pptx-chrome="control-cluster"],
+  [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="paragraph-controls"] [data-pptx-chrome="control-cluster"] {
+    display: inline-flex; align-items: center; gap: 0; overflow: hidden;
+  }
+  [data-pptx-editor-chrome] :is([data-pptx-chrome="paragraph-controls"], [data-pptx-chrome="editing-controls"])
+  [data-pptx-chrome="control-cluster"] > button { margin-right: 0; }
+  [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; }
+}
+