.conversion-fields{display:grid;gap:13px}.conversion-field{display:grid;gap:6px;min-width:0}.conversion-field>span{font-weight:600}.conversion-field input:not([type=checkbox]),.conversion-field select{min-width:0;width:100%;height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background-color:#fff;font:inherit;color:var(--ink)}.conversion-field input[type=color]{padding:4px;cursor:pointer}.conversion-check{justify-content:space-between}.conversion-fields .settings-note{margin:-7px 0 0}.conversion-fields .conversion-page-note{margin:0}.conversion-note{margin-block:15px}.conversion-original{margin-block-end:20px}.conversion-text-result{width:min(100%,980px);display:grid;gap:14px;margin:18px auto 24px;text-align:start}.conversion-text-result.has-source{grid-template-columns:1fr 1fr}.conversion-text-result label{display:grid;gap:8px;min-width:0;font-size:13px;font-weight:600}.conversion-text-result textarea{width:100%;min-height:330px;padding:16px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:14px/1.8 ui-monospace,monospace}.conversion-text-result .button{justify-self:start}#conversion-result-note{max-width:720px;margin-inline:auto}@media(max-width:680px){.conversion-text-result.has-source{grid-template-columns:1fr}.conversion-text-result textarea{min-height:230px}}.compress-settings{display:grid;gap:22px}.compress-settings legend{margin-bottom:10px}.compress-presets{display:grid;gap:8px}.compress-preset{position:relative;display:flex;align-items:center;gap:11px;min-height:65px;padding:11px 12px}.compress-settings input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.compress-preset-copy{display:grid;gap:3px;flex:1;min-width:0;text-align:start}.compress-preset-copy strong{font-weight:600}.compress-preset-art{flex:0 0 28px;width:28px;height:28px;color:var(--accent-readable,var(--accent))}.compress-preset-art rect{fill:currentColor;opacity:.28}.compress-preset-screen rect:first-child,.compress-preset-ebook rect:not(:last-child),.compress-preset-printer rect{opacity:1}.compress-choice-mark{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid var(--ui-control-border);border-radius:50%}.compress-choice-mark .icon{width:12px;height:12px;opacity:0}.compress-preset:has(input:checked) .compress-choice-mark{border-color:var(--accent);background:var(--accent);color:var(--surface)}.compress-preset:has(input:checked) .compress-choice-mark .icon{opacity:1}.compress-dpi-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.compress-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compress-option{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:8px 6px;text-align:center}.compress-dpi-option{font-variant-numeric:tabular-nums}.compress-dpi-copy{display:grid;justify-items:center;gap:0;min-width:0}.compress-dpi-option bdi{font-size:14px;font-weight:600}.compress-dpi-option small{font-size:10px;line-height:1.4}.compress-resolution .compress-resolution-hint{margin:8px 0 0}.compress-color-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:conic-gradient(#6796f3,#ac94e4,#e398b3,#ecc880,#85c5a4,#6796f3)}.compress-color-gray{background:linear-gradient(90deg,#647084 50%,#cbd2de 50%)}.compress-more{border-top:1px solid var(--line);padding-top:8px}.compress-more-body{display:grid;gap:10px;padding-top:9px}.compress-more-body .settings-note{margin:0}#compress-page-summary{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-start:auto;padding:2px 7px;border-radius:5px;color:var(--accent-readable,var(--accent));background:var(--accent-soft);font-size:11px;font-weight:500}.compress-more summary>[hidden]{display:none}.compression-result{width:min(100%,560px);margin:var(--ui-status-gap,24px) auto 0;padding:22px 24px 18px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:16px;background:var(--surface);box-shadow:0 5px 20px rgba(var(--accent-rgb),.035)}.compression-summary{display:flex;align-items:center;gap:24px;text-align:start}.compression-details{flex:1;min-width:0}.compression-impact{display:grid;gap:6px}.compression-impact strong{color:var(--ink);font-size:17px;font-weight:500;line-height:1.5}.compression-impact span{color:var(--accent-readable,var(--accent-hover));font-size:12px;font-weight:500}.compression-impact span:empty{display:none}.compression-sizes{display:flex;align-items:center;gap:20px;margin:14px 0 0}.compression-sizes dt{font-size:11px;color:var(--muted)}.compression-sizes dd{margin:2px 0 0;color:var(--muted);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.compression-sizes>div:last-child dd{color:var(--ink);font-weight:600}.compression-sizes:before{content:"\2192";order:1;color:var(--muted)}.compression-sizes>div:last-child{order:2}[dir=rtl] .compression-sizes:before{transform:scaleX(-1)}.compression-result>p{margin:16px 0 0;font-size:10px;color:var(--muted);line-height:1.6}@media(max-width:480px){.compression-result{padding:20px 16px}.compression-summary{flex-direction:column;gap:16px;text-align:center}.compression-sizes{justify-content:center;gap:20px}}