:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1c211d;background:#f7f5ef;--ink:#1c211d;--muted:#687069;--green:#166534;--lime:#dff36a;--paper:#fffef9;--line:#deddd5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0,#fff 0,#f7f5ef 46%,#f1efe8)}button,input{font:inherit}button{color:inherit;cursor:pointer}[hidden]{display:none!important}header{height:72px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}.brand i{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:9px;background:var(--lime);font-size:13px;font-style:normal;transform:rotate(-3deg)}.privacy{display:flex;align-items:center;gap:8px;font-size:13px;color:#415047;border:1px solid #d3d9d1;padding:8px 13px;border-radius:99px;background:#ffffff8c}.privacy b{width:7px;height:7px;border-radius:50%;background:#22a555;box-shadow:0 0 0 4px #daf5e2}main{max-width:1100px;margin:auto;padding:62px 24px 80px}.hero{text-align:center;max-width:900px;margin:0 auto 40px}.hero em{display:inline-flex;border:1px solid #cdd3c8;border-radius:99px;padding:7px 12px;color:#536158;font-size:12px;font-style:normal;font-weight:750;letter-spacing:.12em;background:#fff9}.hero h1{margin:22px 0 15px;font-size:clamp(42px,6.3vw,74px);line-height:1.03;letter-spacing:-.065em;font-weight:900}.hero mark{position:relative;color:inherit;background:linear-gradient(transparent 72%,var(--lime) 0)}.hero p{margin:0;color:#59615b;font-size:18px}.workspace{max-width:920px;margin:auto}.drop{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border:2px dashed #aab1a6;border-radius:22px;background:#fffef9cc;padding:32px;cursor:pointer;transition:.2s;box-shadow:0 18px 55px #2a322a12}.drop:hover,.drop:focus-visible,.drop.dragging{border-color:var(--green);background:#fbfff1;transform:translateY(-2px);outline:0}.plus{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#f9ffe4;background:var(--ink);box-shadow:5px 5px 0 var(--lime);font-size:31px}.drop strong{font-size:22px}.drop p{margin:6px 0 0;color:var(--muted);font-size:14px}.drop button,.downloadbar button{border:0;border-radius:12px;padding:12px 22px;background:var(--ink);color:#fff;font-weight:750;box-shadow:3px 3px 0 var(--lime)}.controls{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fffef9d9}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modes label{display:flex;gap:10px;min-height:70px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}.modes label.active{border-color:#6c7c27;box-shadow:0 0 0 2px #dff36a99;background:#fdfff3}.modes input{margin-top:3px;accent-color:var(--green)}.modes span,.advanced label span{display:flex;flex-direction:column;gap:3px}.modes b{font-size:14px}.modes small,.advanced small{color:var(--muted);font-size:12px}.target{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:13px 15px;border-radius:12px;background:#f1f0e9;font-size:14px}.target input{width:100px;padding:8px 10px;border:1px solid #c9ccc5;border-radius:8px;text-align:right}details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;color:#505851;font-size:13px;font-weight:700}.advanced{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.advanced label{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.advanced input{width:18px;height:18px;accent-color:var(--green)}.advanced p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.tasks{margin-top:28px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.toolbar h2{margin:0 0 3px;font-size:20px}.toolbar p{margin:0;color:var(--muted);font-size:13px}.toolbar>div:last-child{display:flex;gap:15px}.link{border:0;padding:5px 0;background:transparent;font-size:13px;font-weight:700}.danger{color:#a33d38}.list{display:grid;gap:9px}.card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:11px 14px 11px 11px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 6px 20px #1e231e0a}.card>img{width:64px;height:64px;object-fit:cover;border-radius:9px;background:#e9e9e3}.info{min-width:0}.title{display:flex;align-items:center;gap:10px;min-width:0}.title>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.saving{flex:none;padding:3px 7px;border-radius:99px;color:#23643c;background:#e5f5e9;font-size:11px;font-weight:800}.muted{color:var(--muted);font-size:11px}.error{color:#a33d38;font-size:11px}.sizes{display:flex;gap:8px;align-items:center;margin-top:8px;color:var(--muted);font-size:12px}.sizes i{font-style:normal;color:#9ca19d}.sizes b{color:var(--ink)}.progress{height:4px;margin-top:10px;overflow:hidden;border-radius:9px;background:#e8e9e3}.progress i{display:block;height:100%;background:var(--green);transition:width .2s}.actions{display:flex;align-items:center;gap:8px}.actions button{border:1px solid var(--ink);border-radius:8px;padding:7px 11px;background:#fff;font-size:12px;font-weight:750}.actions .remove{width:30px;height:30px;border:0;background:transparent;color:#626862;font-size:18px}.downloadbar{margin-top:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:15px;color:#fff;background:var(--ink)}.downloadbar div{display:flex;flex-direction:column;gap:3px}.downloadbar small{color:#bcc5bd}.downloadbar button{color:var(--ink);background:var(--lime);box-shadow:none}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:70px auto 0}.trust article{padding:22px;border-top:1px solid #cfd1ca}.trust i{color:#8a918b;font:700 11px ui-monospace,monospace}.trust h3{margin:18px 0 7px;font-size:18px}.trust p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}footer{max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;border-top:1px solid #d8d8d1;color:#777d78;font-size:12px}@media(max-width:720px){header{height:62px;padding:0 16px}.privacy{border:0;padding:0;font-size:0;background:transparent}main{padding:40px 14px 60px}.hero h1{font-size:clamp(36px,11vw,54px)}.hero p{font-size:15px}.drop{min-height:220px;padding:26px 16px}.modes,.advanced,.trust{grid-template-columns:1fr}.advanced p{grid-column:auto}.card{grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding:9px}.card>img{width:52px;height:52px}.title{align-items:flex-start;flex-direction:column;gap:3px}.actions{flex-direction:column}.actions .remove{display:none}.downloadbar{position:sticky;bottom:10px}.trust{margin-top:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.controls:focus{outline:0}.controls:focus-visible{box-shadow:0 0 0 3px #dff36a}.start-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 15px;border-radius:13px;background:#1c211d;color:#fff}.start-row>div{display:flex;flex-direction:column;gap:3px}.start-row small{color:#bfc7c0;font-size:12px}.start-row button{border:0;border-radius:10px;padding:11px 20px;background:#dff36a;font-weight:800;box-shadow:none}.start-row button:disabled{cursor:not-allowed;opacity:.55}.ready{flex:none;padding:3px 7px;border-radius:99px;background:#eff0e9;color:#5d665e;font-size:11px;font-weight:800}.sizes em{color:#7b827c;font-size:11px;font-style:normal}main{padding-top:34px}.hero{margin-bottom:28px}.hero h1{margin-top:16px;font-size:clamp(20px,5.3vw,58px);white-space:nowrap}.drop{min-height:190px}@media(max-width:720px){.start-row{position:sticky;bottom:10px;z-index:5}.start-row>div{display:none}.start-row button{width:100%}main{padding-top:26px}.drop{min-height:190px}}html,body{height:100%;overflow:hidden}body{display:grid;grid-template-rows:72px minmax(0,1fr)}body>header{width:100%}body>main{width:100%;height:100%;min-height:0;padding:24px;overflow:hidden}body footer,.trust{display:none}.hero{margin-bottom:24px}.workspace{height:auto}body.has-tasks{grid-template-rows:58px minmax(0,1fr)}body.has-tasks>header{height:58px}body.has-tasks>main{padding:14px 24px 18px}body.has-tasks .hero{display:none}body.has-tasks .workspace{max-width:1180px;height:100%;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px}body.has-tasks .drop{grid-column:1;grid-row:1;min-height:0;height:100%;padding:14px;gap:8px;border-radius:16px;box-shadow:none}body.has-tasks .drop .plus{width:38px;height:38px;border-radius:11px;font-size:22px;box-shadow:3px 3px 0 var(--lime)}body.has-tasks .drop strong{font-size:15px}body.has-tasks .drop p{display:none}body.has-tasks .drop button{padding:8px 12px;border-radius:9px;font-size:12px;box-shadow:2px 2px 0 var(--lime)}body.has-tasks .controls{grid-column:2;grid-row:1;margin:0;padding:12px;border-radius:16px}body.has-tasks .modes label{min-height:58px;padding:10px}body.has-tasks details{margin-top:9px;padding-top:9px}body.has-tasks .advanced{position:absolute;z-index:10;width:min(620px,calc(100vw - 48px));right:24px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 16px 45px #1e231e24}body.has-tasks .start-row{margin-top:9px;padding:10px 12px}body.has-tasks .tasks{grid-column:1/-1;grid-row:2;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}body.has-tasks .toolbar{margin-bottom:8px}body.has-tasks .list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}body.has-tasks .downloadbar{margin-top:9px;flex:none}@media(max-width:720px){body{grid-template-rows:62px minmax(0,1fr)}body>main{padding:16px 12px}body.has-tasks{grid-template-rows:52px minmax(0,1fr)}body.has-tasks>header{height:52px}body.has-tasks>main{padding:8px 10px 10px}body.has-tasks .workspace{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px}body.has-tasks .drop{padding:8px;gap:5px}body.has-tasks .drop .plus{width:30px;height:30px;font-size:18px}body.has-tasks .drop strong{font-size:11px}body.has-tasks .drop button{padding:6px 7px;font-size:10px}body.has-tasks .controls{padding:8px}body.has-tasks .modes{grid-template-columns:1fr}body.has-tasks .modes label{display:none;min-height:0;padding:7px}body.has-tasks .modes label.active{display:flex}body.has-tasks .start-row{position:static;margin-top:7px;padding:7px}body.has-tasks .start-row button{padding:9px}body.has-tasks .advanced{right:10px;width:calc(100vw - 20px)}body.has-tasks .task-toolbar h2{font-size:16px}body.has-tasks .downloadbar{position:static;padding:10px 12px}}body{grid-template-rows:72px minmax(0,1fr) 30px}body.has-tasks{grid-template-rows:58px minmax(0,1fr) 30px}body footer{display:flex;width:100%;height:30px;max-width:none;margin:0;padding:0 24px;align-items:center;justify-content:space-between;border-top:1px solid #d8d8d1;background:#f4f2ec;color:#777d78;font-size:11px}@media(max-width:720px){body{grid-template-rows:62px minmax(0,1fr) 28px}body.has-tasks{grid-template-rows:52px minmax(0,1fr) 28px}body footer{height:28px;padding:0 12px;font-size:10px}}.drop:focus-visible{transform:none;border-color:#166534;background:#fffef9cc;outline:3px solid #dff36a;outline-offset:3px}.drop:hover{transform:translateY(-2px);border-color:#166534;background:#fbfff1;outline:0}.drop.dragging{transform:translateY(-2px) scale(.997);border-color:#166534;background:#f7ffd8}.drop button,.link{transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.drop button:hover{transform:translateY(-2px);background:#2b322c;box-shadow:3px 4px 0 var(--lime)}.drop button:active{transform:translateY(0);box-shadow:1px 1px 0 var(--lime)}.drop button:focus-visible,.link:focus-visible{outline:3px solid #dff36a;outline-offset:3px}body.has-tasks .drop:hover{transform:translateY(-2px);border-color:#166534;background:#f7ffd8;box-shadow:0 8px 22px #1e231e12}.picker{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 22px;background:var(--ink);color:#fff;font-weight:750;cursor:pointer;box-shadow:3px 3px 0 var(--lime);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.drop-copy{display:flex;flex-direction:column;gap:6px}.drop-copy>span{color:var(--muted);font-size:14px;font-weight:400}.picker:hover{transform:translateY(-2px);background:#2b322c;box-shadow:3px 5px 0 var(--lime)}.picker:active{transform:translateY(0);box-shadow:1px 1px 0 var(--lime)}.picker:focus-visible{outline:3px solid #dff36a;outline-offset:3px}.link{cursor:pointer;-webkit-user-select:none;user-select:none}body.has-tasks .drop .picker{padding:8px 12px;border-radius:9px;font-size:12px;box-shadow:2px 2px 0 var(--lime)}body.has-tasks .drop-copy>span{display:none}.start-row{position:relative;overflow:hidden;padding-bottom:14px}.start-row button:disabled{opacity:1;background:#343b35;color:#d6ddd7;box-shadow:none;cursor:not-allowed}.start-row button[data-state=processing]{cursor:wait}.start-row button:not(:disabled){color:#1c211d}.overall-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#343b35}.overall-progress i{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 12px #dff36a99;transition:width .22s ease}body.has-tasks .start-row{padding-bottom:14px}@media(max-width:720px){body.has-tasks .drop .picker{padding:6px 7px;font-size:10px}}html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body,body.has-tasks{display:block}body>header,body.has-tasks>header{height:72px}body>main,body.has-tasks>main{height:auto;min-height:calc(100vh - 112px);padding:34px 24px 70px;overflow:visible}body.has-tasks .workspace{height:auto;grid-template-rows:auto auto}body.has-tasks .tasks{min-height:0;display:block}body.has-tasks .list{max-height:none;overflow:visible;padding-right:0}body.has-tasks .downloadbar{position:sticky;bottom:12px;z-index:8}.trust,body.has-tasks .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:60px auto 0}body footer,body.has-tasks footer{display:flex;width:auto;height:auto;max-width:1100px;margin:0 auto;padding:20px 24px;align-items:center;justify-content:space-between;border-top:1px solid #d8d8d1;background:transparent;color:#777d78;font-size:12px}@media(max-width:720px){body>header,body.has-tasks>header{height:62px}body>main,body.has-tasks>main{min-height:calc(100vh - 100px);padding:24px 12px 50px}.trust,body.has-tasks .trust{grid-template-columns:1fr;margin-top:42px}body footer,body.has-tasks footer{height:auto;padding:16px 12px;font-size:10px}}body.has-tasks .hero{display:block;max-width:1180px;margin:0 auto 16px;text-align:left}body.has-tasks .hero h1{margin:0 0 5px;font-size:24px;line-height:1.15;letter-spacing:-.035em;white-space:nowrap}body.has-tasks .hero p{font-size:12px;color:#687069}.unmet{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;padding:7px 8px;border-radius:8px;background:#fff2d8;color:#76510a;font-size:11px}.unmet span{margin-right:auto}.unmet button{border:1px solid #b98928;border-radius:7px;padding:4px 7px;background:#fffaf0;color:#684500;font-size:11px;font-weight:700;cursor:pointer}.unmet button:hover{background:#ffe8ad}.batch-unmet{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:10px 12px;border:1px solid #e0b14d;border-radius:11px;background:#fff6df;color:#664500}.batch-unmet>div{display:flex;flex-direction:column;gap:2px;margin-right:auto}.batch-unmet small{font-size:11px;color:#8a6a2b}.batch-unmet button{border:1px solid #a97918;border-radius:8px;padding:7px 10px;background:#fffdf7;color:#684500;font-size:11px;font-weight:750;cursor:pointer}.batch-unmet button:hover{background:#ffe8ad}.conversion-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:#49604f;font-size:11px}.conversion-note span{margin-right:auto}.conversion-note button{border:0;border-bottom:1px solid #49604f;padding:2px 0;background:transparent;color:#294b33;font-size:11px;font-weight:700;cursor:pointer}@media(max-width:720px){body.has-tasks .hero{margin-bottom:10px}body.has-tasks .hero h1{font-size:18px}body.has-tasks .hero p{font-size:10px;white-space:nowrap}.batch-unmet{align-items:stretch;flex-direction:column}.batch-unmet>div{margin:0}}.compare-dialog{width:min(1180px,96vw);height:min(860px,94vh);max-width:none;max-height:none;padding:0;border:0;border-radius:18px;background:#111511;color:#fff;box-shadow:0 30px 100px #0008}.compare-dialog::backdrop{background:#101410cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.compare-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:16px}.compare-header{height:auto;max-width:none;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between}.compare-header>div{display:flex;flex-direction:column;gap:3px}.compare-header b{font-size:17px}.compare-header span{color:#aab3ab;font-size:12px}.compare-header button{width:34px;height:34px;border:0;border-radius:9px;background:#2a302b;color:#fff;font-size:22px;cursor:pointer}.compare-viewer{--split:50%;--zoom:1;position:relative;min-height:0;overflow:auto;border-radius:12px;background-color:#252a26;background-image:linear-gradient(45deg,#303631 25%,transparent 25%),linear-gradient(-45deg,#303631 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303631 75%),linear-gradient(-45deg,transparent 75%,#303631 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom));transform-origin:center;transition:transform .15s}.compare-result-wrap{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-result-wrap .compare-image{max-width:none}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:44px;transform:translate(-50%);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.compare-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#dff36a;transform:translate(-1px)}.compare-divider span{position:absolute;top:50%;left:50%;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:#dff36a;color:#1c211d;font-weight:900;box-shadow:0 3px 16px #0006}.compare-label{position:absolute;z-index:5;top:12px;padding:5px 9px;border-radius:99px;background:#101410bb;font-size:11px}.original-label{left:12px}.result-label{right:12px}.compare-range{width:100%;margin:12px 0 8px;accent-color:#dff36a}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-toolbar>div{display:flex;align-items:center;gap:7px}.compare-toolbar button{border:1px solid #4a534b;border-radius:8px;padding:7px 11px;background:#242a25;color:#fff;cursor:pointer}.compare-toolbar span{min-width:44px;color:#aab3ab;font-size:12px}.compare-toolbar .compare-download{border:0;background:#dff36a;color:#1c211d;font-weight:800}@media(max-width:720px){.compare-dialog{width:100vw;height:100dvh;border-radius:0}.compare-shell{padding:10px}.compare-header span{max-width:75vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-toolbar{align-items:stretch;flex-direction:column}.compare-toolbar .compare-download{width:100%}}.compare-dialog{background:#f6f4ee;color:#1c211d;border:1px solid #d9d9d1;box-shadow:0 30px 100px #10141066}.compare-dialog::backdrop{background:#1a211dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.compare-shell{grid-template-rows:auto minmax(0,1fr) auto;padding:14px;gap:12px}.compare-header{padding:2px 2px 0}.compare-header>div{gap:4px}.compare-header b{font-size:18px;letter-spacing:-.02em}.compare-header span{color:#687069;font-size:12px}.compare-header button{width:auto;height:auto;display:flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#525a53;font-size:12px;font-weight:700}.compare-header button:hover{background:#e9e8e1;color:#1c211d}.compare-header kbd{padding:2px 5px;border:1px solid #c9cbc4;border-bottom-width:2px;border-radius:5px;background:#fff;font:600 9px ui-monospace,monospace;color:#777d78}.compare-viewer{border:1px solid #353c36;border-radius:13px;box-shadow:inset 0 0 0 1px #ffffff0d}.compare-divider{width:34px}.compare-divider:before{width:1px;transform:none;box-shadow:0 0 0 1px #10141033}.compare-divider span{width:26px;height:42px;border:1px solid #d1d5cc;border-radius:9px;background:#fff;color:#2f3931;font-size:12px;box-shadow:0 5px 18px #0005}.compare-label{top:10px;padding:5px 8px;border:1px solid #ffffff26;background:#101410b8;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.compare-range{display:none}.compare-toolbar{min-height:42px;padding:0 2px}.compare-toolbar>div{gap:5px;padding:4px;border:1px solid #d8d9d2;border-radius:10px;background:#eeede7}.compare-toolbar button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#3e4740}.compare-toolbar button:hover{background:#fff}.compare-toolbar span{color:#687069;text-align:center}.compare-toolbar .compare-download{padding:10px 16px;border-radius:10px;background:#dff36a;color:#1c211d;box-shadow:2px 2px #1c211d;font-weight:850}.compare-toolbar .compare-download:hover{background:#e8fa81;transform:translateY(-1px)}.compare-header>.compare-heading{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.compare-header>.compare-close-group{display:flex;align-items:center;flex-direction:row;gap:8px}.compare-close-group>span{color:#8a918b;font:600 10px ui-monospace,monospace}.compare-header .compare-close-group button{height:36px;padding:0 14px;border-radius:9px;background:#1c211d;color:#fff;font-size:12px;font-weight:800}.compare-header .compare-close-group button:hover{background:#dff36a;color:#1c211d;transform:translateY(-1px)}.compare-dialog.original-only .compare-result-wrap,.compare-dialog.original-only .compare-divider,.compare-dialog.original-only .result-label,.compare-dialog.original-only .compare-download{display:none}.compare-dialog.original-only .original-label{background:#fff;color:#1c211d;border-color:#d8d9d2}@media(max-width:720px){.compare-dialog{background:#f6f4ee}.compare-shell{padding:9px;gap:9px}.compare-header span{max-width:68vw}.compare-header kbd{display:none}.compare-close-group>span{display:none}.compare-toolbar{gap:8px}.compare-toolbar>div{justify-content:center}}body.has-tasks .downloadbar{position:sticky;top:8px;bottom:auto;z-index:8;margin:0 0 10px}@media(max-width:720px){body.has-tasks .downloadbar{position:fixed;inset:auto 10px 10px;z-index:30;margin:0;box-shadow:0 12px 35px #10141055}body.has-tasks>main{padding-bottom:100px}}@media(max-width:720px){body.has-tasks .hero{margin-bottom:14px}body.has-tasks .hero h1{font-size:17px;letter-spacing:-.025em}body.has-tasks .hero p{margin-top:6px;font-size:9px}body.has-tasks .workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:10px}body.has-tasks .drop{grid-column:1;grid-row:1;min-height:54px;height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:10px;padding:9px 12px;border-radius:13px}body.has-tasks .drop .plus{width:34px;height:34px;flex:none}body.has-tasks .drop-copy{display:block;text-align:left}body.has-tasks .drop-copy strong{font-size:0}body.has-tasks .drop-copy strong:after{content:"继续添加图片";font-size:13px}body.has-tasks .drop .picker{margin-left:auto;padding:7px 10px;font-size:10px}body.has-tasks .controls{grid-column:1;grid-row:2;padding:10px}body.has-tasks .modes{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 7px;scrollbar-width:thin}body.has-tasks .modes label,body.has-tasks .modes label.active{display:flex;min-width:210px;min-height:62px;padding:10px;scroll-snap-align:start}body.has-tasks .target{margin-top:5px}body.has-tasks .start-row{margin-top:5px;padding:8px}body.has-tasks .start-row button{height:42px;font-size:14px}body.has-tasks .tasks{grid-column:1;grid-row:3}body.has-tasks .toolbar{align-items:center}}@media(max-width:720px){html,body{width:100%;max-width:100%;overflow-x:hidden}.privacy{display:none}body>main,body.has-tasks>main{width:100%;max-width:100%;padding-left:12px;padding-right:12px}body.has-tasks .hero,body.has-tasks .workspace,body.has-tasks .drop,body.has-tasks .controls,body.has-tasks .tasks,body.has-tasks .list{width:100%;max-width:100%;min-width:0}body.has-tasks .modes{display:grid;grid-template-columns:1fr;width:100%;max-width:100%;overflow:visible;padding:0;scroll-snap-type:none}body.has-tasks .modes label,body.has-tasks .modes label.active{width:100%;min-width:0;min-height:56px;padding:9px 11px}body.has-tasks .start-row,body.has-tasks .start-row button{width:100%;max-width:100%}body.has-tasks .card{width:100%;max-width:100%;min-width:0;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;padding:10px}body.has-tasks .card>img{grid-column:1;grid-row:1;width:52px;height:52px}body.has-tasks .card .info{grid-column:2;grid-row:1;max-width:100%;min-width:0}body.has-tasks .card .title{width:100%;max-width:100%;min-width:0}body.has-tasks .card .title>b{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.has-tasks .card .actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-end;flex-direction:row;width:100%;margin-top:7px;padding-top:7px;border-top:1px solid #e5e4dd}body.has-tasks .card .actions .remove{display:inline-flex;align-items:center;justify-content:center}body.has-tasks .sizes{max-width:100%;flex-wrap:wrap}body.has-tasks .downloadbar{max-width:calc(100vw - 20px)}body.has-tasks .downloadbar button{flex:none;padding:10px 12px;font-size:12px}.unmet,.conversion-note,.batch-unmet{max-width:100%;min-width:0}}.list-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.list-controls>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.list-controls button{border:1px solid #d6d8d1;border-radius:8px;padding:5px 8px;background:#fff;color:#59615b;font-size:11px;font-weight:700;cursor:pointer}.list-controls button:hover{border-color:#929a93;background:#f6f8ee}.list-controls button.active{border-color:#788525;background:#eff8b9;color:#26331f}body.has-tasks .list{max-height:56vh;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}body.has-tasks .list::-webkit-scrollbar{width:9px}body.has-tasks .list::-webkit-scrollbar-track{border-radius:9px;background:#ebeae4}body.has-tasks .list::-webkit-scrollbar-thumb{border:2px solid #ebeae4;border-radius:9px;background:#9ba19b}@media(max-width:720px){.list-controls{align-items:flex-start;flex-direction:column}.list-controls>div{width:100%}.list-controls>div:last-child{justify-content:flex-end}body.has-tasks .list{max-height:55vh;padding-right:3px}}body.has-tasks .list{max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}.pager span{min-width:44px;text-align:center;color:#687069;font-size:11px;font-weight:700}.list-controls button:disabled{opacity:.4;cursor:not-allowed;background:#f0efe9}@media(max-width:720px){.list-controls{gap:8px}.list-controls .pager{justify-content:center}}.pager{padding:4px;border:1px solid #d6d8d1;border-radius:10px;background:#f3f2ec}.pager button{min-height:30px;background:#fff}.pager span{padding:0 6px;color:#26331f;font-weight:800}.bottom-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px;padding:13px;border:1px solid #d4d7cd;border-radius:13px;background:#f4f3ed}.bottom-pagination button{min-width:76px;border:1px solid #c8cbc3;border-radius:9px;padding:9px 11px;background:#fff;color:#343c35;font-size:12px;font-weight:750;cursor:pointer}.bottom-pagination button:hover:not(:disabled){border-color:#748022;background:#eff8b9}.bottom-pagination button:disabled{opacity:.35;cursor:not-allowed}.bottom-pagination strong{min-width:105px;padding:8px 12px;border-radius:9px;background:#dff36a;color:#1c211d;text-align:center;font-size:12px}@media(max-width:720px){.bottom-pagination{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bottom-pagination strong{grid-column:1/-1;grid-row:1;min-width:0}.bottom-pagination button{min-width:0;width:100%}#first-page,#last-page{display:none}}.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle{min-width:42px;height:32px;border:1px solid #cdd2ca;border-radius:9px;background:#fff;color:#334038;font-size:11px;font-weight:800;cursor:pointer}.lang-toggle:hover{border-color:#7f8c2d;background:#f3fbbd}@media(max-width:720px){.header-actions{gap:0}.lang-toggle{height:30px}}
