/* Shared Phase 3 foundation. Logical properties keep the shell RTL ready. */
body[data-mobile-ui="3"]{--ui-surface:#fff;--ui-soft:#f2f4f8;--ui-text:#172033;--ui-muted:#596579;--ui-border:#dce1ea;--ui-accent:#5548e5;--ui-radius:12px;--ui-touch:44px;--ui-space:16px}
html[data-theme="dark"] body[data-mobile-ui="3"]{--ui-surface:#151d2b;--ui-soft:#1c2738;--ui-text:#edf1fa;--ui-muted:#b2bdd0;--ui-border:#344055;--ui-accent:#a89fff}
body[data-mobile-ui="3"] .btn.primary{background:var(--ui-accent);color:#fff}
body[data-mobile-ui="3"] .btn.primary:hover{background:#483bd1}
html[data-theme="dark"] body[data-mobile-ui="3"] .btn.primary{background:var(--ui-accent);color:#181332}
html[data-theme="dark"] body[data-mobile-ui="3"] .btn.primary:hover{background:#b6aeff}
body[data-mobile-ui="3"] :where(button,a,input,select,summary){scroll-margin-block:88px 100px}
body[data-mobile-ui="3"] :where(button,summary):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
body[data-mobile-ui="3"] :where(.input-pane,.settings-pane,.file-info,.hero-copy,.hero-product,.recent-tool-copy,.tool-card-shell){min-width:0}
body[data-mobile-ui="3"] .icon{flex-shrink:0}
body[data-mobile-ui="3"] .site-header{height:72px;min-height:72px;padding:0;background:var(--ui-surface);color:var(--ui-text);border-bottom:1px solid var(--ui-border)}
body[data-mobile-ui="3"] .nav-wrap{height:100%;gap:24px;max-width:1280px}
body[data-mobile-ui="3"] .brand{flex-shrink:0;font-size:1.6rem;letter-spacing:-.04em}
body[data-mobile-ui="3"] .nav-actions{margin-inline-start:auto;gap:6px}
body[data-mobile-ui="3"] .top-nav{gap:22px;flex-shrink:0}
body[data-mobile-ui="3"] .top-nav a{font-size:.875rem;white-space:nowrap}
body[data-mobile-ui="3"] .language-picker>summary .icon{display:block;width:21px;height:21px;color:var(--ui-text)}
body[data-mobile-ui="3"] .theme-picker>summary,body[data-mobile-ui="3"] .language-picker>summary,body[data-mobile-ui="3"] .menu-btn,body[data-mobile-ui="3"] .command-palette-btn{min-height:var(--ui-touch);min-width:var(--ui-touch);color:var(--ui-text);background:transparent;border:1px solid transparent;box-shadow:none}
body[data-mobile-ui="3"] .language-chevron{display:none}
body[data-mobile-ui="3"] .theme-picker>summary{padding:8px}
body[data-mobile-ui="3"] .theme-current{display:none}
body[data-mobile-ui="3"] .v2-more-menu{position:relative}
body[data-mobile-ui="3"] .v2-more-menu>summary{cursor:pointer;list-style:none;min-height:44px;min-width:44px;display:grid;place-items:center}
body[data-mobile-ui="3"] .v2-more-popover{position:absolute;inset-block-start:100%;inset-inline-end:0;width:210px;padding:8px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;z-index:50}
body[data-mobile-ui="3"] .v2-more-popover button{display:flex;width:100%;min-height:44px;color:var(--ui-text);background:transparent;border:0}
body[data-mobile-ui="3"] .v2-more-popover button[hidden]{display:none}
body[data-mobile-ui="3"] dialog::backdrop{background:rgb(8 15 30 / .52);backdrop-filter:blur(3px)}
body[data-mobile-ui="3"]:has(dialog[open]){overflow:hidden}
body[data-mobile-ui="3"] .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--ui-border);flex-shrink:0}
body[data-mobile-ui="3"] .sheet-heading h2{font-size:1.15rem;color:var(--ui-text);margin:0}
body[data-mobile-ui="3"] .sheet-close{width:44px;height:44px;flex-shrink:0;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-soft);color:var(--ui-text);font-size:1.5rem}
body[data-mobile-ui="3"] .language-popover{position:fixed!important;inset:0!important;margin:auto!important;width:min(480px,calc(100% - 24px));height:min(680px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ui-border);border-radius:16px;box-shadow:0 20px 70px #0003;background:var(--ui-surface)!important;color:var(--ui-text);overflow:hidden}
body[data-mobile-ui="3"] .language-popover:not([open]),body[data-mobile-ui="3"] .mobile-menu-sheet:not([open]){display:none!important}
body[data-mobile-ui="3"] .language-popover[open]{display:flex!important;flex-direction:column}
body[data-mobile-ui="3"] .language-search{margin:12px 16px;padding:0 10px;background:var(--ui-soft);border:1px solid var(--ui-border);border-radius:10px;flex-shrink:0}
body[data-mobile-ui="3"] .language-search input{min-height:48px;font-size:1rem;background:transparent;color:var(--ui-text)}
body[data-mobile-ui="3"] .language-options{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:0 12px calc(16px + env(safe-area-inset-bottom));scroll-padding-block:12px}
body[data-mobile-ui="3"] .language-option{min-height:52px;font-size:1rem;padding:10px 12px;border-radius:8px;color:var(--ui-text)}
body[data-mobile-ui="3"] .language-option small{font-size:.875rem;color:var(--ui-muted)}
body[data-mobile-ui="3"] .language-option[hidden]{display:none}
body[data-mobile-ui="3"] .mobile-menu-sheet{position:fixed;inset:12px 12px auto auto;width:min(390px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:0;overflow:auto;border:1px solid var(--ui-border);border-radius:16px;padding:0 0 env(safe-area-inset-bottom);background:var(--ui-surface);color:var(--ui-text)}
html[dir="rtl"] body[data-mobile-ui="3"] .mobile-menu-sheet{inset:12px auto auto 12px}
body[data-mobile-ui="3"] .mobile-menu-sheet nav{display:grid;padding:8px}
body[data-mobile-ui="3"] .mobile-menu-sheet nav a{padding:12px;min-height:48px;font-size:1rem;border-radius:8px}
body[data-mobile-ui="3"] .mobile-menu-sheet nav a:hover{background:var(--ui-soft)}
body[data-mobile-ui="3"] .mobile-language-action{display:flex;align-items:center;gap:12px;padding:16px;min-height:58px;width:100%;border:0;border-top:1px solid var(--ui-border);background:transparent;color:var(--ui-text);font:inherit;text-align:start}
body[data-mobile-ui="3"] .mobile-language-action strong{margin-inline-start:auto;font-size:.875rem;font-weight:500}
body[data-mobile-ui="3"] .footer-language{font:inherit;border:0;padding:8px 0;min-height:44px;background:transparent;color:inherit;cursor:pointer}

/* One upload surface; a file selection replaces it with a bounded list. */
body[data-mobile-ui="3"] .input-pane>.pane-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px}
body[data-mobile-ui="3"] .universal-upload{min-width:0;position:relative}
body[data-mobile-ui="3"] .compact-upload{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:132px;max-width:100%;padding:22px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);text-align:start;box-shadow:none}
body[data-mobile-ui="3"] .compact-upload[hidden]{display:none}
body[data-mobile-ui="3"] .compact-upload .upload-symbol{margin:0;color:var(--ui-accent)}
body[data-mobile-ui="3"] .compact-upload .upload-symbol .icon{width:28px;height:28px}
body[data-mobile-ui="3"] .upload-copy{min-width:0;display:grid;gap:6px}
body[data-mobile-ui="3"] .compact-upload .file-button{min-height:44px;justify-self:start;padding:9px 16px;font-size:1rem}
body[data-mobile-ui="3"] .compact-upload small{font-size:.875rem;line-height:1.5;color:var(--ui-muted);max-width:100%}
body[data-mobile-ui="3"] .compact-upload p{margin:0 0 0 auto;font-size:.875rem;color:var(--ui-muted)}
body[data-mobile-ui="3"] .compact-upload.dragging{border-color:var(--ui-accent);background:var(--ui-soft);box-shadow:0 0 0 2px var(--ui-accent)}
body[data-mobile-ui="3"] .upload-status{font-size:.875rem;padding:10px 0;color:var(--ui-muted)}
body[data-mobile-ui="3"] .file-list-shell{margin:0;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;box-shadow:none;background:transparent}
body[data-mobile-ui="3"] .file-list-head{padding:0 0 10px;background:transparent;align-items:center;border-color:var(--ui-border)}
body[data-mobile-ui="3"] .file-list-head strong,body[data-mobile-ui="3"] .file-list-head small{font-size:.875rem;color:var(--ui-muted)}
body[data-mobile-ui="3"] .file-list{max-height:min(312px,42dvh);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 0;gap:4px;margin:0}
body[data-mobile-ui="3"] .file-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:64px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
body[data-mobile-ui="3"] .file-row.drag-over{box-shadow:inset 0 -3px var(--ui-accent)!important;background:var(--ui-soft)!important}
body[data-mobile-ui="3"] .file-preview-tile{width:44px;height:48px;flex-shrink:0}
body[data-mobile-ui="3"] .file-type-chip{display:none}
body[data-mobile-ui="3"] .file-order{font-size:.75rem;min-width:18px;min-height:18px}
body[data-mobile-ui="3"] .file-info strong{font-size:.875rem;overflow-wrap:anywhere}
body[data-mobile-ui="3"] .file-list .file-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden}
body[data-mobile-ui="3"] .file-info small,body[data-mobile-ui="3"] .file-status{font-size:.8125rem;color:var(--ui-muted)}
body[data-mobile-ui="3"] .file-controls{gap:4px;grid-column:auto;justify-content:end}
body[data-mobile-ui="3"] .file-controls button{width:44px!important;height:44px!important;color:var(--ui-text);background:var(--ui-surface)}
body[data-mobile-ui="3"] .file-add-more{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;width:auto;height:auto;min-height:44px;padding:8px 10px;font-size:.875rem;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
body[data-mobile-ui="3"] .file-add-more span{display:inline}
body[data-mobile-ui="3"] .input-pane>.local-note{display:none}
body[data-mobile-ui="3"] .tool-workspace{min-width:0;overflow:visible}
body[data-mobile-ui="3"] .settings-pane[hidden]{display:none}
body[data-mobile-ui="3"]:not(.has-selected-files) .tool-workspace{grid-template-columns:minmax(0,1fr)}
body[data-mobile-ui="3"] .settings-pane .field input,body[data-mobile-ui="3"] .settings-pane .field select{font-size:1rem;min-height:44px}
body[data-mobile-ui="3"] .field-help{font-size:.875rem}
body[data-mobile-ui="3"] .settings-title{margin-bottom:16px}
body[data-mobile-ui="3"] .settings-title h2{margin:0;font-size:1.1rem}
body[data-mobile-ui="3"] .settings-title small{font-size:.875rem}
body[data-mobile-ui="3"] .settings-pane .process-button{box-shadow:none;min-height:48px;font-size:1rem}
body[data-mobile-ui="3"] .result-file .file-info{max-width:100%}
body[data-mobile-ui="3"] .error-box{border-radius:12px;padding:14px;box-shadow:none;background:var(--ui-surface);margin-block:16px}
body[data-mobile-ui="3"] .error-head{grid-template-columns:28px minmax(0,1fr);gap:10px}
body[data-mobile-ui="3"] .error-mark{width:28px;height:28px;font-size:1rem;border-radius:8px}
body[data-mobile-ui="3"] .error-help,body[data-mobile-ui="3"] .error-actions{margin-inline-start:38px;padding:0;border:0;background:transparent}
body[data-mobile-ui="3"] .error-help li{font-size:.875rem}
body[data-mobile-ui="3"] .error-actions .btn{min-height:44px}

/* Processing owns the workspace, with separate, honest page and overall metrics. */
body[data-mobile-ui="3"].busy .settings-pane:after{display:none;animation:none}
body[data-mobile-ui="3"].busy .settings-pane>:is(.settings-title,#settingsFields,#processButton,.v2-page-preview,.v2-target-readout,.v2-honest-estimate){display:none}
body[data-mobile-ui="3"].busy .tool-workspace{grid-template-columns:minmax(0,1fr);min-height:260px}
body[data-mobile-ui="3"].busy .input-pane{display:none}
body[data-mobile-ui="3"].busy .settings-pane{display:flex;flex-direction:column;border:0;max-width:760px;width:100%;margin-inline:auto;min-height:250px}
body[data-mobile-ui="3"].busy .progress-area{order:0;min-height:165px;margin:0;padding:16px;background:var(--ui-soft);border:1px solid var(--ui-border);box-shadow:none;border-radius:12px}
body[data-mobile-ui="3"].busy #cancelButton{order:1;align-self:flex-start;width:auto;min-width:110px;margin-block-start:14px}
body[data-mobile-ui="3"] .processing-visual{display:none}
body[data-mobile-ui="3"] .processing-timeline{display:none}
body[data-mobile-ui="3"] .progress-copy{display:block}
body[data-mobile-ui="3"] .progress-copy p{font-size:1rem;margin:0 0 14px}
body[data-mobile-ui="3"] .progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.875rem;color:var(--ui-muted);margin-block-end:14px}
body[data-mobile-ui="3"] .progress-meta strong{font-size:.875rem;white-space:nowrap}
body[data-mobile-ui="3"] .v2-tab-note{font-size:.875rem!important}

/* Passport editor: presets and the crop canvas stay together. */
body[data-mobile-ui="3"][data-tool="passport-photo-maker"] .tool-workspace{display:block}
body[data-mobile-ui="3"][data-tool="passport-photo-maker"] .settings-pane{border-inline-start:0;background:var(--ui-surface)}
body[data-mobile-ui="3"][data-tool="passport-photo-maker"] .settings-title{display:none}
body[data-mobile-ui="3"] .photo-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:32px;align-items:start}
body[data-mobile-ui="3"] .photo-stage{min-width:0}
body[data-mobile-ui="3"] .field-label{display:block;font-size:.875rem;font-weight:600;margin-block-end:8px}
body[data-mobile-ui="3"] .photo-presets{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:12px}
body[data-mobile-ui="3"] .photo-presets button{min-height:44px;font-size:.875rem;flex:1;white-space:nowrap;padding:8px;border-radius:8px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}
body[data-mobile-ui="3"] .photo-presets button[aria-pressed="true"]{border-color:var(--ui-accent);color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}
body[data-mobile-ui="3"] .photo-preview{margin:0;padding:16px;background:var(--ui-soft)!important;border:1px solid var(--ui-border);border-radius:12px}
body[data-mobile-ui="3"] .photo-preview canvas{display:block;max-height:340px;max-width:100%;margin:auto;touch-action:none;cursor:grab;box-shadow:none;object-fit:contain}
body[data-mobile-ui="3"] .photo-preview canvas:active{cursor:grabbing}
body[data-mobile-ui="3"] .photo-preview p{font-size:.875rem;color:var(--ui-muted);margin:10px 0 4px}
body[data-mobile-ui="3"] .photo-preview .btn{font-size:.875rem;min-height:44px;padding:8px 14px}
body[data-mobile-ui="3"] .photo-advanced{margin-bottom:12px;border-bottom:1px solid var(--ui-border)}
body[data-mobile-ui="3"] .photo-advanced summary{min-height:48px;cursor:pointer;padding:10px 0;font-size:1rem;color:var(--ui-text)}
body[data-mobile-ui="3"] .photo-advanced .fields-row{margin-top:10px}
body[data-mobile-ui="3"][data-tool="passport-photo-maker"] #processButton{max-width:400px;margin-inline-start:auto}

/* Discovery grids fit the viewport; wrapped tabs never hide a category. */
body[data-mobile-ui="3"] .category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-inline:0;padding-inline:0;overflow:visible;max-width:100%}
body[data-mobile-ui="3"] .category{font-size:.875rem;min-height:44px;white-space:normal}
body[data-mobile-ui="3"] .recent-tools-list,body[data-mobile-ui="3"] .favorite-tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;overflow:visible}
body[data-mobile-ui="3"] .recent-tool-link,body[data-mobile-ui="3"] .favorite-tool-item{width:auto;min-width:0;max-width:100%}
body[data-mobile-ui="3"] .recent-tool-copy strong{white-space:normal;overflow-wrap:anywhere;font-size:.875rem}
body[data-mobile-ui="3"] .recent-tools-note{display:none}
body[data-mobile-ui="3"] .search-wrap{min-width:0;max-width:100%}
body[data-mobile-ui="3"] .search-wrap input{min-width:0;font-size:1rem}
body[data-mobile-ui="3"] .hero .trust-row{margin-block-end:0}
body[data-mobile-ui="3"] .tool-heading h1{overflow-wrap:anywhere}

@media(max-width:1100px){
  body[data-mobile-ui="3"] .site-header .top-nav{display:none}
  body[data-mobile-ui="3"] .site-header .menu-btn{display:grid;place-items:center}
  body[data-mobile-ui="3"] .command-palette-btn :is(span,kbd){display:none}
  body[data-mobile-ui="3"] .command-palette-btn{padding:8px;display:inline-flex;justify-content:center}
}
@media(max-width:780px){
  body[data-mobile-ui="3"]{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  body[data-mobile-ui="3"]:not([data-tool=""]){padding-bottom:env(safe-area-inset-bottom)}
  body[data-mobile-ui="3"] .container{width:calc(100% - 32px)}
  body[data-mobile-ui="3"] .site-header{height:64px;min-height:64px}
  body[data-mobile-ui="3"] .nav-wrap{gap:8px}
  body[data-mobile-ui="3"] .site-header .brand{font-size:1.4rem;gap:6px}
  body[data-mobile-ui="3"] .site-header .brand-symbol{width:30px;height:30px}
  body[data-mobile-ui="3"] .nav-actions{gap:2px}
  body[data-mobile-ui="3"] .site-header .v2-more-menu,body[data-mobile-ui="3"] .site-header .language-picker>summary{display:none}
  body[data-mobile-ui="3"] .site-header .language-picker{width:0;min-width:0;margin:0;padding:0;border:0}
  body[data-mobile-ui="3"] .site-header .theme-picker>summary .icon{width:21px;height:21px;display:block}
  body[data-mobile-ui="3"] .mobile-dock{inset-inline:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;box-shadow:none;background:var(--ui-surface)}
  body[data-mobile-ui="3"] .mobile-dock span{font-size:.75rem;line-height:1.25}
  body[data-mobile-ui="3"]:not([data-tool=""]) .mobile-dock,body[data-mobile-ui="3"].busy .mobile-dock,body[data-mobile-ui="3"]:has(dialog[open]) .mobile-dock{display:none}
  body[data-mobile-ui="3"] .tool-heading{padding-block:20px 0}
  body[data-mobile-ui="3"] .back-link{margin-block-end:10px;min-height:32px}
  body[data-mobile-ui="3"] .tool-title-row{gap:10px;align-items:flex-start}
  body[data-mobile-ui="3"] .tool-title-row>.tool-icon{display:none}
  body[data-mobile-ui="3"] .tool-heading h1{font-size:clamp(1.7rem,7vw,2.15rem);line-height:1.14;letter-spacing:-.035em}
  body[data-mobile-ui="3"] .tool-heading p:not(.eyebrow,.tool-category-label){font-size:1rem;line-height:1.5;margin-block:8px 0}
  body[data-mobile-ui="3"] .tool-category-label,body[data-mobile-ui="3"] .v2-product-name,body[data-mobile-ui="3"] .v2-tool-heading .eyebrow{display:none}
  body[data-mobile-ui="3"] .tool-heading .workspace-status{gap:6px;margin-block-start:12px}
  body[data-mobile-ui="3"] .workspace-status span{font-size:.8125rem;padding:0;border:0;background:transparent!important}
  body[data-mobile-ui="3"] .work-area{padding-block:16px 28px}
  body[data-mobile-ui="3"] .work-area>.workspace-status span:nth-child(n+2){display:none}
  body[data-mobile-ui="3"] .v2-flow{margin:0 0 12px;gap:5px;font-size:.75rem}
  body[data-mobile-ui="3"] .v2-flow li{gap:4px;font-size:.75rem}
  body[data-mobile-ui="3"] .v2-flow li>span{width:21px;height:21px;font-size:.75rem}
  body[data-mobile-ui="3"] .tool-workspace{grid-template-columns:minmax(0,1fr);margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  body[data-mobile-ui="3"] .input-pane{padding:0}
  body[data-mobile-ui="3"] .settings-pane{padding:18px 0 0;border:0;background:transparent!important}
  body[data-mobile-ui="3"] .compact-upload{padding:14px;min-height:104px;gap:12px}
  body[data-mobile-ui="3"] .compact-upload .upload-symbol{display:none}
  body[data-mobile-ui="3"] .compact-upload p{display:none}
  body[data-mobile-ui="3"] .compact-upload .upload-copy{width:100%}
  body[data-mobile-ui="3"] .compact-upload small{font-size:.8125rem}
  body[data-mobile-ui="3"] .file-row:has(.file-controls button:nth-child(3)){grid-template-columns:42px minmax(0,1fr)}
  body[data-mobile-ui="3"] .file-row:has(.file-controls button:nth-child(3)) .file-controls{grid-column:2;justify-content:start;margin-top:-4px}
  body[data-mobile-ui="3"] .file-list{max-height:244px}
  body[data-mobile-ui="3"] .settings-title small{display:none}
  body[data-mobile-ui="3"] .field{margin-block-end:14px}
  body[data-mobile-ui="3"] .settings-pane .process-button{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:5;margin-top:12px}
  body[data-mobile-ui="3"] .result-panel{padding:16px 0;border-radius:0;border-inline:0;background:transparent}
  body[data-mobile-ui="3"] .result-heading{flex-wrap:wrap;gap:10px;margin-bottom:14px}
  body[data-mobile-ui="3"] .result-heading h2{font-size:1.4rem}
  body[data-mobile-ui="3"] .result-heading .btn{margin:0}
  body[data-mobile-ui="3"] .result-stats{gap:10px}
  body[data-mobile-ui="3"] .result-stats small{font-size:.875rem}
  body[data-mobile-ui="3"] .result-download{min-height:48px;font-size:1rem}
  body[data-mobile-ui="3"] .tool-guide{padding-block:12px 24px;gap:24px}
  body[data-mobile-ui="3"] .footer-main{gap:18px;padding-block:24px}
  body[data-mobile-ui="3"] .photo-layout{display:block}
  body[data-mobile-ui="3"] .photo-preview{padding:12px}
  body[data-mobile-ui="3"] .photo-preview canvas{max-height:250px}
  body[data-mobile-ui="3"] .photo-options{margin-top:12px}
  body[data-mobile-ui="3"] .photo-options .field-help{margin-block:8px;font-size:.8125rem}
  body[data-mobile-ui="3"] .photo-advanced{margin-bottom:6px}
  body[data-mobile-ui="3"] .photo-advanced summary{min-height:44px}
  body[data-mobile-ui="3"] .photo-presets{gap:5px}
  body[data-mobile-ui="3"] .photo-presets button{font-size:.8125rem;padding-inline:6px}
  body[data-mobile-ui="3"] .recent-tools-list,body[data-mobile-ui="3"] .favorite-tools-list{grid-template-columns:minmax(0,1fr)}
  body[data-mobile-ui="3"] .category-tabs{gap:6px}
  body[data-mobile-ui="3"] .category{padding:8px 12px}
  body[data-mobile-ui="3"] .search-wrap input{padding-inline-end:4px}
  body[data-mobile-ui="3"] .search-key{display:none}
  body[data-mobile-ui="3"] .v2-home-hero{padding-top:32px}
  body[data-mobile-ui="3"] .hero h1{font-size:clamp(2.25rem,9vw,3rem)!important}
  body[data-mobile-ui="3"] .language-popover{width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
}
@media(min-width:781px){body[data-mobile-ui="3"] .tool-workspace:has(.settings-pane:not([hidden])){grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}}
@media(prefers-reduced-motion:reduce){body[data-mobile-ui="3"] *,body[data-mobile-ui="3"] *:before,body[data-mobile-ui="3"] *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:780px){
 body[data-mobile-ui="3"][data-tool="passport-photo-maker"].has-selected-files .tool-heading .tool-title-copy>p{display:none}
 body[data-mobile-ui="3"][data-tool="passport-photo-maker"].has-selected-files .work-area>.workspace-status{display:none}
 body[data-mobile-ui="3"] #settingsPane{scroll-margin-block-start:76px}
 body[data-mobile-ui="3"][data-tool="passport-photo-maker"] .tool-title-row{max-width:100%}
}