/* C022/C023: creation, template previews and the live mobile slide editor.
 * The approved palette colours app chrome only, never slide content. */
@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body #office-app.fuuvo-mobile-slides-active {
        --ms-ink: #171821 !important;
        --ms-muted: #827b8c !important;
        --ms-copy: #716d7d !important;
        --ms-line: #e5e2e9 !important;
        --ms-paper: #fff !important;
        --ms-soft: #faf8fc !important;
        --ms-tint: #ffffff90 !important;
        --ms-primary: #22212b !important;
        --ms-primary-ink: #fff !important;
        --ms-focus: #9785ae !important;
        --ms-selected: #f0e9f7 !important;
        --ms-success: #54745e !important;
        --ms-error: #af524c !important;
        --ms-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans SC", sans-serif !important;
        --ms-top-height: 56px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--ms-viewport-height, 100dvh) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: var(--ms-ink) !important;
        background: radial-gradient(ellipse 83% 30% at 50% -3%, var(--home-bg-glow-a, transparent), transparent),
            radial-gradient(ellipse 94% 32% at 0 0, var(--home-bg-glow-b, transparent), transparent),
            radial-gradient(ellipse 65% 24% at 95% 0, var(--home-bg-glow-c, transparent), transparent), var(--ms-paper) !important;
    }
    html body:is([data-ui-theme="dark"], [data-theme="dark"]) #office-app.fuuvo-mobile-slides-active,
    html:is([data-ui-theme="dark"], [data-theme="dark"]) body #office-app.fuuvo-mobile-slides-active {
        --ms-ink: #f1f1f5 !important;
        --ms-muted: #b0a5ba !important;
        --ms-copy: #c3bbc9 !important;
        --ms-line: #443e4d !important;
        --ms-paper: #191a22 !important;
        --ms-soft: #25222d !important;
        --ms-tint: #25222dcc !important;
        --ms-primary: #ece7f4 !important;
        --ms-primary-ink: #23202c !important;
        --ms-focus: #c7afe4 !important;
        --ms-selected: #403447 !important;
        --ms-success: #a5d4b3 !important;
        --ms-error: #ffb3a9 !important;
    }
    html body #office-app.fuuvo-mobile-slides-active > .creation-workspace {
        display: flex !important; flex-direction: column !important;
        width: 100% !important; height: 100% !important; min-height: 0 !important;
        margin: 0 !important; padding: 0 !important; overflow: hidden !important;
        background: transparent !important; transform: none !important; filter: none !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .office-tool-main {
        display: block !important; flex: 1 1 auto !important; min-height: 0 !important;
        width: 100% !important; max-width: none !important; margin: 0 !important;
        padding: 10px 20px calc(22px + env(safe-area-inset-bottom)) !important;
        overflow-x: hidden !important; overflow-y: auto !important;
        background: transparent !important; scrollbar-width: none !important;
        scroll-padding-block: 14px !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .office-tool-main::-webkit-scrollbar { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active .office-tool-main > :not(#fuuvo-mobile-slides),
    html body #office-app.fuuvo-mobile-slides-active [data-mobile-primary-action="1"] { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active [data-fuuvo-shared-topbar] {
        display: flex !important; flex: 0 0 auto !important; position: relative !important;
        width: 100% !important; height: var(--ms-top-height) !important; min-height: var(--ms-top-height) !important;
        padding: 0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left)) !important; margin: 0 !important;
        align-items: center !important; justify-content: space-between !important;
        gap: 0 !important; color: var(--ms-ink) !important; background: transparent !important;
        border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
    }
    html body #office-app.fuuvo-mobile-slides-active [data-fuuvo-shared-topbar] :is(
        .shell-topbar-left, .shell-topbar-center, .shell-topbar-right,
        .fuuvo-mobile-prototype-title, .fuuvo-mobile-prototype-new-chat, .fuuvo-mobile-prototype-legacy-back
    ) { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-back {
        display: flex !important; align-items: center !important; justify-content: center !important;
        width: 44px !important; height: 44px !important; flex: 0 0 44px !important;
        padding: 10px !important; border: 0 !important; background: transparent !important;
        color: var(--ms-ink) !important; border-radius: 12px !important; text-decoration: none !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-brand {
        position: absolute !important; left: 50% !important;
        top: 50% !important; transform: translate(-50%, -50%) !important;
        display: flex !important; align-items: center !important; width: 99px !important; height: 36px !important;
        pointer-events: none !important; color: var(--ms-ink) !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-brand img { display: block !important; width: 99px !important; height: auto !important; max-height: 36px !important; object-fit: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-brand > span { position: absolute !important; left: calc(100% + 5px) !important; bottom: 6px !important; font: 700 12px/16px var(--ms-font) !important; }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-language {
        display: flex !important; margin-left: auto !important; padding: 2px !important; gap: 1px !important;
        height: 36px !important; border: 1px solid var(--ms-line) !important; border-radius: 10px !important;
        background: var(--ms-tint) !important; flex: 0 0 auto !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-language :is(a, button) {
        display: flex !important; align-items: center !important; justify-content: center !important;
        min-width: 29px !important; height: 30px !important; padding: 0 5px !important;
        border: 0 !important; border-radius: 7px !important; font: 400 11px/16px var(--ms-font) !important;
        background: transparent !important; color: var(--ms-copy) !important; text-decoration: none !important;
    }
    html body #office-app.fuuvo-mobile-slides-active .ms-top-language :is(.active, [aria-pressed="true"]) { background: var(--ms-paper) !important; color: var(--ms-ink) !important; font-weight: 650 !important; box-shadow: 0 1px 4px #6551710d !important; }

    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides {
        display: block !important; min-width: 0 !important; width: 100% !important;
        margin: 0 !important; padding: 0 !important; color: var(--ms-ink) !important; background: transparent !important;
        font-family: var(--ms-font) !important; -webkit-text-size-adjust: 100% !important;
    }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides * { box-sizing: border-box !important; }
    html body #office-app.fuuvo-mobile-slides-active :is(#fuuvo-mobile-slides, [data-fuuvo-shared-topbar]) [hidden] { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(button, input, select, textarea) { font-family: var(--ms-font) !important; color: inherit !important; letter-spacing: normal !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides button {
        cursor: pointer !important; border: 0 !important;
        min-width: 0 !important; margin: 0 !important; box-shadow: none !important;
        text-transform: none !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important;
    }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :where(button):not(:where(.ms-swatch)) { background: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides button:disabled { opacity: .4 !important; cursor: default !important; }
    html body #office-app.fuuvo-mobile-slides-active :is(#fuuvo-mobile-slides, [data-fuuvo-shared-topbar]) :is(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--ms-focus) !important; outline-offset: 3px !important; }
    html body #office-app.fuuvo-mobile-slides-active .ms-icon { display: block !important; width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; flex: none !important; pointer-events: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-icon-button { display: flex !important; width: 44px !important; height: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; align-items: center !important; justify-content: center !important; padding: 10px !important; border-radius: 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-icon-button > span { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-file-input { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-intro { margin: 0 0 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-intro-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-intro :is(h1, h2) { font: 650 28px/38px var(--ms-font) !important; letter-spacing: -.8px !important; margin: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-intro p { font-size: 14px !important; line-height: 21px !important; color: var(--ms-copy) !important; margin: 3px 0 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-count-badge { flex: none !important; font-size: 11px !important; line-height: 16px !important; color: var(--ms-muted) !important; background: var(--ms-tint) !important; border: 1px solid var(--ms-line) !important; border-radius: 20px !important; padding: 6px 10px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer { border: 1px solid var(--ms-line) !important; border-radius: 18px !important; background: var(--ms-paper) !important; padding: 13px 13px 10px !important; box-shadow: 0 4px 16px #46395204 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer textarea { display: block !important; width: 100% !important; min-width: 0 !important; height: 57px !important; min-height: 57px !important; border: 0 !important; outline: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; resize: vertical !important; font-size: 14px !important; line-height: 21px !important; background: transparent !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(textarea, input)::placeholder { color: var(--ms-muted) !important; opacity: .8 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer:focus-within { border-color: var(--ms-focus) !important; box-shadow: 0 0 0 2px #a59bb714 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-top: 5px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-input-options { display: flex !important; align-items: center !important; gap: 4px !important; min-width: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-mini-button { display: flex !important; align-items: center !important; gap: 5px !important; height: 39px !important; min-height: 39px !important; padding: 0 4px !important; color: var(--ms-muted) !important; font-size: 11px !important; line-height: 16px !important; white-space: nowrap !important; border-radius: 8px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-mini-button .ms-icon { width: 18px !important; height: 18px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-mini-button .ms-chevron { width: 12px !important; height: 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-add-file { width: 35px !important; justify-content: center !important; flex: 0 0 35px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-primary { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: var(--ms-primary) !important; color: var(--ms-primary-ink) !important; border: 0 !important; border-radius: 11px !important; min-height: 42px !important; padding: 0 16px !important; font-size: 12px !important; line-height: 18px !important; font-weight: 550 !important; flex: 0 0 auto !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-primary .ms-icon { width: 16px !important; height: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-selected-template { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; line-height: 16px !important; color: var(--ms-success) !important; padding-bottom: 9px !important; min-height: 23px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-selected-template .ms-icon { width: 14px !important; height: 14px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-file-list { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin: 7px 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-file-chip { padding: 5px 7px !important; background: var(--ms-soft) !important; border-radius: 7px !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 11px !important; line-height: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manual-start { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; min-height: 40px !important; font-size: 12px !important; line-height: 18px !important; color: var(--ms-muted) !important; margin-top: 7px !important; padding: 0 12px !important; border: 1px solid var(--ms-line) !important; border-radius: 10px !important; text-align: left !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manual-start .ms-icon { width: 14px !important; height: 14px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-resume-draft { justify-content: flex-start !important; text-decoration: underline !important; font-size: 10px !important; padding-left: 8px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-library { margin-top: 23px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manual-start + .ms-library { margin-top: 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-library-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; margin-bottom: 10px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-library-title :is(h2, h3) { font-size: 18px !important; line-height: 25px !important; font-weight: 600 !important; letter-spacing: -.3px !important; margin: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-import { display: flex !important; align-items: center !important; gap: 4px !important; padding: 0 !important; min-height: 35px !important; color: var(--ms-muted) !important; font-size: 11px !important; line-height: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-import .ms-icon { width: 15px !important; height: 15px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-search-box { display: flex !important; align-items: center !important; gap: 8px !important; background: var(--ms-paper) !important; border: 1px solid var(--ms-line) !important; border-radius: 11px !important; height: 39px !important; padding: 0 11px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-search-box .ms-icon { width: 17px !important; height: 17px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-search-box input { width: 100% !important; min-width: 0 !important; height: 35px !important; border: 0 !important; outline: none !important; background: transparent !important; font-size: 12px !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-categories { display: flex !important; gap: 7px !important; overflow-x: auto !important; scrollbar-width: none !important; padding: 9px 0 11px !important; flex-wrap: nowrap !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-categories, .ms-slide-strip)::-webkit-scrollbar { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-category { height: 34px !important; min-height: 34px !important; min-width: 44px !important; flex: none !important; padding: 0 12px !important; border: 1px solid var(--ms-line) !important; border-radius: 20px !important; color: var(--ms-muted) !important; font-size: 11px !important; background: var(--ms-paper) !important; white-space: nowrap !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-category.active { background: var(--ms-primary) !important; color: var(--ms-primary-ink) !important; border-color: var(--ms-primary) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-template-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 17px 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-template-card { display: block !important; min-width: 0 !important; width: 100% !important; text-align: left !important; padding: 0 !important; border-radius: 10px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-thumb { aspect-ratio: 16 / 9 !important; overflow: hidden !important; position: relative !important; border-radius: 10px !important; border: 1px solid var(--ms-line) !important; background: var(--ms-soft) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-thumb img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-template-card h4 { font-size: 12px !important; line-height: 17px !important; font-weight: 550 !important; letter-spacing: -.1px !important; margin: 8px 0 2px !important; overflow-wrap: anywhere !important; color: var(--ms-ink) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-template-card p { font-size: 10px !important; line-height: 14px !important; color: var(--ms-muted) !important; margin: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-check { position: absolute !important; top: 6px !important; right: 6px !important; padding: 3px !important; color: var(--ms-success) !important; background: var(--ms-paper) !important; border-radius: 50% !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-check .ms-icon { width: 12px !important; height: 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-library-footer { margin: 25px 0 5px !important; font-size: 11px !important; line-height: 17px !important; color: var(--ms-muted) !important; text-align: center !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-empty { grid-column: 1 / -1 !important; padding: 35px 12px !important; color: var(--ms-muted) !important; text-align: center !important; font-size: 13px !important; line-height: 20px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-error-text { font-size: 11px !important; line-height: 17px !important; color: var(--ms-error) !important; margin: 8px 0 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-notice, .ms-save-status) { font-size: 11px !important; line-height: 18px !important; color: var(--ms-copy) !important; margin-top: 8px !important; overflow-wrap: anywhere !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-notice:empty { display: none !important; }

    /* Preview/settings sheets and editor own their scrolling area. */
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-overlay, .ms-editor) {
        display: flex !important; flex-direction: column !important;
        position: fixed !important; top: var(--ms-top-height) !important; left: 0 !important; right: 0 !important;
        bottom: auto !important; height: calc(var(--ms-viewport-height, 100dvh) - var(--ms-top-height)) !important;
        min-height: 0 !important; width: 100% !important; max-width: none !important; overflow: hidden !important;
        margin: 0 !important; padding: 0 !important; color: var(--ms-ink) !important; background: var(--ms-paper) !important;
        z-index: 10120 !important;
    }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-header { display: flex !important; align-items: center !important; justify-content: space-between !important; height: 60px !important; min-height: 60px !important; flex: 0 0 60px !important; padding: 0 14px !important; border-bottom: 1px solid var(--ms-line) !important; background: var(--ms-soft) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-header strong { font-size: 14px !important; line-height: 21px !important; font-weight: 600 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-body { flex: 1 1 auto !important; min-height: 0 !important; overflow: auto !important; padding: 23px 20px 18px !important; scrollbar-width: none !important; overscroll-behavior: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-eyebrow { font-size: 10px !important; line-height: 16px !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: var(--ms-muted) !important; margin: 0 0 7px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-body h2 { font-size: 26px !important; line-height: 34px !important; font-weight: 600 !important; letter-spacing: -.5px !important; margin: 0 0 7px !important; overflow-wrap: anywhere !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-desc { font-size: 13px !important; line-height: 20px !important; color: var(--ms-muted) !important; margin: 0 0 22px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-large-slide { aspect-ratio: 16 / 9 !important; overflow: hidden !important; border: 1px solid var(--ms-line) !important; border-radius: 12px !important; background: var(--ms-soft) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-large-slide img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-pager { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 7px 0 10px !important; font-size: 11px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-pager button { display: flex !important; width: 36px !important; height: 36px !important; padding: 9px !important; align-items: center !important; justify-content: center !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-pager .ms-icon { width: 17px !important; height: 17px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-sample-thumbs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin-bottom: 22px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-sample-thumbs button { padding: 3px !important; border: 1px solid transparent !important; border-radius: 7px !important; min-width: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-sample-thumbs button.active { border-color: var(--ms-focus) !important; background: var(--ms-soft) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-sample-thumbs img { display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; border-radius: 3px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-sample-thumbs span { display: block !important; font-size: 10px !important; line-height: 15px !important; color: var(--ms-muted) !important; margin-top: 5px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-specs { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin: 0 0 22px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-specs span { font-size: 11px !important; line-height: 16px !important; padding: 7px 10px !important; border: 1px solid var(--ms-line) !important; border-radius: 20px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-note { font-size: 12px !important; line-height: 20px !important; color: var(--ms-muted) !important; padding-top: 14px !important; border-top: 1px solid var(--ms-line) !important; margin: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-footer { flex: 0 0 auto !important; padding: 13px 20px calc(14px + env(safe-area-inset-bottom)) !important; border-top: 1px solid var(--ms-line) !important; background: var(--ms-paper) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-detail-footer .ms-primary { width: 100% !important; min-height: 48px !important; font-size: 14px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-secondary-edit { width: 100% !important; min-height: 40px !important; padding: 8px !important; font-size: 12px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-settings-body label { display: block !important; font-size: 12px !important; line-height: 18px !important; color: var(--ms-copy) !important; margin-bottom: 8px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-settings-body :is(textarea, select) { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 44px !important; border: 1px solid var(--ms-line) !important; border-radius: 10px !important; padding: 12px !important; font-size: 13px !important; background: var(--ms-paper) !important; margin: 0 0 19px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-settings-body textarea { height: 108px !important; resize: vertical !important; line-height: 21px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-preset-chips { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-bottom: 22px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-preset-chips button { font-size: 11px !important; line-height: 16px !important; min-height: 35px !important; padding: 7px 10px !important; border: 1px solid var(--ms-line) !important; border-radius: 20px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-settings-copy { font-size: 11px !important; line-height: 18px !important; color: var(--ms-muted) !important; margin: 0 !important; }

    /* The scene graph retains its own fonts, colours and native coordinates. */
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor { z-index: 10110 !important; container: ms-editor-view / size; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important; background: linear-gradient(180deg, color-mix(in srgb, var(--home-bg-glow-a, transparent) 16%, var(--ms-paper)) 0%, color-mix(in srgb, var(--home-bg-glow-b, transparent) 15%, var(--ms-paper)) 40%, var(--ms-soft) 100%) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-head { height: 63px !important; min-height: 63px !important; flex: 0 0 63px !important; display: flex !important; align-items: center !important; padding: 0 10px !important; gap: 3px !important; border-bottom: 1px solid var(--ms-line) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-head .ms-icon-button { width: 38px !important; flex-basis: 38px !important; padding: 9px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-deck-title { flex: 1 1 auto !important; min-width: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-deck-title input { display: block !important; width: 100% !important; min-width: 0 !important; height: 30px !important; min-height: 30px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; padding: 3px 0 !important; outline: none !important; box-shadow: none !important; text-overflow: ellipsis !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-deck-title small { display: block !important; font-size: 10px !important; line-height: 15px !important; color: var(--ms-muted) !important; margin-top: 2px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-save-deck { flex: none !important; background: var(--ms-primary) !important; color: var(--ms-primary-ink) !important; border-radius: 9px !important; font-size: 11px !important; height: 35px !important; min-height: 35px !important; padding: 0 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-tools { height: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 16px !important; gap: 4px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-tool-cluster { display: flex !important; gap: 3px !important; align-items: center !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-tool-cluster button { display: flex !important; justify-content: center !important; align-items: center !important; gap: 4px !important; height: 36px !important; min-height: 36px !important; min-width: 33px !important; font-size: 10px !important; color: var(--ms-muted) !important; padding: 0 3px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-tool-cluster .ms-icon { width: 17px !important; height: 17px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-tool-cluster .ms-fit { min-width: 57px !important; border: 1px solid var(--ms-line) !important; border-radius: 8px !important; background: var(--ms-paper) !important; height: 28px !important; min-height: 28px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-ratio-tag { font-size: 10px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-workspace { flex: 1 1 auto !important; min-height: 80px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 0 16px 9px !important; overflow: auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-canvas-space { width: 100% !important; overflow: hidden !important; flex: none !important; position: relative !important; border-radius: 2px !important; box-shadow: 0 5px 20px #3024440c !important; background: #fff !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-canvas-space.zoomed { overflow: auto !important; max-height: 320px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-canvas { width: 1024px !important; height: 576px !important; position: relative !important; transform-origin: top left !important; touch-action: none !important; overflow: hidden !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-node { position: absolute !important; cursor: move !important; white-space: pre-wrap !important; line-height: 1.16 !important; overflow: visible !important; user-select: none !important; transform-origin: center !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-node.selected { outline: 3px solid var(--ms-focus) !important; outline-offset: 6px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-node-copy { display: block !important; width: 100% !important; height: 100% !important; overflow: hidden !important; overflow-wrap: anywhere !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-slide-node[data-wrap="false"], .ms-slide-node[data-wrap="false"] .ms-node-copy) { white-space: pre !important; overflow-wrap: normal !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-slide-node[data-wrap="true"], .ms-slide-node[data-wrap="true"] .ms-node-copy) { white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-resize-node { position: absolute !important; z-index: 3 !important; right: -13px !important; bottom: -13px !important; width: 25px !important; height: 25px !important; border-radius: 50% !important; background: var(--ms-paper) !important; border: 3px solid var(--ms-focus) !important; cursor: nwse-resize !important; touch-action: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-node img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; pointer-events: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-decor { position: absolute !important; inset: 0 !important; pointer-events: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-decor svg { width: 100% !important; height: 100% !important; display: block !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-empty-canvas { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: none !important; color: #c0b7c8 !important; font-size: 36px !important; letter-spacing: -.5px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-hint { font-size: 10px !important; line-height: 16px !important; color: var(--ms-muted) !important; text-align: center !important; margin: 12px 0 0 !important; min-height: 17px !important; flex: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-strip-label { height: 26px !important; min-height: 26px !important; flex: 0 0 26px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 18px !important; font-size: 10px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-strip-label button { display: flex !important; align-items: center !important; gap: 4px !important; min-height: 26px !important; font-size: 10px !important; color: var(--ms-muted) !important; padding: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-strip-label .ms-icon { width: 13px !important; height: 13px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-strip { display: flex !important; flex: 0 0 auto !important; gap: 10px !important; padding: 4px 17px 14px !important; overflow: auto !important; scrollbar-width: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-thumb { width: 94px !important; flex: 0 0 94px !important; padding: 4px !important; border: 1.5px solid transparent !important; border-radius: 7px !important; background: var(--ms-tint) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-thumb.active { border-color: var(--ms-focus) !important; background: var(--ms-paper) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-mini-canvas-wrap { width: 83px !important; height: 47px !important; overflow: hidden !important; position: relative !important; pointer-events: none !important; border-radius: 2px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-mini-canvas { width: 1024px !important; height: 576px !important; position: absolute !important; top: 0 !important; left: 0 !important; transform: scale(.081); transform-origin: top left !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-thumb > span { display: block !important; font-size: 9px !important; line-height: 14px !important; color: var(--ms-muted) !important; text-align: center !important; margin-top: 5px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-thumb > img { display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; object-fit: contain !important; border-radius: 2px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-add-slide { width: 46px !important; height: 56px !important; flex: 0 0 46px !important; border: 1px dashed var(--ms-line) !important; border-radius: 8px !important; align-self: flex-start !important; margin-top: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--ms-muted) !important; padding: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-add-slide .ms-icon { width: 19px !important; height: 19px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-add-slide > span { display: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-panel { background: var(--ms-paper) !important; border-top: 1px solid var(--ms-line) !important; padding: 12px 18px 14px !important; flex: 0 0 auto !important; min-height: 108px !important; max-height: min(34dvh, 240px) !important; overflow-y: auto !important; overscroll-behavior: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-heading { font-size: 11px !important; line-height: 17px !important; font-weight: 550 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 9px !important; color: var(--ms-copy) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-heading button { color: var(--ms-muted) !important; padding: 0 4px !important; font-size: 11px !important; min-height: 25px !important; display: flex !important; align-items: center !important; gap: 4px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-heading .ms-icon { width: 13px !important; height: 13px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-textarea { display: block !important; width: 100% !important; height: 53px !important; min-height: 53px !important; border: 1px solid var(--ms-line) !important; border-radius: 9px !important; padding: 8px 10px !important; resize: vertical !important; background: var(--ms-paper) !important; font-size: 13px !important; line-height: 19px !important; outline: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 9px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row :is(button, select) { height: 29px !important; min-height: 29px !important; min-width: 29px !important; border: 1px solid var(--ms-line) !important; border-radius: 6px !important; background: var(--ms-paper) !important; padding: 0 7px !important; font-size: 11px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row select { max-width: 92px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row .ms-bold { font-weight: 750 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row .active { background: var(--ms-selected) !important; border-color: var(--ms-focus) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-format-row .ms-icon { width: 15px !important; height: 15px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-swatch { width: 24px !important; height: 24px !important; min-height: 24px !important; min-width: 24px !important; border-radius: 50% !important; border: 2px solid var(--ms-paper) !important; outline: 1px solid var(--ms-line) !important; padding: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-swatch.active { outline: 2px solid var(--ms-focus) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-colour-input { width: 25px !important; height: 28px !important; min-width: 25px !important; padding: 0 !important; border: 0 !important; background: none !important; cursor: pointer !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-empty-tools { font-size: 12px !important; line-height: 20px !important; color: var(--ms-muted) !important; padding: 7px 0 4px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-panel p { font-size: 11px !important; line-height: 17px !important; color: var(--ms-muted) !important; margin: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-geometry { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; margin-top: 9px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-geometry label { display: flex !important; align-items: center !important; gap: 4px !important; min-width: 0 !important; font-size: 10px !important; line-height: 16px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-geometry input { width: 100% !important; min-width: 0 !important; height: 29px !important; border: 1px solid var(--ms-line) !important; border-radius: 6px !important; padding: 0 4px !important; font-size: 11px !important; line-height: 16px !important; background: var(--ms-paper) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar { position: sticky !important; bottom: 0 !important; z-index: 3 !important; min-height: calc(68px + env(safe-area-inset-bottom)) !important; background: var(--ms-paper) !important; display: flex !important; border-top: 1px solid var(--ms-line) !important; align-items: center !important; justify-content: space-around !important; padding: 5px 10px env(safe-area-inset-bottom) !important; flex: 0 0 auto !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar button { min-width: 49px !important; min-height: 51px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 5px !important; padding: 3px !important; font-size: 9px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar .ms-icon { width: 21px !important; height: 21px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar button.active { color: var(--ms-focus) !important; }

    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-modal { position: absolute !important; inset: 0 !important; background: var(--ms-paper) !important; z-index: 10 !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; overflow: hidden !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-modal-head { padding: 11px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; border-bottom: 1px solid var(--ms-line) !important; background: var(--ms-soft) !important; flex: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-modal-body { flex: 1 1 auto !important; min-height: 0 !important; overflow: auto !important; padding: 18px !important; overscroll-behavior: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-modal-foot { padding: 15px 18px calc(15px + env(safe-area-inset-bottom)) !important; border-top: 1px solid var(--ms-line) !important; flex: none !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-modal-foot .ms-primary { width: 100% !important; min-height: 45px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 19px 13px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-card { min-width: 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-cover { display: block !important; width: 100% !important; padding: 0 !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; position: relative !important; border: 1px solid var(--ms-line) !important; border-radius: 6px !important; cursor: pointer !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-cover > img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-title { font-size: 11px !important; line-height: 16px !important; margin: 8px 0 7px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-actions { display: flex !important; justify-content: space-between !important; gap: 4px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-actions button { width: 32px !important; height: 31px !important; min-height: 31px !important; flex: 0 1 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--ms-line) !important; border-radius: 6px !important; padding: 5px !important; color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-choice > .ms-icon { margin: 0 auto 8px !important; width: 28px !important; height: 28px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-actions .ms-icon { width: 14px !important; height: 14px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-panel-choice { width: 100% !important; display: flex !important; align-items: center !important; gap: 13px !important; padding: 17px 12px !important; border: 1px solid var(--ms-line) !important; border-radius: 12px !important; text-align: left !important; margin-bottom: 12px !important; background: var(--ms-paper) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-panel-choice .ms-icon { color: var(--ms-muted) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-history-item > span { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; line-height: 19px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-history-item small { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-panel-choice strong { font-size: 13px !important; line-height: 19px !important; font-weight: 600 !important; display: block !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-panel-choice small { font-size: 11px !important; display: block !important; margin-top: 5px !important; color: var(--ms-muted) !important; line-height: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-notice { font-size: 11px !important; line-height: 18px !important; color: var(--ms-muted) !important; margin: 16px 0 !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-bg-swatches { display: flex !important; gap: 13px !important; margin: 18px 0 24px !important; align-items: center !important; flex-wrap: wrap !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-bg-swatches .ms-swatch { width: 32px !important; height: 32px !important; min-height: 32px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-choice { border: 1px solid var(--ms-line) !important; border-radius: 9px !important; padding: 12px !important; text-align: center !important; font-size: 11px !important; color: var(--ms-muted) !important; min-height: 82px !important; background: var(--ms-soft) !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-drawing { height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin-bottom: 8px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-drawing i { display: block !important; background: var(--ms-focus) !important; border-radius: 2px !important; width: 35px !important; height: 26px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-layout-drawing i:first-child { width: 56px !important; height: 6px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-preview-slide-screen { position: absolute !important; inset: 0 !important; z-index: 12 !important; background: var(--ms-soft) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-close-present { position: absolute !important; right: 12px !important; top: 10px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-present-info { font-size: 12px !important; line-height: 18px !important; color: var(--ms-muted) !important; text-align: center !important; margin-top: 20px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-present-controls { display: flex !important; justify-content: center !important; gap: 25px !important; margin-top: 16px !important; }
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-present-controls button { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px !important; }

    /* Keep iOS Safari from zooming the page when an editable control receives focus. */
    html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(input:not([type="color"]), textarea) { font-size: 16px !important; }

    @media (max-width: 359px) {
        html body #office-app.fuuvo-mobile-slides-active .office-tool-main { padding-inline: 14px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-intro :is(h1, h2) { font-size: 25px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-count-badge { padding: 5px 7px !important; font-size: 10px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer-actions { gap: 4px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-composer-actions .ms-primary { padding-inline: 10px !important; font-size: 11px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-actions { gap: 2px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-manager-actions button { width: 28px !important; padding: 4px !important; }
    }
    @media (max-height: 680px) {
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-head { height: 53px !important; min-height: 53px !important; flex-basis: 53px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-tools { height: 35px !important; min-height: 35px !important; flex-basis: 35px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-workspace { justify-content: flex-start !important; padding-top: 8px !important; min-height: 64px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-panel { padding-block: 8px !important; min-height: 84px !important; max-height: 140px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar { min-height: calc(58px + env(safe-area-inset-bottom)) !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-slide-strip { padding-bottom: 5px !important; }
    }
    /* VisualViewport changes the editor height without changing layout media queries. */
    @container ms-editor-view (max-height: 440px) {
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-editor-head { height: 52px !important; min-height: 52px !important; flex-basis: 52px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides :is(.ms-editor-tools, .ms-strip-label, .ms-slide-strip, .ms-edit-hint) { display: none !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-workspace { flex: 0 0 80px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; justify-content: flex-start !important; padding-block: 8px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-canvas-space:not(.zoomed) { width: 113.777778px !important; height: 64px !important; align-self: center !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-canvas-space:not(.zoomed) .ms-slide-canvas { transform: scale(.1111111111) !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-context-panel { flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; padding-block: 10px !important; }
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-insert-bar { min-height: calc(58px + env(safe-area-inset-bottom)) !important; }
    }
    @container ms-editor-view (max-height: 300px) {
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides .ms-edit-workspace { display: none !important; }
    }
    @media (prefers-reduced-motion: reduce) {
        html body #office-app.fuuvo-mobile-slides-active #fuuvo-mobile-slides * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
    }
}
}