:is(.compress-toolbar-actions,.focused-toolbar-actions) .compress-settings-trigger,.compress-settings-summary{display:none}
[data-compress-mobile] :is(.compress-toolbar-actions,.focused-toolbar-actions) .compress-settings-trigger{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:10px;border:0;border-radius:50%;background:#e6eff8;color:#20396d;flex:none}
.compress-settings-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
[data-compress-mobile] .compress-settings-summary{display:block;margin:-2px 0 16px;color:#536579;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.compress-settings-dialog{position:fixed;top:var(--settings-top,12px);bottom:auto;left:0;right:0;box-sizing:border-box;margin:0 auto;width:min(480px,calc(100vw - 24px));max-width:none;max-height:var(--settings-height,calc(100dvh - 24px));padding:0;border:1px solid #d7deea;border-radius:16px;background:#fff;color:#2d3039;overflow:hidden}
.compress-settings-dialog[open]{display:flex;flex-direction:column}
.compress-settings-dialog::backdrop{background:#14263b88}
.compress-settings-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:12px 16px;border-bottom:1px solid #e1e6ee}
.compress-settings-dialog h2{font-size:21px;line-height:1.35;margin:0}
.compress-settings-dialog>header button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;background:transparent;color:#20396d;font-size:32px;line-height:1;border-radius:50%}
.compress-settings-body{padding:0 18px 16px;overflow:auto;overscroll-behavior:contain;min-height:0}
.document-tools .compress-settings-dialog [data-settings]{padding:0;overflow:visible;max-height:none}
.compress-settings-dialog label{display:block;margin:16px 0 6px;font-size:14px;font-weight:600}
.compress-settings-dialog select,.compress-settings-dialog input:not([type=radio]){display:block;width:100%;min-height:46px;padding:10px;border:1px solid #ccd3e0;border-radius:8px;background:#fff;color:#364258;font-size:16px}
.pdf-tool-page .compress-settings-dialog input,.pdf-tool-page .compress-settings-dialog select{scroll-margin:12px}
.compress-settings-dialog .setting-help{font-size:12px;line-height:1.6;color:#68758b;margin:8px 0 16px}
.compress-settings-dialog .compress-method-warning{padding:10px 12px;border-left:3px solid #b57b23;background:#fff7e9;color:#77521c;border-radius:4px}
.compress-settings-dialog .compression-levels{margin:18px 0}
.compress-settings-dialog label.quality-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce0eb;border-radius:8px;padding:12px;margin:8px 0;cursor:pointer}
.compress-settings-dialog label.quality-choice:has(input:checked){background:#edf3ff;border-color:#6589c6}
.compress-settings-dialog .quality-choice input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#244e94}
.compress-settings-dialog>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e1e6ee;background:#fff}
.compress-settings-dialog>footer button{min-height:46px;padding:10px;font-size:16px}

/* Only opted-in tools collapse their settings on phones; the process button remains docked. */
.focused-editing.compress-mobile:has([data-settings-popup]) .tools-main{padding:0 16px}
.focused-editing [data-settings-popup][data-compress-mobile] .editor-stage{display:block;padding-bottom:88px}
.focused-editing [data-settings-popup][data-compress-mobile] .file-area{padding:16px 0 4px;min-height:0}
.focused-editing [data-settings-popup][data-compress-mobile] .file-toolbar{margin-bottom:12px;flex-wrap:wrap}
.focused-editing [data-settings-popup][data-compress-mobile] .focused-toolbar-actions{gap:6px;margin-left:auto}
.focused-editing [data-settings-popup][data-compress-mobile] .editor-stage>.settings{position:static;width:100%;height:auto;min-height:0;max-height:none;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;display:block}
.focused-editing [data-settings-popup][data-compress-mobile] .editor-stage>.settings>h2,.focused-editing [data-settings-popup][data-compress-mobile] .editor-stage>.settings>[data-settings]{display:none}
.focused-editing [data-settings-popup][data-compress-mobile] .process-button{position:fixed;z-index:35;left:0;right:0;bottom:0;width:100%;margin:0;border:10px solid white;border-bottom-width:max(10px,env(safe-area-inset-bottom));border-radius:0;min-height:76px;font-size:18px;box-shadow:0 -4px 18px #20396d0c}