.compare{margin-top:12px}.compare-frame{position:relative;width:100%;max-width:520px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:repeating-conic-gradient(#edece8 0 25%,#fff 0 50%) 0 0 /18px 18px}.compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.compare-before{-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-divider{top:0;bottom:0;left:var(--pos);width:2px;box-shadow:0 0 0 1px rgba(34,37,42,.35);transform:translateX(-1px);pointer-events:none}.compare-divider,.compare-divider:after{position:absolute;background:var(--card)}.compare-divider:after{content:"";top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--cyan)}.compare-tag{position:absolute;bottom:8px;font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:99px;background:rgba(34,37,42,.72);color:#fff;pointer-events:none;white-space:nowrap}.compare-tag--before{left:8px}.compare-tag--after{right:8px}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.compare-range:focus-visible{opacity:1;outline:2px solid var(--cyan);outline-offset:-2px}.compare-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:100%}.compare-range::-moz-range-thumb{width:44px;height:100%;border:0;opacity:0}.compare-note{margin-top:8px;font-size:12.5px;color:var(--muted);max-width:520px}@media (max-width:520px){.compare-tag{font-size:10px;padding:3px 6px}}.converter{margin-top:8px}.dropzone{position:relative;background:var(--card);border:1px dashed #c9c6be;border-radius:var(--radius);padding:52px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:focus-visible,.dropzone:hover{border-color:var(--cyan)}.dropzone:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.dropzone--over{border-color:var(--cyan);background:#f0fafd}.dropzone[aria-disabled=true]{opacity:.6;cursor:default}.crop{position:absolute;width:16px;height:16px;pointer-events:none}.crop--tl{left:-1px;border-left:2px solid var(--ink)}.crop--tl,.crop--tr{top:-1px;border-top:2px solid var(--ink)}.crop--tr{right:-1px;border-right:2px solid var(--ink)}.crop--bl{left:-1px;border-left:2px solid var(--ink)}.crop--bl,.crop--br{bottom:-1px;border-bottom:2px solid var(--ink)}.crop--br{right:-1px;border-right:2px solid var(--ink)}.dz-title{font-weight:650;font-size:17px}.dz-sub{color:var(--muted);font-size:13.5px;margin-top:6px}.dz-formats{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:16px;text-transform:uppercase}.notice{margin-top:10px;font-size:13px;color:var(--magenta)}.settings{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:18px 20px;display:grid;grid-gap:18px;gap:18px}.set-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.set-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;min-width:104px}.set-label,.unit{font-family:var(--mono);color:var(--muted)}.unit{font-size:13px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:7px 15px;font:600 13.5px/1 inherit;color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.seg button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.seg button:disabled{opacity:.5;cursor:default}.quality-wrap{display:flex;align-items:center;gap:12px;flex:1 1;min-width:200px}input[type=range]{flex:1 1;accent-color:var(--cyan);max-width:260px}.q-val{font-family:var(--mono);font-size:13px;min-width:38px;text-align:right}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:600 12.5px/1 inherit;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--cyan);background:#eaf7fb;color:var(--cyan)}.chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.num-input{font-family:var(--mono);font-size:13px;width:86px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.num-input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.hint{font-size:12.5px;color:var(--muted);flex-basis:100%;padding-left:118px}@media (max-width:560px){.hint{padding-left:0}.set-label{min-width:100%}}.actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;scroll-margin-top:14px}.actions,.btn{align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:9px;padding:12px 22px;cursor:pointer;font:650 15px/1 inherit;display:inline-flex;gap:9px;transition:transform .08s,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn-primary{background:var(--ink);color:#fff}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted);padding:12px 10px}.count-note{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-left:auto}.cmy{display:inline-flex;gap:4px}.cmy i{width:6px;height:6px;border-radius:50%;display:block}.cmy i:first-child{background:var(--cyan)}.cmy i:nth-child(2){background:var(--magenta)}.cmy i:nth-child(3){background:var(--yellow)}.cmy--pulsing i{animation:cmy-pulse 1s ease-in-out infinite}.cmy--pulsing i:nth-child(2){animation-delay:.16s}.cmy--pulsing i:nth-child(3){animation-delay:.32s}@keyframes cmy-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cmy--pulsing i{animation:none;opacity:1}}.queue{margin-top:26px;display:grid;grid-gap:10px;gap:10px}.fcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:56px 1fr auto;grid-gap:14px;gap:14px;align-items:center}.thumb{width:56px;height:56px;border-radius:7px;object-fit:cover;background:repeating-conic-gradient(#edece8 0 25%,#fff 0 50%) 0 0 /16px 16px;border:1px solid var(--line)}.fmeta{min-width:0}.fname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fstats{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fstats .arrow{color:#b9b6ae}.fstats .newsize{color:var(--ink);font-weight:600}.fstats .savings{color:var(--ok);font-weight:600}.fstats .grew{color:var(--magenta);font-weight:600}.sizebar{margin-top:7px;height:4px;border-radius:2px;background:#edece8;overflow:hidden;max-width:280px}.sizebar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#31b8db);border-radius:2px;transition:width .4s ease}@media (prefers-reduced-motion:reduce){.sizebar i{transition:none}}.fact{display:flex;gap:6px;align-items:center}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);border-radius:8px;width:36px;height:36px;cursor:pointer;display:grid;place-items:center;color:var(--ink)}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.icon-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.ferr{font-size:12.5px;color:var(--magenta);margin-top:3px}.compare-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:8px;padding:5px 11px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink);font:600 12px/1 inherit;cursor:pointer}.compare-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.compare-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.batch-summary{min-height:22px;margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--ok);font-weight:600}.batch-summary--grew{color:var(--magenta)}.fwarn{font-size:12.5px;color:var(--muted);margin-top:3px}@media (max-width:520px){.fcard{grid-template-columns:44px 1fr auto;gap:10px;padding:10px 12px}.thumb{width:44px;height:44px}}