pptx-vanilla-viewer 3.17.0 → 3.18.0

package/dist/internals.cjs

@@ -1 +1 @@
-'use strict';var chunkE5YBMWZK_cjs=require('./chunk-E5YBMWZK.cjs'),chunkANLE2GSJ_cjs=require('./chunk-ANLE2GSJ.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunkE5YBMWZK_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Ph}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.ld}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.kd}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.nd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.jd}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Lh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Mh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Nh}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.id}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Rh}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Sh}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.md}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.od}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Oh}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Th}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Uh}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.fd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.gd}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.hd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Vh}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.Wh}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunkANLE2GSJ_cjs.pd}});
+'use strict';var chunkEMSE4OQH_cjs=require('./chunk-EMSE4OQH.cjs'),chunkD7BK5MWN_cjs=require('./chunk-D7BK5MWN.cjs');require('./chunk-B5PFHICE.cjs');Object.defineProperty(exports,"playTransitionOverlay",{enumerable:true,get:function(){return chunkEMSE4OQH_cjs.d}});Object.defineProperty(exports,"CINEMATIC_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Ph}});Object.defineProperty(exports,"DEFAULT_MORPH_DURATION_MS",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.nd}});Object.defineProperty(exports,"DEFAULT_TRANSITION_DURATION_MS",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.md}});Object.defineProperty(exports,"EASE",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.pd}});Object.defineProperty(exports,"INSTANT",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.ld}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Lh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_2",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Mh}});Object.defineProperty(exports,"P14_TRANSITION_KEYFRAMES_ALL",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Nh}});Object.defineProperty(exports,"RANDOM_ELIGIBLE_TYPES",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.kd}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Rh}});Object.defineProperty(exports,"SLIDE_TRANSITION_KEYFRAMES_CSS",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Sh}});Object.defineProperty(exports,"TRANSITION_SPEED_DURATION_MS",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.od}});Object.defineProperty(exports,"WHEEL_SPOKE_COUNTS",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.qd}});Object.defineProperty(exports,"getCinematicTransitionAnimations",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Oh}});Object.defineProperty(exports,"getP14TransitionAnimations",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Th}});Object.defineProperty(exports,"getSlideTransitionAnimations",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Uh}});Object.defineProperty(exports,"resolveDirection",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.hd}});Object.defineProperty(exports,"resolveDirection8",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.id}});Object.defineProperty(exports,"resolveOrientation",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.jd}});Object.defineProperty(exports,"resolveSlideTransition",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Vh}});Object.defineProperty(exports,"resolveTransitionDurationMs",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.Wh}});Object.defineProperty(exports,"resolveWheelSpokeCount",{enumerable:true,get:function(){return chunkD7BK5MWN_cjs.rd}});

package/dist/internals.d.ts

@@ -1,2 +1,2 @@
-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-DjUk9Dpn.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-BBrtzGDc.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-465U4ONU.js';export{Ph as CINEMATIC_TRANSITION_KEYFRAMES,ld as DEFAULT_MORPH_DURATION_MS,kd as DEFAULT_TRANSITION_DURATION_MS,nd as EASE,jd as INSTANT,Lh as P14_TRANSITION_KEYFRAMES,Mh as P14_TRANSITION_KEYFRAMES_2,Nh as P14_TRANSITION_KEYFRAMES_ALL,id as RANDOM_ELIGIBLE_TYPES,Rh as SLIDE_TRANSITION_KEYFRAMES,Sh as SLIDE_TRANSITION_KEYFRAMES_CSS,md as TRANSITION_SPEED_DURATION_MS,od as WHEEL_SPOKE_COUNTS,Oh as getCinematicTransitionAnimations,Th as getP14TransitionAnimations,Uh as getSlideTransitionAnimations,fd as resolveDirection,gd as resolveDirection8,hd as resolveOrientation,Vh as resolveSlideTransition,Wh as resolveTransitionDurationMs,pd as resolveWheelSpokeCount}from'./chunk-255BQTPS.js';import'./chunk-62D2TNHX.js';
+export{d as playTransitionOverlay}from'./chunk-7OEVL4PF.js';export{Ph as CINEMATIC_TRANSITION_KEYFRAMES,nd as DEFAULT_MORPH_DURATION_MS,md as DEFAULT_TRANSITION_DURATION_MS,pd as EASE,ld as INSTANT,Lh as P14_TRANSITION_KEYFRAMES,Mh as P14_TRANSITION_KEYFRAMES_2,Nh as P14_TRANSITION_KEYFRAMES_ALL,kd as RANDOM_ELIGIBLE_TYPES,Rh as SLIDE_TRANSITION_KEYFRAMES,Sh as SLIDE_TRANSITION_KEYFRAMES_CSS,od as TRANSITION_SPEED_DURATION_MS,qd as WHEEL_SPOKE_COUNTS,Oh as getCinematicTransitionAnimations,Th as getP14TransitionAnimations,Uh as getSlideTransitionAnimations,hd as resolveDirection,id as resolveDirection8,jd as resolveOrientation,Vh as resolveSlideTransition,Wh as resolveTransitionDurationMs,rd as resolveWheelSpokeCount}from'./chunk-4XVBHRN5.js';import'./chunk-62D2TNHX.js';

package/dist/styles.css

@@ -121,97 +121,21 @@
    here; the shell rules live in `parity-dialog-css`. */
 .pptxv-autosave-recovery .pptxv-parity-dialog { width: min(420px, calc(100vw - 32px)); }
 .pptxv-autosave-recovery .pptxv-parity-footer { flex-wrap: wrap; }
-.pptxv-autosave-recovery .pptxv-parity-footer button:disabled { cursor: not-allowed; opacity: .55; }
 .pptxv-autosave-recovery-message { margin: 0; overflow-wrap: anywhere; line-height: 1.45; }
 .pptxv-autosave-recovery-age { margin: 0; color: var(--pptx-muted-foreground); font-size: 11px; }
 
-/* ── PowerPoint-style title bar ─────────────────────────────────────── */
-.pptxv-titlebar {
-	position: relative;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	height: 36px;
-	padding: 0 8px;
-	border-bottom: 1px solid var(--pptx-border);
-	background: var(--pptx-card);
-	color: var(--pptx-card-foreground);
-	font-size: 11px;
-	user-select: none;
-}
-.pptxv-titlebar-logo {
-	display: inline-grid;
-	width: 20px;
-	height: 20px;
-	place-items: center;
-	border-radius: 3px;
-	background: #c43e1c;
-	color: #fff;
-	font-size: 10px;
-	font-weight: 700;
-}
-.pptxv-titlebar-autosave, .pptxv-titlebar-file { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
-.pptxv-titlebar-autosave-label, .pptxv-titlebar-status { color: var(--pptx-muted-foreground); white-space: nowrap; }
-.pptxv-titlebar-switch {
-	position: relative;
-	width: 28px;
-	height: 14px;
-	padding: 0;
-	border: 0;
-	border-radius: 999px;
-	background: var(--pptx-muted-foreground);
-	cursor: pointer;
-}
-.pptxv-titlebar-switch.is-on { background: var(--pptx-primary); }
-/* The host passed `autosave: false`: the switch is a policy the user cannot
-   override, so it reads as unavailable instead of silently doing nothing. */
-.pptxv-titlebar-switch.is-disabled { opacity: .45; cursor: not-allowed; }
-.pptxv-titlebar-switch-knob { position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; transition: transform 120ms ease; }
-/* The knob is parked at its "off" offset, so the travel is the difference
-   between the two offsets, not the "on" offset itself. */
-.pptxv-titlebar-switch.is-on .pptxv-titlebar-switch-knob { transform: translateX(13px); }
-.pptxv-titlebar-switch:focus-visible, .pptxv-titlebar-btn:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
+/* ── PowerPoint-style title bar ───────────────────────────────────────
+   The shared pptx-ui-title-bar owns its own layout, metrics and responsive rules;
+   only host-owned slotted parts (the AI toggle) are styled here. */
+.pptxv-titlebar, .pptxv-qat-strip { display: block; }
 .pptxv-titlebar-btn { width: 24px; height: 24px; }
 .pptxv-titlebar-btn:hover:not(:disabled) { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-titlebar-sep { width: 1px; height: 16px; background: var(--pptx-border); }
-.pptxv-titlebar-filename { overflow: hidden; max-width: 180px; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; }
-.pptxv-titlebar-dot { color: var(--pptx-muted-foreground); }
-.pptxv-titlebar-status.is-error { color: #dc2626; }
-.pptxv-titlebar-status.is-saving { color: #ca8a04; }
-/*
- * Flex-based centering (not position:absolute + left:50%): an absolutely
- * positioned box centers on the FULL bar width regardless of how much room
- * the file name / status text on the left actually uses, so a longer status
- * message (e.g. "Saved to this PC") gets visually covered by the search box
- * instead of the two ever sharing space. flex:1 here reserves the real
- * remaining width between the file group and the bar's end, and centers the
- * search box within that.
- */
-.pptxv-titlebar-search { flex: 1 1 auto; display: flex; justify-content: center; min-width: 20px; }
-.pptxv-cmdsearch { position: relative; width: min(320px, 30vw); }
-.pptxv-cmdsearch-box { display: flex; align-items: center; gap: 8px; height: 24px; padding: 0 12px; border: 1px solid var(--pptx-border); border-radius: 6px; background: var(--pptx-muted); color: var(--pptx-muted-foreground); }
-.pptxv-cmdsearch-box:focus-within { border-color: var(--pptx-ring); }
-.pptxv-cmdsearch-box svg { width: 12px; height: 12px; flex: none; }
-.pptxv-cmdsearch-input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--pptx-foreground); font: inherit; }
-.pptxv-cmdsearch-menu { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; left: 0; overflow: hidden; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-card); box-shadow: 0 8px 20px rgb(0 0 0 / 0.16); }
-.pptxv-cmdsearch-item, .pptxv-cmdsearch-empty { display: block; width: 100%; padding: 7px 9px; border: 0; background: transparent; color: var(--pptx-foreground); font: inherit; text-align: left; }
-.pptxv-cmdsearch-item { cursor: pointer; }
-.pptxv-cmdsearch-item:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-cmdsearch-empty { color: var(--pptx-muted-foreground); }
-@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-titlebar, .pptxv-qat-row { display: none; } }
+.pptxv-titlebar-btn:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-qat-row { display: none; } }
 
 /* Quick Access Toolbar docked below the Ribbon (Options > Quick Access
    Toolbar > position); hidden and empty until the strip is moved in. */
-.pptxv-qat-row {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	min-height: 36px;
-	padding: 0 8px;
-	border-bottom: 1px solid var(--pptx-border);
-	background: var(--pptx-card);
-}
-.pptxv-qat-row .pptxv-qat { display: flex; align-items: center; gap: 4px; }
+.pptxv-qat-row[hidden] { display: none; }
 
 /* Trust Center > Protected View banner: PowerPoint's persistent "this file
    is read-only until you Enable Editing" bar under the Ribbon. */
@@ -359,19 +283,16 @@
 }
 /* React's SectionBlock paints the same 10px p15:sectionPr/@clr dot. */
 .pptxv-thumb-section-color { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 50%; }
-.pptxv-thumb-section-actions { display: flex; gap: 1px; }
-.pptxv-thumb-section-actions button {
-	width: 18px;
-	height: 18px;
-	padding: 0;
-	border: 0;
+.pptxv-thumb-section-rename {
+	min-width: 0;
+	flex: 1;
+	padding: 0 4px;
+	border: 1px solid var(--pptx-primary, #3b82f6);
 	border-radius: 3px;
-	background: transparent;
-	color: var(--pptx-muted-foreground);
-	cursor: pointer;
+	background: var(--pptx-card);
+	color: var(--pptx-card-foreground);
+	font: inherit;
 }
-.pptxv-thumb-section-actions button:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-thumb-section-actions button:disabled { opacity: .35; cursor: default; }
 .pptxv-thumb-section-slides { display: flex; flex-direction: column; gap: 8px; }
 
 /* ── Viewport / stage ────────────────────────────────────────────────── */
@@ -715,15 +636,7 @@
 .pptxv-notes-chevron { font-size: 0.75rem; }
 .pptxv-notes-body { padding: 0 10px 10px; }
 .pptxv-notes-body[hidden] { display: none; }
-.pptxv-notes-toolbar { display: flex; align-items: center; gap: 2px; margin: 0 0 6px; }
-.pptxv-notes-tool, .pptxv-notes-mode {
-  min-width: 26px; height: 24px; padding: 0 6px; border: 1px solid var(--pptx-border);
-  border-radius: 3px; background: var(--pptx-muted); color: var(--pptx-foreground); cursor: pointer;
-  font-size: 0.75rem; line-height: 1;
-}
-.pptxv-notes-mode { margin-left: auto; font-size: 0.6875rem; }
-.pptxv-notes-tool:hover, .pptxv-notes-mode:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-notes-tool:focus-visible, .pptxv-notes-mode:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
+.pptxv-notes-toolbar { margin: 0 0 6px; } /* the row itself is the shared pptx-ui-notes-toolbar */
 .pptxv-notes-rich-editor {
   box-sizing: border-box; width: 100%; min-height: 76px; max-height: 192px; overflow-y: auto;
   border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted);
@@ -758,58 +671,7 @@
 }
 
 /* ── Bottom status bar ──────────────────────────────────────────────── */
-.pptxv-statusbar {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	/* Pinned from the shared metric rather than left to emerge from the padding
-	   + button box, which is how this row ended up 2px shorter than the others. */
-	min-height: 29px;
-	padding: 2px 8px;
-	border-top: 1px solid var(--pptx-border);
-	background: color-mix(in srgb, var(--pptx-secondary) 50%, transparent);
-	color: var(--pptx-muted-foreground);
-	font-size: 10px;
-}
-.pptxv-statusbar-spacer { flex: 1; }
-.pptxv-statusbar-sep { width: 1px; height: 12px; margin: 0 4px; background: var(--pptx-border); opacity: 0.6; }
-.pptxv-statusbar-btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	gap: 4px;
-	min-width: 24px;
-	height: 22px;
-	padding: 2px 4px;
-	border: none;
-	border-radius: 3px;
-	background: transparent;
-	color: inherit;
-	font: inherit;
-	cursor: pointer;
-}
-.pptxv-statusbar-btn:hover:not(:disabled) { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-.pptxv-statusbar-btn:disabled { opacity: 0.4; cursor: default; }
-.pptxv-statusbar-btn.is-active { color: var(--pptx-primary); }
-.pptxv-statusbar-btn:focus-visible,
-.pptxv-statusbar-zoom:focus-visible { outline: 2px solid var(--pptx-ring); outline-offset: 1px; }
-.pptxv-statusbar-btn svg, .pptxv-statusbar-icon svg { width: 12px; height: 12px; display: block; }
-.pptxv-statusbar-counter, .pptxv-statusbar-text { white-space: nowrap; }
-.pptxv-statusbar-save.is-saving { color: #ca8a04; }
-.pptxv-statusbar-save.is-error { color: #dc2626; }
-.pptxv-statusbar-zoom {
-	min-width: 48px;
-	height: 22px;
-	padding: 2px 6px;
-	border: none;
-	border-radius: 3px;
-	background: transparent;
-	color: inherit;
-	font: inherit;
-	font-variant-numeric: tabular-nums;
-	cursor: pointer;
-}
-.pptxv-statusbar-zoom:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
+/* The row itself is the shared pptx-ui-status-bar; only visibility is host-owned. */
 .pptxv.pptxv-presenting .pptxv-statusbar { display: none; }
 
 @media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) {
@@ -2647,110 +2509,6 @@
 	transform: translateX(-50%);
 	transition: opacity var(--pptx-pt-fade) ease;
 }
-.pptxv-present-toolbar {
-	display: flex;
-	align-items: center;
-	gap: var(--pptx-pt-gap);
-	padding: var(--pptx-pt-pad-y) var(--pptx-pt-pad-x);
-	border: 1px solid var(--pptx-pt-border);
-	border-radius: var(--pptx-pt-radius);
-	background: var(--pptx-pt-bg);
-	color: #fff;
-	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 45%);
-	backdrop-filter: blur(12px);
-}
-/* Two class levels so these beat the base .pptxv-btn box (28x28, theme accent
-   hover) without !important; the bar's buttons are 36x36 and always dark. */
-.pptxv-present-toolbar .pptxv-present-btn {
-	position: relative;
-	width: var(--pptx-pt-button);
-	height: var(--pptx-pt-button);
-	border-radius: var(--pptx-pt-control-radius);
-	background: transparent;
-	color: rgb(255 255 255 / 70%);
-	transition: color 150ms ease, background-color 150ms ease;
-}
-.pptxv-present-toolbar .pptxv-present-btn svg { width: var(--pptx-pt-icon); height: var(--pptx-pt-icon); }
-.pptxv-present-toolbar .pptxv-present-btn:hover:not(:disabled) { background: rgb(255 255 255 / 10%); color: #fff; }
-.pptxv-present-toolbar .pptxv-present-btn.is-active { background: rgb(255 255 255 / 25%); color: #fff; }
-.pptxv-present-toolbar .pptxv-present-btn:disabled { opacity: 1; background: transparent; color: rgb(255 255 255 / 20%); cursor: not-allowed; }
-.pptxv-present-toolbar .pptxv-present-danger:hover:not(:disabled) { color: #f87171; }
-.pptxv-present-toolbar .pptxv-present-caret {
-	width: var(--pptx-pt-caret);
-	margin-left: calc(-1 * var(--pptx-pt-caret-overlap));
-	border-radius: 0 var(--pptx-pt-control-radius) var(--pptx-pt-control-radius) 0;
-	color: rgb(255 255 255 / 50%);
-}
-.pptxv-present-toolbar .pptxv-present-caret svg { width: var(--pptx-pt-caret-icon); height: var(--pptx-pt-caret-icon); }
-.pptxv-present-group { position: relative; display: flex; align-items: center; }
-.pptxv-present-swatch-bar {
-	position: absolute;
-	bottom: 2px;
-	left: 50%;
-	width: var(--pptx-pt-swatch-bar-w);
-	height: var(--pptx-pt-swatch-bar-h);
-	border-radius: 999px;
-	transform: translateX(-50%);
-	pointer-events: none;
-}
-.pptxv-present-divider {
-	flex: none;
-	width: var(--pptx-pt-divider-w);
-	height: var(--pptx-pt-divider-h);
-	margin: 0 var(--pptx-pt-divider-mx);
-	background: var(--pptx-pt-divider-color);
-}
-.pptxv-present-counter {
-	min-width: var(--pptx-pt-counter-min);
-	padding: 0 6px;
-	color: rgb(255 255 255 / 80%);
-	font: var(--pptx-pt-font-size) / var(--pptx-pt-line-height) ui-monospace, monospace;
-	font-variant-numeric: tabular-nums;
-	text-align: center;
-	user-select: none;
-}
-.pptxv-present-timer {
-	display: flex;
-	align-items: center;
-	gap: var(--pptx-pt-timer-gap);
-	padding: 0 4px;
-	color: rgb(255 255 255 / 60%);
-	font: var(--pptx-pt-font-size) / var(--pptx-pt-line-height) ui-monospace, monospace;
-	font-variant-numeric: tabular-nums;
-	user-select: none;
-}
-.pptxv-present-timer svg { width: var(--pptx-pt-timer-icon); height: var(--pptx-pt-timer-icon); flex: none; }
-.pptxv-present-palette {
-	position: absolute;
-	/* Shrink-to-fit against the 64px tool+caret pair squeezes the four 36px
-	   columns into 50px and makes the swatches overlap, so the popover must size
-	   to its own content. */
-	width: max-content;
-	bottom: 100%;
-	left: 50%;
-	display: grid;
-	grid-template-columns: repeat(var(--pptx-pt-palette-cols), auto);
-	gap: var(--pptx-pt-palette-gap);
-	margin-bottom: 8px;
-	padding: var(--pptx-pt-palette-pad);
-	border: 1px solid rgb(255 255 255 / 20%);
-	border-radius: 8px;
-	background: #262626;
-	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 40%);
-	transform: translateX(-50%);
-}
-.pptxv-present-palette[hidden] { display: none; }
-.pptxv-present-swatch {
-	width: var(--pptx-pt-swatch);
-	height: var(--pptx-pt-swatch);
-	padding: 0;
-	border: 2px solid rgb(255 255 255 / 20%);
-	border-radius: 50%;
-	cursor: pointer;
-	transition: transform 150ms ease;
-}
-.pptxv-present-swatch:hover { transform: scale(1.1); }
-.pptxv-present-swatch.is-selected { border-color: #fff; }
 
 
 /* The show toolbar stands down while the console is up: the console carries its
@@ -2767,49 +2525,8 @@
 	color: var(--pptx-foreground);
 	font-family: inherit;
 }
-.pptxv-presenter-strip {
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	gap: var(--pptx-pv-strip-gap);
-	padding: var(--pptx-pv-strip-pad-y) var(--pptx-pv-strip-pad-x);
-	border-bottom: 1px solid var(--pptx-border);
-	background: var(--pptx-card);
-}
-.pptxv-presenter-strip-btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	gap: 6px;
-	min-width: var(--pptx-pv-control);
-	height: var(--pptx-pv-control);
-	padding: 0 8px;
-	border: 0;
-	border-radius: var(--pptx-pv-control-radius);
-	background: var(--pptx-secondary);
-	color: var(--pptx-foreground);
-	font-size: 12px;
-	cursor: pointer;
-	transition: background-color .15s ease;
-}
-.pptxv-presenter-strip-btn:hover { background: var(--pptx-accent); }
-.pptxv-presenter-strip-btn.is-active {
-	background: var(--pptx-primary);
-	color: var(--pptx-primary-foreground);
-}
-.pptxv-presenter-strip-icon { display: inline-flex; }
-.pptxv-presenter-strip-icon svg {
-	width: var(--pptx-pv-control-icon);
-	height: var(--pptx-pv-control-icon);
-}
-.pptxv-presenter-strip-icon:empty { display: none; }
-.pptxv-presenter-strip-divider {
-	width: var(--pptx-pv-divider-w);
-	height: var(--pptx-pv-divider-h);
-	margin: 0 var(--pptx-pv-divider-mx);
-	background: var(--pptx-border);
-}
-.pptxv-presenter-strip-spacer { flex: 1; }
+/* The control strip is the shared pptx-ui-presenter-console; it styles itself. */
+.pptxv-presenter-strip { flex: none; }
 
 .pptxv-presenter-body { display: flex; flex: 1; min-height: 0; }
 .pptxv-presenter-main {
@@ -2999,13 +2716,11 @@
 .pptxv-mobile-toolbar, .pptxv-mobile-actions { display: none; }
 @media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) {
 	.pptxv-ribbon { display: none; }
-	.pptxv-mobile-toolbar { position: relative; z-index: 20; display: flex; flex: none; align-items: center; gap: 4px; min-height: 52px; padding: max(env(safe-area-inset-top), 0px) 8px 4px; border-bottom: 1px solid var(--pptx-border); background: color-mix(in srgb, var(--pptx-muted) 55%, var(--pptx-card)); }
+	.pptxv-mobile-toolbar { display: block; flex: none; }
 	.pptxv-mobile-toolbar-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--pptx-foreground); touch-action: manipulation; }
 	.pptxv-mobile-toolbar-btn:hover:not(:disabled) { background: var(--pptx-accent); }
 	.pptxv-mobile-toolbar-btn:disabled { opacity: .4; }
 	.pptxv-mobile-toolbar-btn svg { width: 20px; height: 20px; }
-	.pptxv-mobile-toolbar-spacer { flex: 1; }
-	.pptxv-mobile-present { color: var(--pptx-primary); }
 	.pptxv-mobile-toolbar-collaboration { display: flex; }
 	.pptxv-mobile-toolbar-collaboration[hidden], .pptxv-mobile-toolbar-collaboration:empty { display: none; }
 	.pptxv-mobile-toolbar-ai { display: flex; }
@@ -3013,10 +2728,7 @@
 	.pptxv-mobile-toolbar-ai .pptxv-ai-toggle.is-active { color: var(--pptx-primary); background: transparent; }
 	.pptxv-mobile-share { min-width: 44px; background: var(--pptx-primary); color: var(--pptx-primary-foreground); }
 	.pptxv-mobile-actions { display: contents; }
-	.pptxv-mobile-actions > nav { position: relative; z-index: 50; display: flex; flex: none; min-height: 56px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--pptx-border); background: var(--pptx-card); }
-	.pptxv-mobile-actions > nav button { position: relative; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 44px; border: 0; background: transparent; color: var(--pptx-muted-foreground); font-size: 10px; touch-action: manipulation; }
-	.pptxv-mobile-actions > nav button svg { width: 20px; height: 20px; }
-	.pptxv-mobile-actions > nav button[aria-pressed='true'] { color: var(--pptx-primary); }
+	.pptxv-mobile-actions > pptx-ui-mobile-bar { position: relative; z-index: 50; flex: none; }
 	.pptxv-mobile-sheet-host { position: absolute; z-index: 48; inset: 0 0 56px; display: flex; align-items: end; }
 	.pptxv-mobile-sheet-host[hidden] { display: none; }
 	.pptxv-mobile-sheet-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgb(0 0 0 / 40%); }
@@ -3043,7 +2755,7 @@
 	.pptxv-mobile-slide-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 	.pptxv-mobile-sheet .pptxv-inspector { display: flex; width: 100%; max-height: 55dvh; border: 0; }
 	.pptxv.pptxv-presenting .pptxv-mobile-toolbar,
-	.pptxv.pptxv-presenting .pptxv-mobile-actions > nav,
+	.pptxv.pptxv-presenting .pptxv-mobile-actions > pptx-ui-mobile-bar,
 	.pptxv.pptxv-presenting .pptxv-mobile-sheet-host { display: none; }
 }
 
@@ -3228,7 +2940,7 @@ label.pptxv-options-row { cursor: pointer; }
 .pptxv-options-row select, .pptxv-options-row input[type='text'], .pptxv-options-row input[type='number'] { max-width: 55%; padding: 5px 7px; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted); color: inherit; font: inherit; font-size: 12px; }
 .pptxv-options-row input[type='number'] { width: 72px; text-align: right; }
 .pptxv-options-row input[type='text'] { width: 180px; }
-.pptxv-options-row input[type='checkbox'] { flex: none; width: 15px; height: 15px; accent-color: var(--pptx-primary); }
+.pptxv-options-row pptx-ui-checkbox { flex: none; }
 .pptxv-options-unit { color: var(--pptx-muted-foreground); font-size: 11px; }
 .pptxv-options-number { display: inline-flex; align-items: center; gap: 6px; }
 .pptxv-options-action { padding: 6px 11px; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted); color: inherit; font: inherit; font-size: 12px; cursor: pointer; }
@@ -3264,17 +2976,8 @@ label.pptxv-options-row { cursor: pointer; }
 .pptxv-options-addins-detail p { margin: 0 0 4px; font-size: 11px; }
 .pptxv-options-addins-detail p:last-child { margin: 0; color: var(--pptx-muted-foreground); font-family: ui-monospace, monospace; font-size: 10px; }
 
-/* ── Title-bar Quick Access strip ── */
-.pptxv-qat { display: inline-flex; align-items: center; gap: 2px; }
-.pptxv-qat[hidden] { display: none; }
-.pptxv-qat .pptxv-btn-label { padding-left: 4px; font-size: 11px; white-space: nowrap; }
-.pptxv-qat .pptxv-btn-pill { width: auto; padding: 0 6px; }
-
-/* ── End of slide show (black slide) + in-show context menu ── */
+/* ── End of slide show (black slide) ── */
 .pptxv-endshow { position: absolute; inset: 0; z-index: 60; display: grid; place-items: center; border: 0; background: #000; color: #e5e7eb; font-size: 13px; cursor: pointer; }
-.pptxv-showmenu { position: absolute; z-index: 65; display: flex; flex-direction: column; min-width: 160px; padding: 4px; border: 1px solid var(--pptx-border); border-radius: 6px; background: var(--pptx-card); color: var(--pptx-card-foreground); box-shadow: 0 10px 28px rgb(0 0 0 / .35); }
-.pptxv-showmenu button { padding: 7px 10px; border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
-.pptxv-showmenu button:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
 
 /* ── Option-driven viewer root classes ── */
 .pptxv.pptxv-reduced-motion *, .pptxv.pptxv-reduced-motion *::before, .pptxv.pptxv-reduced-motion *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
@@ -4513,36 +4216,6 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 		border-color 0.5s ease;
 }
 
-/* ── Click-to-ask context menu ────────────────────────────────────────── */
-.pptxv-ai-menu {
-	position: fixed;
-	z-index: 60;
-	min-width: 180px;
-	padding: 4px;
-	border: 1px solid var(--pptx-border);
-	border-radius: 8px;
-	background: var(--pptx-popover, var(--pptx-card));
-	color: var(--pptx-popover-foreground, var(--pptx-card-foreground));
-	box-shadow: 0 8px 24px rgb(0 0 0 / 0.24);
-}
-.pptxv-ai-menu-item {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	width: 100%;
-	padding: 7px 10px;
-	border: none;
-	border-radius: 6px;
-	background: transparent;
-	color: inherit;
-	font: inherit;
-	font-size: 0.8125rem;
-	text-align: left;
-	cursor: pointer;
-}
-.pptxv-ai-menu-item svg { width: 14px; height: 14px; color: var(--pptx-primary); }
-.pptxv-ai-menu-item:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
-
 /* ── Settings-dialog AI export section ────────────────────────────────── */
 .pptxv-ai-settings { display: flex; flex-direction: column; gap: 12px; }
 .pptxv-ai-settings-intro {
@@ -4766,88 +4439,6 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 .pptxv-export-progress-actions button:hover { background: var(--pptx-accent, #33334d); }
 
 
-.pptxv-readonly-banner {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 6px 16px;
-	background: #fef3c7;
-	color: #78350f;
-	border-bottom: 1px solid #fcd34d;
-	font-size: 13px;
-}
-.pptxv-readonly-banner svg { width: 16px; height: 16px; flex: none; }
-.pptxv-readonly-banner-text { flex: 1 1 auto; }
-.pptxv-readonly-banner-edit {
-	flex: none;
-	padding: 3px 10px;
-	border: 1px solid #b45309;
-	border-radius: 4px;
-	background: #fff;
-	color: #78350f;
-	font: inherit;
-	font-weight: 600;
-	cursor: pointer;
-}
-.pptxv-readonly-banner-edit:hover { background: #fde68a; }
-.pptxv-readonly-banner-dismiss {
-	flex: none;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 22px;
-	height: 22px;
-	padding: 0;
-	border: none;
-	background: transparent;
-	color: inherit;
-	cursor: pointer;
-	border-radius: 4px;
-}
-.pptxv-readonly-banner-dismiss:hover { background: rgba(120, 53, 15, 0.12); }
-.pptxv-readonly-banner-dismiss svg { width: 14px; height: 14px; }
-.pptxv-readonly-banner-password-form {
-	display: flex;
-	flex: none;
-	align-items: center;
-	gap: 8px;
-}
-.pptxv-readonly-banner-password-input {
-	padding: 3px 8px;
-	border: 1px solid #b45309;
-	border-radius: 4px;
-	background: #fff;
-	color: #78350f;
-	font: inherit;
-}
-.pptxv-readonly-banner-unlock {
-	flex: none;
-	padding: 3px 10px;
-	border: 1px solid #b45309;
-	border-radius: 4px;
-	background: #fff;
-	color: #78350f;
-	font: inherit;
-	font-weight: 600;
-	cursor: pointer;
-}
-.pptxv-readonly-banner-unlock:hover { background: #fde68a; }
-.pptxv-readonly-banner-password-cancel {
-	flex: none;
-	padding: 3px 8px;
-	border: none;
-	background: transparent;
-	color: inherit;
-	font: inherit;
-	cursor: pointer;
-	border-radius: 4px;
-}
-.pptxv-readonly-banner-password-cancel:hover { background: rgba(120, 53, 15, 0.12); }
-.pptxv-readonly-banner-password-error {
-	flex: none;
-	color: #991b1b;
-	font-size: 12px;
-}
 .pptxv-sr-only {
 	position: absolute;
 	width: 1px;
@@ -4860,74 +4451,6 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 	border: 0;
 }
 
-.pptxv-compat-toasts {
-	/* Position, size, stacking order and pointer-events come from
-	   `compatToastStackStyleAttr()` (render/chrome-metrics), set as an inline
-	   style on the element so every binding anchors the stack to the same
-	   bottom inset above the status bar (see `ui/compat-toasts.ts`). */
-	align-items: flex-end;
-	max-width: min(340px, calc(100% - 24px));
-}
-.pptxv-compat-toasts-list {
-	display: flex;
-	flex-direction: column;
-	gap: 6px;
-	max-height: 60vh;
-	overflow-y: auto;
-	width: 100%;
-}
-.pptxv-compat-toast {
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	padding: 8px 10px;
-	border-radius: 6px;
-	border: 1px solid var(--pptx-border);
-	background: var(--pptx-card);
-	color: var(--pptx-card-foreground);
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
-	font-size: 12px;
-	pointer-events: auto;
-}
-.pptxv-compat-toast[data-severity='warning'] { border-color: #f59e0b; }
-.pptxv-compat-toast svg { width: 14px; height: 14px; flex: none; margin-top: 2px; }
-.pptxv-compat-toast-body { flex: 1 1 auto; min-width: 0; }
-.pptxv-compat-toast-title { display: block; font-size: 11px; }
-.pptxv-compat-toast-message { display: block; word-break: break-word; }
-.pptxv-compat-toast-dismiss {
-	flex: none;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 18px;
-	height: 18px;
-	padding: 0;
-	border: none;
-	background: transparent;
-	color: inherit;
-	cursor: pointer;
-	border-radius: 4px;
-}
-.pptxv-compat-toast-dismiss:hover { background: var(--pptx-accent); }
-.pptxv-compat-toast-dismiss svg { width: 12px; height: 12px; margin: 0; }
-.pptxv-compat-toasts-overflow {
-	font-size: 11px;
-	color: var(--pptx-muted-foreground);
-	pointer-events: none;
-}
-.pptxv-compat-toasts-dismiss-all {
-	pointer-events: auto;
-	align-self: flex-end;
-	padding: 3px 8px;
-	border: 1px solid var(--pptx-border);
-	border-radius: 4px;
-	background: var(--pptx-card);
-	color: var(--pptx-card-foreground);
-	font-size: 11px;
-	cursor: pointer;
-}
-.pptxv-compat-toasts-dismiss-all:hover { background: var(--pptx-accent); }
-
 .pptxv-run-program-notices {
 	/* Position, size, stacking order and pointer-events come from
 	   `compatToastStackStyleAttr()` (render/chrome-metrics), same anchor as