:root{--brand:#0f766e;--brand-strong:#115e59;--brand-soft:#f0fdfa;--success:#16a34a;--danger:#dc2626;--warn:#b45309;--ink:#0f172a;--ink-2:#334155;--muted:#475569;--line:#e2e8f0;--line-strong:#cbd5e1;--bg:#fff;--bg-soft:#f8fafc;--icon-compress:#16a34a;--icon-convert:#2563eb;--icon-resize:#7c3aed;--icon-heic:#0891b2;--icon-combine:#b45309;--radius-card:12px;--radius-btn:8px;--wrap:1080px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink-2);background:var(--bg);margin:0;font-size:17px;line-height:1.6}h1,h2,h3{color:var(--ink);margin:0 0 16px;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px)}h2{margin-top:40px;font-size:clamp(22px,2.6vw,28px)}h3{margin-top:24px;font-size:19px}p{margin:0 0 16px}a{color:var(--brand);text-underline-offset:2px;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}ul,ol{padding-left:22px}img{max-width:100%;height:auto}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{border-radius:var(--radius-btn);color:var(--ink-2);padding:8px 12px;font-size:15px;text-decoration:none;display:inline-block}.site-nav a:hover{background:var(--bg-soft);color:var(--brand)}.nav-tools{position:relative}.nav-tools__toggle{border-radius:var(--radius-btn);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:15px;list-style:none;display:inline-flex}.nav-tools__toggle::-webkit-details-marker{display:none}.nav-tools__toggle:hover,.nav-tools[open]>.nav-tools__toggle{background:var(--bg-soft);color:var(--brand)}.nav-tools__caret{transition:transform .15s}.nav-tools[open] .nav-tools__caret{transform:rotate(180deg)}.nav-tools__panel{z-index:60;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);min-width:264px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0f172a24}.nav-tools__label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:6px 8px;font-size:12px;font-weight:700}.nav-tools__panel ul{margin:0;padding:0;list-style:none}.nav-tools__link{border-radius:var(--radius-btn);color:var(--ink-2);white-space:nowrap;align-items:center;gap:10px;padding:8px 10px;font-size:15px;text-decoration:none;display:flex}.nav-tools__link:hover{background:var(--bg-soft);color:var(--brand)}.nav-tools__icon{line-height:0;display:inline-flex}.nav-tools__icon .tool-icon{width:18px;height:18px}.site-nav [aria-current=page]{color:var(--brand);font-weight:600}.nav-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:600;display:none}.nav-toggle:hover{border-color:var(--brand);color:var(--brand)}@media (width<=767px){html[data-nav=on],html[data-nav=on] body{overflow-x:clip}html[data-nav=on] .site-header{z-index:50;position:relative}html[data-nav=on] .nav-toggle{display:inline-flex}html[data-nav=on] .site-nav{z-index:60;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);visibility:hidden;flex-direction:column;align-items:stretch;gap:2px;width:min(82vw,320px);max-height:calc(100vh - 100%);padding:12px;transition:transform .18s,visibility 0s linear .18s;position:absolute;top:100%;right:0;overflow-y:auto;transform:translate(calc(100% + 24px));box-shadow:0 16px 40px #0f172a24}html[data-nav=on][data-nav-open=true] .site-nav{visibility:visible;transition:transform .18s,visibility linear;transform:translate(0)}html[data-nav=on] .site-nav a{padding:12px 14px;font-size:16px}html[data-nav=on] .nav-tools{width:100%}html[data-nav=on] .nav-tools__toggle{justify-content:space-between;width:100%;padding:12px 14px;font-size:16px;display:flex}html[data-nav=on] .nav-tools__panel{border:0;border-left:2px solid var(--line);min-width:0;box-shadow:none;border-radius:0;margin:2px 0 6px 14px;padding:2px 0 2px 10px;position:static}html[data-nav=on][data-nav-open=true] body:before{content:"";z-index:40;background:#0f172a61;position:fixed;inset:0}}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);color:var(--muted);margin-top:64px;padding:32px 0;font-size:14.5px}.site-footer__grid{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.site-footer a{color:var(--ink-2);text-decoration:none}.site-footer p a{text-underline-offset:2px;text-decoration:underline 1px}.site-footer a:hover{color:var(--brand);text-decoration:underline}.site-footer ul{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}main{padding:44px 0 8px;display:block}.prose{max-width:720px}.prose h2{margin-top:36px}.lede{color:var(--ink-2);max-width:720px;font-size:19px}.muted{color:var(--muted);font-size:15px}.btn{border-radius:var(--radius-btn);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-strong);color:#fff}.btn--ghost{border-color:var(--line-strong);color:var(--ink-2);background:#fff}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:1fr;gap:16px;margin:24px 0 8px;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;height:100%;padding:20px;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--brand);transform:translateY(-2px)}.tool-card a{text-decoration:none;display:block}.tool-card__icon{margin-bottom:12px;line-height:0;display:block}.tool-icon{display:block}.icon--compress{color:var(--icon-compress)}.icon--convert{color:var(--icon-convert)}.icon--resize{color:var(--icon-resize)}.icon--heic{color:var(--icon-heic)}.icon--combine{color:var(--icon-combine)}.tool-card__name{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.tool-card__desc{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.chip{letter-spacing:.02em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-block}.tool-intro{max-width:760px}.trust-badges{color:var(--ink-2);flex-wrap:wrap;gap:8px 16px;margin:20px 0 28px;padding:0;font-size:14.5px;font-weight:600;list-style:none;display:flex}.trust-badges li{background:var(--brand-soft);border:1px solid #ccfbf1;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;display:inline-flex}.trust-badges svg{flex:none}.tool{margin:8px 0 32px}.tool [hidden]{display:none!important}.tool__target{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;font-size:15.5px;display:flex}.tool__target label{color:var(--ink);font-weight:600}.tool__target select{font:inherit;border-radius:var(--radius-btn);border:1px solid var(--line-strong);color:var(--ink);background:#fff;min-height:44px;padding:9px 12px;font-weight:600}.tool__target-hint{color:var(--muted);font-size:14.5px}.tool__target input[type=range]{max-width:280px;min-height:44px;accent-color:var(--brand);cursor:pointer;flex:200px}.tool__target-group{align-items:center;gap:8px;display:inline-flex}.tool__target-num{font:inherit;border-radius:var(--radius-btn);border:1px solid var(--line-strong);width:6.5em;color:var(--ink);background:#fff;min-height:44px;padding:9px 12px;font-weight:600}.tool__target-presets{gap:8px;display:inline-flex}.tool__target-presets .btn{min-height:44px;padding:0 14px}.drop{border:2px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--bg-soft);text-align:center;padding:36px 24px;transition:border-color .15s,background-color .15s;position:relative}.drop[data-state=drag]{border-color:var(--brand);background:var(--brand-soft)}.drop[data-state=processing]{background:var(--brand-soft);border-style:solid;border-color:#99f6e4}.drop[data-state=done]{background:#f0fdf4;border-color:#bbf7d0}.drop[data-state=error]{background:#fef2f2;border-color:#fecaca}.drop__input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop__title{color:var(--ink);margin:0 0 6px;font-size:19px;font-weight:700}.drop__sub{color:var(--muted);margin:0 0 20px;font-size:14.5px}.btn.drop__btn{min-height:56px;padding:16px 32px;font-size:17px}.notice{border-radius:var(--radius-btn);color:var(--warn);background:#fffbeb;border:1px solid #fde68a;margin:16px 0 0;padding:11px 16px;font-size:15px}.results{border:1px solid var(--line);border-radius:var(--radius-card);margin-top:24px;overflow:hidden}.results__head{background:var(--bg-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.results__actions{gap:8px;display:inline-flex}.progress{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.progress__track{background:var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress__fill{border-radius:inherit;background:var(--brand);width:0;height:100%;transition:width .18s}.progress__label{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:13.5px}.results__list{margin:0;padding:0;list-style:none}.result{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.result:first-child{border-top:0}.result__meta{flex-direction:column;flex:auto;order:1;min-width:0;display:flex}.result__thumbs{flex:none;order:0;align-items:center;gap:6px;display:flex}.result__thumb{border:1px solid var(--line);object-fit:cover;background:var(--bg-soft);border-radius:8px;width:48px;height:48px}.result__thumbs--ratio .result__thumb{object-fit:contain}.result__thumbs-arrow{color:var(--muted);font-size:13px}.result__thumb{cursor:zoom-in;transition:transform .16s ease-out}.result__thumb:hover{transform:scale(1.06)}.result__thumb:active{transition-duration:.1s;transform:scale(.98)}.result__thumb:focus-visible{outline:2px solid var(--muted);outline-offset:2px}@media (prefers-reduced-motion:reduce){.result__thumb{transition:none}.result__thumb:hover,.result__thumb:active{transform:none}}.pswp{--pswp-bg:#131417}.pswp__img{border-radius:6px}.inputs{background:#fffbeb;border:1px dashed #fbbf24;border-radius:8px;margin-top:12px;padding:10px 12px}.inputs__title{letter-spacing:.04em;text-transform:uppercase;color:#92400e;margin:0 0 8px;font-size:11px;font-weight:700}.inputs__list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.inputs__item{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.inputs__thumb{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:56px;height:42px;transition:border-color .12s ease-out}.inputs__thumb:hover{border-color:#9ca3af}.inputs__chip{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2px 5px;font-size:10px;line-height:1}.inputs__thumb{touch-action:none;cursor:grab;-webkit-user-drag:none;user-select:none}.inputs__item--dragging .inputs__thumb{opacity:.35;cursor:grabbing}.inputs__ghost{z-index:90;pointer-events:none;opacity:.85;object-fit:contain;transform-origin:0 0;will-change:transform;background:#fff;border:1px solid #fbbf24;border-radius:4px;position:fixed;top:0;left:0;box-shadow:0 8px 20px #00000040}.inputs__item--target{outline-offset:2px;background:#ccfbf1;border-radius:6px;outline:1px dashed #14b8a6}.inputs__tool{color:#6b7280;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;padding:15px;font-size:14px;line-height:1;transition:opacity .12s ease-out}.inputs__tool:focus-visible{outline:2px solid var(--muted);border-radius:4px}.inputs__item:hover .inputs__tool,.inputs__item:focus-within .inputs__tool{opacity:1;pointer-events:auto}@media (hover:none){.inputs__tool{opacity:1;pointer-events:auto}}.inputs__item .inputs__tool--remove{z-index:1;position:absolute;top:-8px;right:-8px}.inputs__tool--remove:hover{color:#dc2626}.inputs__meta{align-items:center;gap:2px;display:flex}.inputs__tool--move{padding:8px;font-size:12px}.result__collapse{border:1px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;order:0;place-items:center;display:grid}.result__collapse:hover{background:var(--bg-soft);color:var(--ink)}.result__collapse:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.result__rm{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;order:10;place-items:center;font-size:20px;line-height:1;display:grid}.result__rm:hover:not(:disabled){background:var(--bg-soft);color:var(--danger)}.result__rm:disabled{opacity:.35;cursor:not-allowed}.result__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.result__size{color:var(--muted);font-size:14px}.result[data-status=error] .result__size{color:var(--danger)}.result__dl{flex:none;order:2;min-height:44px}.result__cmp-btn{flex:none;order:3}.cmp{--cmp-v:50%;border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;flex-basis:100%;height:clamp(140px,18vw,200px);margin-bottom:2px;position:relative;overflow:hidden}.cmp__img{object-fit:cover;object-position:center top;user-select:none;width:100%;height:100%;display:block}.cmp__img--after{position:absolute;inset:0}.cmp__line{top:0;bottom:0;left:var(--cmp-v);pointer-events:none;z-index:2;background:#fff;width:1px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a59}.cmp__handle{top:50%;left:var(--cmp-v);pointer-events:none;z-index:2;background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a73,0 1px 4px #0f172a66}.cmp__expand{z-index:3;color:#fff;cursor:zoom-in;background:#0f172a9e;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:8px;right:8px}.cmp__expand:hover{background:#0f172ad9}.cmp__expand:focus-visible{outline-offset:2px;outline:2px solid #fff}.cmp__expand svg{display:block}.cmp__tag{letter-spacing:.02em;color:#fff;pointer-events:none;background:#0f172a9e;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:8px}.cmp__tag--after{left:8px}.cmp__tag--before{right:8px}.cmp__range{z-index:1;-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp__range::-webkit-slider-runnable-track{background:0 0}.cmp__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:0;width:24px;height:100%}.cmp__range::-moz-range-track{background:0 0}.cmp__range::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:24px;height:100%}.cmp__range:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}body:has(dialog[open]){overflow:hidden}.cmp-modal{--cmp-max-w:92vw;--cmp-max-h:min(78dvh, 78vh);--cmp-chrome:26px;width:fit-content;min-width:min(92vw,320px);max-width:var(--cmp-max-w);border:1px solid var(--line);background:var(--bg);max-height:92dvh;color:var(--ink);border-radius:14px;padding:0;overflow:hidden}.cmp-modal::backdrop{background:#0f172a9e}.cmp-modal__bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.cmp-modal__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.cmp-modal__close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.cmp-modal__close:hover{background:var(--bg-soft);color:var(--ink)}.cmp-modal__zoom{background:var(--bg-soft);border-radius:9px;flex:none;gap:2px;padding:2px;display:flex}.cmp-modal__zoom-btn{min-width:44px;min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:13px;font-weight:600}.cmp-modal__zoom-btn:hover{color:var(--ink)}.cmp-modal__zoom-btn[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0f172a29}.cmp-modal__stage{justify-content:center;padding:12px;display:flex}.cmp--full{width:min(calc(var(--cmp-max-w) - var(--cmp-chrome)), calc(var(--cmp-max-h) * var(--cmp-ratio,1)));height:auto;aspect-ratio:var(--cmp-ratio,1);flex:none;margin:0}.cmp--full .cmp__img{object-fit:contain;object-position:center}.cmp--full .cmp__expand{display:none}.cmp--actual{box-sizing:content-box;width:var(--cmp-w,auto);height:var(--cmp-h,auto);aspect-ratio:auto}.cmp-modal:has(.cmp--actual){flex-direction:column;display:flex}.cmp-modal__stage:has(.cmp--actual){flex:auto;justify-content:flex-start;min-height:0;overflow:auto}.cmp-slot{flex-basis:100%;margin-bottom:2px}.ad-slot{border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;color:var(--muted);background:var(--bg-soft);margin:32px 0;padding:16px;font-size:14px}.faq{max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;color:var(--ink);font-size:17px;font-weight:600}.faq summary::marker{color:var(--brand)}.faq p{margin:12px 0 0}.breadcrumbs{color:var(--muted);margin-bottom:20px;font-size:14px}.breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--line-strong);margin-left:6px}.table-scroll{margin:16px 0;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:15px}table.data th,table.data td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}table.data th{background:var(--bg-soft);color:var(--ink);font-weight:600}@media (width<=640px){body{font-size:16px}.site-header__inner{min-height:56px}main{padding-top:24px}.drop{padding:28px 16px}.result{flex-wrap:wrap}.result__dl,.result__cmp-btn,.results__actions .btn{width:100%;min-height:56px}.results__actions{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.cookie[data-astro-cid-hq3mgpmn]{z-index:50;border-top:1px solid var(--line);background:#fff;padding:14px 20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f172a14}.cookie__inner[data-astro-cid-hq3mgpmn]{max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.cookie__text[data-astro-cid-hq3mgpmn]{color:var(--ink-2);max-width:640px;margin:0;font-size:14.5px}.cookie__text[data-astro-cid-hq3mgpmn] a[data-astro-cid-hq3mgpmn]{white-space:nowrap}.cookie__actions[data-astro-cid-hq3mgpmn]{flex:none;gap:8px;display:flex}@media (width<=640px){.cookie__actions[data-astro-cid-hq3mgpmn]{width:100%}.cookie__actions[data-astro-cid-hq3mgpmn] .btn[data-astro-cid-hq3mgpmn]{flex:1;min-height:56px}}