html:has(body.compression-page){background:#f7f8fa}.compression-page{color:#1f2937;background:#f7f8fa}.compression-page .site-header{padding-bottom:32px}.compression-page .brand{color:#1f2937}.compression-page .brand svg,.compression-page .site-header .text-control,.compression-page .site-footer :is(.text-control,.feedback-link),.compression-page .compression-guide a{color:#1d4ed8}.compression-page .site-footer{border-color:#d7dde7}.compression-page .tool-intro h1{font-size:40px}.compression-page .tool-intro p{color:#5b6472}.compression-workbench{background:#fff;border:1px solid #7c8594;border-radius:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding:28px;display:grid}.compression-workbench>*{min-width:0}.compression-workbench button,.compression-workbench a,.compression-guide a{min-height:44px}.compression-workbench :is(button,a,input):focus-visible,.compression-page .compression-guide a:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.compression-drag{outline-offset:4px;outline:3px solid #1d4ed8}.compression-empty{text-align:center;border:1px dashed #7c8594;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:28px 12px;display:flex}.compression-empty h2{font-size:24px}.compression-empty p{color:#5b6472;font-size:14px}.compression-image-details summary{cursor:pointer;color:#1d4ed8;align-content:center;min-height:44px;margin-bottom:12px}.compression-preview-tabs{gap:8px;margin-bottom:16px;display:flex}.compression-preview-tabs button{color:#1f2937;background:#fff;border:1px solid #7c8594;border-radius:8px;padding:8px 16px}.compression-preview-tabs button[aria-pressed=true]{color:#1d4ed8;background:#eff4ff;border-color:#1d4ed8;font-weight:600}.compression-preview-tabs button:disabled{opacity:.5}.compression-preview{background:#f7f8fa;border:1px solid #d7dde7;border-radius:8px;justify-content:center;align-items:center;height:300px;display:flex;overflow:hidden}.compression-preview img{object-fit:contain;width:100%;height:100%}.compression-filename{overflow-wrap:anywhere;word-break:break-word;margin-top:16px;font-weight:600}.compression-file-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.compression-primary,.compression-secondary,.compression-text{font:inherit;justify-content:center;align-items:center;gap:8px;line-height:1.5;text-decoration:none;display:inline-flex}.compression-primary{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;width:100%;min-height:48px;padding:12px 16px;font-weight:600}.compression-primary:disabled{color:#5b6472;background:#e5e7eb;border-color:#7c8594}.compression-secondary{color:#1f2937;background:#fff;border:1px solid #7c8594;border-radius:8px;min-height:44px;padding:10px 16px}.compression-secondary:disabled{opacity:.6}.compression-text{color:#1d4ed8;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 0;text-decoration:underline}.compression-text:disabled{color:#5b6472}.compression-note{color:#5b6472;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:8px;font-size:14px;line-height:1.5}.compression-local{margin-top:20px}.compression-settings{border:0;min-width:0;margin:0 0 24px;padding:0}.compression-settings legend{margin-bottom:12px;padding:0;font-weight:600}.compression-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compression-presets label{cursor:pointer;min-width:0;position:relative}.compression-presets input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.compression-presets label span{overflow-wrap:anywhere;border:1px solid #7c8594;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 4px;font-size:15px;display:flex}.compression-presets input:checked+span{color:#1d4ed8;background:#eff4ff;border-color:#1d4ed8;font-weight:600}.compression-presets label:has(input:focus-visible){outline-offset:3px;border-radius:8px;outline:2px solid #1d4ed8}.compression-settings:disabled{opacity:.65}.compression-custom{margin:16px 0}.compression-custom label{margin-bottom:8px;font-weight:600;display:block}.compression-custom input{color:#1f2937;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #7c8594;border-radius:8px;padding:10px 12px;font-size:16px}.compression-custom input[aria-invalid=true]{border-color:#b42318}.compression-resize{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin-top:16px;display:flex}.compression-resize input{accent-color:#1d4ed8;flex:none;width:22px;height:22px}.compression-output-note{margin-top:20px}.compression-already{margin-bottom:16px}.compression-error{color:#b42318;overflow-wrap:anywhere;border-left:3px solid #b42318;margin:16px 0;padding-left:12px}.compression-result{border-top:1px solid #d7dde7;padding-top:20px}.compression-result h2{color:#1d4ed8;letter-spacing:normal;align-items:center;gap:8px;font-size:16px;display:flex}.compression-result-size{letter-spacing:-.03em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;font-size:36px;font-weight:700;line-height:1.3;display:flex}.compression-result-size span{color:#5b6472;letter-spacing:normal;font-size:14px;font-weight:400}.compression-result .compression-primary{margin-top:20px}.compression-result>a.compression-text{margin-top:4px;display:flex}.compression-result>.compression-secondary{width:100%;margin-top:16px}.compression-result-after{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:16px;display:flex}.compression-guide{color:#1f2937;max-width:760px;margin:48px 0}.compression-guide h2{font-size:24px}.compression-guide p{color:#5b6472;max-width:70ch;margin:16px 0}.compression-guide .faq details{border-color:#d7dde7}.compression-guide>a{align-items:center;display:inline-flex}@media (width<=767px){.compression-page .site-shell{padding-inline:20px}.compression-page .site-header{gap:8px;padding-bottom:24px}.compression-page .brand{font-size:18px}.compression-page .tool-intro h1{font-size:30px}.compression-workbench{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.compression-empty{min-height:180px;padding:20px 8px}.compression-empty h2{font-size:22px}.compression-preview{height:120px}.compression-filename{margin-top:12px}.compression-preview-tabs{margin-bottom:12px}.compression-file-actions{gap:8px;margin-top:12px}.compression-file-actions .compression-secondary{flex:1;padding-inline:8px}.compression-local{margin-top:12px}.compression-ready .compression-settings,.compression-result-support{display:none}.compression-result-size{font-size:32px}.compression-guide{margin:32px 0}}@media (width<=359px){.compression-page .site-shell{padding-inline:16px}.compression-workbench{padding:16px}.compression-page .brand{font-size:17px}.compression-page .brand svg{width:22px}.compression-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}