/* Mobile site version. Loaded only at viewports up to 900px; desktop styles.css stays untouched. */
@media screen and (max-width: 900px) {
    body[data-ex-tools-mobile="true"] {
        width: 100%;
        min-width: 0;
        min-height: 100vh;
        min-height: 100svh;
        margin: 0;
        overflow-x: hidden;
        background: var(--canvas, #f3f5f0);
        color: var(--ink, #202821);
        font-size: 16px;
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
    }

    body[data-ex-tools-mobile="true"] *,
    body[data-ex-tools-mobile="true"] *::before,
    body[data-ex-tools-mobile="true"] *::after { box-sizing: border-box; }

    body[data-ex-tools-mobile="true"] :focus-visible {
        outline: 3px solid var(--green, #367251);
        outline-offset: 2px;
    }

    body[data-ex-tools-mobile="true"] .skip-link { z-index: 3000; }

    body[data-ex-tools-mobile="true"] .mobile-site-version {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 100vh;
        min-height: 100svh;
        flex-direction: column;
        padding-bottom: env(safe-area-inset-bottom);
        overflow-x: clip;
        isolation: isolate;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header {
        position: sticky;
        z-index: 100;
        top: 0;
        display: grid;
        width: 100%;
        min-width: 0;
        gap: 7px;
        padding: max(7px, env(safe-area-inset-top)) 14px 9px;
        border-bottom: 1px solid var(--line, #e3e8e0);
        background: var(--paper, #fff);
        box-shadow: 0 3px 14px rgb(32 40 33 / 6%);
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__top,
    body[data-ex-tools-mobile="true"] .mobile-site-header__controls {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__top { min-height: 38px; }

    body[data-ex-tools-mobile="true"] .mobile-site-header__brand {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 8px;
        margin: 0;
        color: var(--ink, #202821);
        font-size: 19px;
        font-weight: 800;
        line-height: 1.2;
        text-decoration: none;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__brand .brand-mark {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        padding: 6px 7px;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__brand-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__status {
        max-width: 52%;
        margin: 0 0 0 auto;
        color: var(--muted, #68746a);
        font-size: 11px;
        line-height: 1.25;
        text-align: right;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-header__controls:empty { display: none; }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences,
    body[data-ex-tools-mobile="true"] .mobile-site-preferences .site-preferences {
        display: grid;
        width: 100%;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "account account" "language themes";
        align-items: center;
        gap: 6px 8px;
        margin: 0;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences .account-nav {
        display: flex;
        min-width: 0;
        grid-area: account;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences .account-nav__link,
    body[data-ex-tools-mobile="true"] .mobile-site-preferences .language-switch__link {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 6px 11px;
        font-size: 13px;
        line-height: 1.2;
        white-space: nowrap;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences .language-switch {
        display: flex;
        min-width: 0;
        grid-area: language;
        flex-wrap: wrap;
        gap: 5px;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences .site-theme-dots {
        display: flex;
        grid-area: themes;
        gap: 2px;
        margin: 0;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-preferences .site-theme-dot {
        width: 32px;
        height: 36px;
        flex-basis: 32px;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip {
        position: relative;
        display: block;
        width: 100%;
        min-width: 0;
        border-bottom: 1px solid var(--line, #e3e8e0);
        background: var(--paper, #fff);
    }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip:empty { display: none; }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip .quick-nav {
        position: static;
        display: block;
        width: 100%;
        min-height: 0;
        overflow: hidden;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip .quick-nav-inner {
        display: flex;
        width: 100%;
        min-width: 0;
        gap: 6px;
        padding: 8px 14px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip .quick-nav-inner::-webkit-scrollbar { display: none; }

    body[data-ex-tools-mobile="true"] .mobile-site-category-strip .nav-link {
        display: inline-flex;
        min-height: 36px;
        flex: 0 0 auto;
        align-items: center;
        padding: 7px 12px;
        border: 1px solid var(--line, #e3e8e0);
        border-radius: 999px;
        background: var(--paper, #fff);
        color: var(--ink, #202821);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content {
        width: min(100%, 760px);
        min-width: 0;
        flex: 1 0 auto;
        margin-inline: auto;
        padding: 12px 14px calc(104px + env(safe-area-inset-bottom));
        overflow-x: clip;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content > *,
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(main, section, article, aside, nav, header, footer, form, fieldset, div, ul, ol, figure) {
        min-width: 0;
        max-width: 100%;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.shell, .app-shell, .page-shell, .seo-workbench, .ai-detector-app) {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-brand-header, .topbar.tool-brand-header, .page-header.tool-brand-header) { display: none !important; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.hero, .intro) {
        width: 100%;
        max-width: none;
        margin: 0 0 14px;
        padding: 12px 0 8px;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.hero, .intro) h1 {
        max-width: 100%;
        margin: 7px 0 12px;
        font-size: clamp(30px, 8.5vw, 40px);
        line-height: 1.09;
        letter-spacing: -.04em;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.hero-copy, .hero-seo-copy, .intro-copy, .intro-seo-copy, .seo-copy) {
        max-width: 100%;
        margin-block: 7px;
        font-size: 15px;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.eyebrow, .section-label, .section-index, .section-kicker) { max-width: 100%; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-breadcrumbs, .breadcrumbs) {
        display: flex;
        min-width: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        margin-block: 10px 13px;
        padding: 9px 11px;
        border: 1px solid var(--line, #e3e8e0);
        border-radius: 12px;
        background: var(--paper, #fff);
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-breadcrumbs, .breadcrumbs) ol { display: flex; min-width: 0; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-breadcrumbs, .breadcrumbs) li { min-width: 0; overflow-wrap: anywhere; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-breadcrumbs, .breadcrumbs) .site-preferences { display: none; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.hero-actions, .intro-actions, .action-row, .action-buttons, .queue-actions, .result-actions) {
        display: flex;
        min-width: 0;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 8px;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(button, input[type="button"], input[type="submit"], input[type="reset"], .primary-button, .secondary-button, .utility-button, .mini-button, .download-button) {
        min-height: 44px;
        max-width: 100%;
        touch-action: manipulation;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        font-size: 16px;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content input[type="range"] { width: 100%; min-width: 0; }
    body[data-ex-tools-mobile="true"] .mobile-page-content input[type="file"] { width: 100%; min-width: 0; max-width: 100%; font-size: 14px; }
    body[data-ex-tools-mobile="true"] .mobile-page-content input.visually-hidden[type="file"] {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    body[data-ex-tools-mobile="true"] .mobile-page-content textarea { min-height: 160px; line-height: 1.55; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-card, .panel, .seo-details, .seo-guidance, .upload-panel, .result-panel, .preview-panel, .workspace-card, .input-card, .output-card) {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 11px 0;
        padding: 15px;
        border-radius: 15px;
        overflow-wrap: anywhere;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-grid, .audit-workspace, .cluster-workspace, .workspace-grid, .tool-layout, .editor-grid, .comparison-grid, .compare-grid, .split-layout, .panel-grid, .input-output-grid, .result-grid, .upload-row, .form-grid, .field-grid, .settings-grid, .options-grid, .control-grid, .preview-grid, .setting-grid, .mode-grid, .format-grid, .image-grid, .pdf-grid, .qr-grid, .encoder-grid) {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        min-width: 0;
    }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-grid, .audit-workspace, .cluster-workspace, .workspace-grid, .tool-layout, .editor-grid, .comparison-grid, .compare-grid, .split-layout, .panel-grid, .input-output-grid, .result-grid, .upload-row, .form-grid, .field-grid, .settings-grid, .options-grid, .control-grid, .preview-grid, .setting-grid, .mode-grid, .format-grid, .image-grid, .pdf-grid, .qr-grid, .encoder-grid) > * { min-width: 0; max-width: 100%; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.document-stats, .statistics-grid, .stats-grid, .stat-grid, .stat-cards, .document-info-grid, .summary-grid, .metric-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-tabs, .mode-tabs, .mode-switch, .tab-list, .tab-list__items, [role="tablist"]) { display: flex; max-width: 100%; flex-wrap: nowrap; gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-tabs, .mode-tabs, .mode-switch, .tab-list, .tab-list__items, [role="tablist"]) > * { flex: 0 0 auto; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.card-topline, .section-heading, .panel-heading, .group-heading, .result-heading) { min-width: 0; flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.card-index, .card-meta, .local-badge, .status-badge) { max-width: 100%; overflow-wrap: anywhere; }

    body[data-ex-tools-mobile="true"] .mobile-page-content :is(img, video, iframe, svg, object, embed) { max-width: 100%; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(img, video) { height: auto; }
    body[data-ex-tools-mobile="true"] .mobile-page-content canvas { max-width: 100%; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(pre, .code-output, .output-code) { max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; }
    body[data-ex-tools-mobile="true"] .mobile-page-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.table-wrap, .table-scroll, .table-responsive) { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(dialog, .modal, .help-dialog, .error-dialog, [role="dialog"]) { box-sizing: border-box; width: min(calc(100vw - 24px), 560px); max-width: 560px; max-height: min(84vh, 720px); max-height: min(84dvh, 720px); overflow: auto; }
    body[data-ex-tools-mobile="true"] .mobile-page-content :is(.footer, .footer-bottom, .footer-grid) { display: flex; flex-wrap: wrap; gap: 8px; }

    /* Home: a compact, touch-first tool directory instead of desktop cards. */
    body[data-ex-tools-mobile="true"][data-page="/"] { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-page-content { width: min(100%, 780px); padding-top: 12px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .hero { padding: 11px 0 10px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .hero h1 { max-width: 15ch; font-size: clamp(31px, 8.3vw, 40px); }
    body[data-ex-tools-mobile="true"][data-page="/"] .hero-copy { font-size: 15px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .hero-copy--secondary { font-size: 14px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .search-box { display: flex; width: 100%; min-width: 0; min-height: 50px; align-items: center; gap: 8px; margin-top: 17px; padding: 4px 11px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .search-box input { min-width: 0; flex: 1 1 auto; }
    body[data-ex-tools-mobile="true"][data-page="/"] .categories { display: grid; gap: 12px; margin-top: 17px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-section { min-width: 0; padding: 13px; border: 1px solid var(--line, #e3e8e0); border-radius: 16px; background: var(--paper, #fff); box-shadow: 0 5px 16px rgb(32 40 33 / 4%); scroll-margin-top: 150px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-heading { display: grid; min-width: 0; gap: 9px; margin-bottom: 11px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-title-wrap { display: flex; min-width: 0; align-items: flex-start; gap: 10px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-mark { flex: 0 0 36px; width: 36px; height: 36px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-heading h2 { margin: 1px 0 4px; font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-description { max-width: 100%; margin: 0; font-size: 13px; line-height: 1.45; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-heading-actions { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 7px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-toggle { min-width: 0; min-height: 38px; justify-content: flex-start; gap: 5px; padding: 6px 8px; font-size: 12px; text-align: left; }
    body[data-ex-tools-mobile="true"][data-page="/"] .category-count { flex: 0 0 auto; min-height: 32px; padding: 6px 9px; font-size: 11px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tool-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tool-tile { display: grid; min-width: 0; min-height: 0; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 10px; padding: 9px; border: 1px solid var(--line, #e3e8e0); border-radius: 13px; background: var(--paper, #fff); box-shadow: none; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tool-tile:hover { transform: none; box-shadow: 0 4px 13px rgb(32 40 33 / 7%); }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-preview { display: grid; width: 48px; height: 48px; min-width: 0; min-height: 0; place-items: center; overflow: hidden; border-radius: 11px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .preview-svg { width: 44px; height: 40px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .preview-fallback { min-width: 0; min-height: 0; padding: 5px; font-size: 10px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-content { display: grid; min-width: 0; gap: 4px; padding: 0; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-heading { min-width: 0; align-items: flex-start; gap: 6px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-name { font-size: 14px; line-height: 1.32; overflow-wrap: anywhere; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-arrow { flex: 0 0 auto; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-description { display: -webkit-box; min-height: 0; margin: 0; overflow: hidden; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-features { display: flex; gap: 4px; margin: 1px 0 0; padding: 0; }
    body[data-ex-tools-mobile="true"][data-page="/"] .tile-features > span { max-width: 100%; min-height: 23px; padding: 4px 6px; font-size: 10px; line-height: 1.2; }
    body[data-ex-tools-mobile="true"][data-page="/"] .about-section { max-width: none; margin: 17px 0; padding: 15px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .floating-nav-stack.mobile-bottom-navigation { position: fixed; z-index: 1100; right: auto; bottom: calc(8px + env(safe-area-inset-bottom)); left: 50%; display: flex; width: min(calc(100vw - 16px), 460px); height: auto; min-height: 56px; align-items: center; gap: 6px; padding: 5px; transform: translateX(-50%); border: 1px solid var(--line, #e3e8e0); border-radius: 15px; background: var(--paper, #fff); box-shadow: 0 7px 22px rgb(20 35 24 / 15%); }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav { position: static; display: block; width: auto; height: auto; min-width: 0; flex: 1 1 auto; transform: none; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav > summary { display: flex; width: 100%; min-width: 0; min-height: 44px; align-items: center; justify-content: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--line, #e3e8e0); border-radius: 11px; background: var(--paper, #fff); color: var(--ink, #202821); font-size: 13px; font-weight: 750; line-height: 1.15; list-style: none; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav > summary::-webkit-details-marker { display: none; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-toggle-label { display: inline; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-panel { position: absolute; inset: auto auto calc(100% + 8px) 0; display: none; width: min(calc(100vw - 24px), 370px); max-width: calc(100vw - 24px); max-height: min(58vh, 440px); max-height: min(58dvh, 440px); margin: 0; padding: 8px; overflow-x: hidden; overflow-y: auto; transform: none; border: 1px solid var(--line, #dce4da); border-radius: 14px; background: var(--paper, #fff); box-shadow: 0 12px 30px rgb(20 35 24 / 18%); }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav[open] .floating-nav-panel { display: block; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-panel ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-link { display: flex; min-height: 42px; align-items: center; padding: 8px 11px; border-radius: 9px; font-size: 14px; line-height: 1.3; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-actions { position: static; display: flex; min-width: 0; align-items: center; gap: 5px; margin: 0; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-action { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; gap: 4px; padding: 6px 8px; border: 1px solid var(--line, #dce4da); border-radius: 11px; background: var(--paper, #fff); font-size: 11px; line-height: 1.15; text-align: center; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-sitemap { flex: 0 1 auto; gap: 5px; padding-inline: 8px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-sitemap span { display: inline-block; max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-action-icon { flex: 0 0 19px; width: 19px; height: 19px; }
    body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-top { flex: 0 0 44px; width: 44px; padding: 6px; }

    @media (max-width: 520px) {
        body[data-ex-tools-mobile="true"] .mobile-site-header { padding-inline: 12px; }
        body[data-ex-tools-mobile="true"] .mobile-site-preferences .account-nav__link,
        body[data-ex-tools-mobile="true"] .mobile-site-preferences .language-switch__link { padding-inline: 9px; font-size: 12px; }
        body[data-ex-tools-mobile="true"] .mobile-page-content { padding-inline: 12px; }
        body[data-ex-tools-mobile="true"] .mobile-page-content :is(.tool-card, .panel, .seo-details, .seo-guidance, .upload-panel, .result-panel, .preview-panel, .workspace-card, .input-card, .output-card) { padding: 13px; border-radius: 13px; }
        body[data-ex-tools-mobile="true"] .mobile-page-content :is(.hero-actions, .intro-actions, .action-row, .action-buttons) > button { flex: 1 1 145px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .category-section { padding: 11px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .tool-tile { grid-template-columns: 43px minmax(0, 1fr); gap: 8px; padding: 8px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .tile-preview { width: 43px; height: 43px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .preview-svg { width: 40px; height: 36px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .tile-features > span:nth-child(n + 2) { display: none; }
        body[data-ex-tools-mobile="true"][data-page="/"] .mobile-bottom-navigation .floating-nav-sitemap span { max-width: 76px; }
    }

    @media (max-width: 360px) {
        body[data-ex-tools-mobile="true"] .mobile-site-preferences,
        body[data-ex-tools-mobile="true"] .mobile-site-preferences .site-preferences { gap: 5px; }
        body[data-ex-tools-mobile="true"] .mobile-site-preferences .site-theme-dot { width: 28px; flex-basis: 28px; }
        body[data-ex-tools-mobile="true"][data-page="/"] .category-heading-actions { align-items: stretch; flex-direction: column; }
        body[data-ex-tools-mobile="true"][data-page="/"] .category-count { align-self: flex-end; }
    }

    @media (prefers-reduced-motion: reduce) {
        body[data-ex-tools-mobile="true"] *,
        body[data-ex-tools-mobile="true"] *::before,
        body[data-ex-tools-mobile="true"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }
}