.jpg-webp-page{padding-bottom:90px}.jpg-webp-workspace{margin-top:32px}.jpg-dropzone{display:grid;justify-items:center;align-content:center;min-height:255px;padding:32px;border:1.5px dashed #7ba99e;border-radius:20px;background:linear-gradient(130deg,#eef8f3,#fffdf8);text-align:center;transition:.18s ease}.jpg-dropzone.is-dragging,.jpg-dropzone:hover{border-color:var(--pine);background:#f8fcf8;box-shadow:inset 0 0 0 3px rgba(15,90,81,.07)}.jpg-upload-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:16px;background:var(--pine);color:var(--lime);font:500 25px/1 Georgia,serif}.jpg-dropzone h2{margin:0;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.045em}.jpg-dropzone p{max-width:520px;margin:8px 0 17px;color:var(--muted);font-size:13px;line-height:1.6}.jpg-add-zone .secondary-button,.jpg-dropzone .secondary-button,.jpg-queue header>.secondary-button{min-height:42px;padding:10px 15px;font-size:12px}.jpg-dropzone small{margin-top:13px;color:var(--muted);font-size:10px}.jpg-board{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:rgba(255,255,255,.78);box-shadow:var(--shadow)}.jpg-queue{position:relative;min-height:420px;border-right:1px solid var(--line);transition:background .18s ease}.jpg-queue.is-dragging{background:#f0faf6}.jpg-queue.is-dragging:after{position:absolute;inset:3px 0 3px 3px;border:2px dashed var(--pine);border-radius:calc(var(--radius) - 3px) 0 0 calc(var(--radius) - 3px);content:"";pointer-events:none}.jpg-queue header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:94px;padding:18px;border-bottom:1px solid var(--line)}.jpg-queue header h2{margin:4px 0 3px;font-size:22px}.jpg-queue header p{margin:0;color:var(--muted);font-size:11px}.jpg-job-list{display:grid;gap:8px;padding:11px}.jpg-job{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid transparent;border-radius:13px}.jpg-job:hover{border-color:var(--line);background:#fff}.jpg-job.processing{background:#effaf6}.jpg-job.error{background:#fff5f2}.jpg-job>img{width:65px;height:54px;object-fit:cover;border:1px solid var(--line);border-radius:9px;background:repeating-conic-gradient(#e2e5df 0 25%,#f8f8f4 0 50%) 50%/12px 12px}.jpg-job-copy{display:grid;min-width:0;gap:3px}.jpg-job-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.jpg-job-copy em,.jpg-job-copy small,.jpg-job-copy span{color:var(--muted);font-size:10px;font-style:normal;line-height:1.35}.jpg-job-copy b{color:#246c54;font-size:10px}.larger-warning{display:block;max-width:340px;color:#78642d!important}.jpg-job-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.jpg-job-actions .action-button,.jpg-job-actions .secondary-button{min-height:34px;padding:7px 9px;font-size:10px}.icon-delete{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#a05c54;font-size:20px}.icon-delete:hover{background:#fbedeb}.jpg-add-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;margin-top:4px;padding:13px 14px;border:1px dashed #9bbdb3;border-radius:11px;background:linear-gradient(90deg,rgba(239,250,246,.88),rgba(255,255,255,.72));color:var(--pine);transition:.18s ease}.jpg-add-zone div{display:grid;gap:3px}.jpg-add-zone strong{font-size:12px}.jpg-add-zone span{color:var(--muted);font-size:10px}.jpg-add-zone.is-dragging,.jpg-add-zone:hover{border-color:var(--pine);background:#e6f6ef;box-shadow:inset 0 0 0 2px rgba(15,90,81,.06)}.jpg-settings{display:flex;flex-direction:column;align-items:stretch;padding:22px;background:#f5f7f1}.jpg-settings h2{margin:5px 0 0;font-size:24px}.jpg-settings>p{margin:9px 0 18px;color:var(--muted);font-size:11px;line-height:1.55}.quality-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quality-presets button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;text-align:left;cursor:pointer}.quality-presets .selected,.quality-presets button:hover{border-color:#68a593;background:#eaf7f2;color:var(--pine)}.quality-presets b{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.quality-range{position:relative;display:grid;gap:9px;margin-top:20px;color:var(--muted);font:500 10px monospace;letter-spacing:.05em;text-transform:uppercase}.quality-range output{position:absolute;right:0;color:var(--pine);font-size:12px}.quality-range input{width:100%;accent-color:var(--pine)}.jpg-filename{display:grid;gap:7px;margin-top:18px;color:var(--muted);font:500 10px monospace;letter-spacing:.05em;text-transform:uppercase}.jpg-filename input{min-height:43px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;color:var(--ink);font:12px/1 Arial,sans-serif}.jpg-convert{width:100%;min-height:46px;margin-top:20px}.jpg-download-all{width:100%;min-height:42px;margin-top:9px;padding:10px 12px;font-size:11px}.jpg-compare-backdrop{position:fixed;z-index:30;inset:0;background:rgba(12,25,45,.7);display:grid;place-items:center;padding:20px}.jpg-compare{display:grid;justify-items:end;gap:12px;width:min(760px,100%);background:#fff;border-radius:16px;padding:20px;position:relative}.jpg-compare-stage{position:relative;width:100%;overflow:hidden;background:repeating-conic-gradient(#e2e5df 0 25%,#f8f8f4 0 50%) 50%/18px 18px;aspect-ratio:16/10}.jpg-compare-stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.jpg-compare-stage img+img{clip-path:inset(0 0 0 var(--wipe))}.jpg-compare label{display:grid;gap:7px;width:100%;margin:2px 0;font-weight:700;font-size:12px}.jpg-compare label input{width:100%;accent-color:var(--pine)}.jpg-compare p{justify-self:center;margin:0;color:var(--muted);font-size:11px}.jpg-quick-answer{max-width:880px;margin-top:66px;padding:27px;border:1px solid #c9dad2;border-radius:18px;background:linear-gradient(135deg,#edf8f4,#fff)}.jpg-faq h2,.jpg-guide h2,.jpg-quick-answer h2,.jpg-related h2{margin:8px 0 12px;font-size:clamp(26px,3vw,36px);line-height:1.1}.jpg-faq p,.jpg-guide li,.jpg-guide p,.jpg-quick-answer p,.jpg-related p{color:var(--muted);font-size:13px;line-height:1.7}.jpg-quick-answer p{max-width:740px;margin:0}.jpg-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;margin-top:70px}.jpg-guide ol{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none;counter-reset:jpg-steps}.jpg-guide li{position:relative;min-height:49px;padding:13px 14px 13px 51px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.66);counter-increment:jpg-steps}.jpg-guide li:before{position:absolute;top:13px;left:14px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e8f5ef;color:var(--pine);content:counter(jpg-steps);font:700 11px monospace}.jpg-guide-notes{display:grid;gap:10px;align-content:start}.jpg-guide-notes article,.jpg-related{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.66)}.jpg-guide-notes h3{margin:0;font-size:17px}.jpg-guide-notes p{margin:8px 0 0}.jpg-faq{max-width:850px;margin-top:70px}.jpg-faq details{padding:16px 0;border-top:1px solid var(--line)}.jpg-faq details:last-child{border-bottom:1px solid var(--line)}.jpg-faq summary{cursor:pointer;font-weight:700}.jpg-faq p{margin:9px 0 0}.jpg-related{max-width:720px;margin-top:50px}.jpg-related p{margin:0}.jpg-related .secondary-button{display:inline-flex;min-height:42px;align-items:center;margin-top:16px;padding:10px 13px;font-size:11px}@media(max-width:850px){.jpg-board,.jpg-guide{grid-template-columns:1fr}.jpg-queue{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.jpg-queue.is-dragging:after{inset:3px 3px 0;border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0}}@media(max-width:560px){.jpg-dropzone{min-height:240px;padding:26px 17px}.jpg-queue header{align-items:flex-start;flex-direction:column}.jpg-queue header>.secondary-button{width:100%}.jpg-job{grid-template-columns:54px minmax(0,1fr)}.jpg-job>img{width:54px;height:49px}.jpg-job-actions{grid-column:1/-1;justify-content:flex-start;border-top:1px solid var(--line);padding-top:7px}.jpg-job-actions .secondary-button{flex:1 1}.jpg-add-zone{align-items:flex-start;flex-direction:column}.jpg-add-zone .secondary-button{width:100%}.jpg-settings{padding:19px}.jpg-quick-answer,.jpg-related{padding:21px}.jpg-guide{gap:26px}.jpg-faq,.jpg-guide{margin-top:50px}.jpg-compare{padding:13px}}.jpg-upload-notice{margin:0 0 12px;padding:10px 12px;border:1px solid #e6aaa3;border-radius:10px;background:#fff3f1;color:#9b3025;font-size:13px;font-weight:700}.icon-download{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--pine)}.icon-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.icon-download:hover{border-color:#8bbfae;background:#edf8f4}.jpg-clear{width:100%;margin-top:8px}.jpg-faq,.jpg-quick-answer,.jpg-quick-answer p,.jpg-related{max-width:none}.jpg-related{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:end}.jpg-related .eyebrow,.jpg-related h2{grid-column:1/-1}.jpg-related .secondary-button{margin-top:0}@media(max-width:560px){.jpg-related{grid-template-columns:1fr;align-items:start}.jpg-related .secondary-button{margin-top:16px}}.diff-checker-page .tool-head{align-items:flex-start}.dc-workspace{margin:28px 0 52px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 18px 40px rgb(18 33 35/7%);overflow:hidden}.dc-lists article header,.dc-options,.dc-result header,.dc-tabs,.dc-toolbar,.dc-toolbar-actions,.dc-toolbar-primary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dc-tabs{padding:12px 18px;background:#f4f8f4;border-bottom:1px solid var(--line)}.dc-control-group button,.dc-lists button,.dc-result button,.dc-tabs button,.dc-toolbar button{min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.dc-control-group button:hover,.dc-lists button:hover,.dc-result button:hover,.dc-tabs button:hover,.dc-toolbar button:hover{border-color:var(--line);background:#f5f8fa}.dc-control-group .active,.dc-tabs .active{border-color:#102d29;background:#102d29;color:#fff}.dc-toolbar{justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.dc-toolbar-actions,.dc-toolbar-primary{min-width:0}.dc-toolbar-actions{justify-content:flex-end}.dc-select-label{display:grid;gap:4px;min-width:146px;font-size:.78rem;font-weight:800;color:var(--muted)}.dc-select-label select{min-height:42px;width:100%;padding:8px 42px 8px 12px;background-color:#fff;color:var(--ink);font:inherit}.dc-control-group,.dc-select-label select{border:1px solid var(--line);border-radius:10px}.dc-control-group{display:flex;align-self:end;overflow:hidden}.dc-control-group button{border-radius:0}.dc-control-group button+button{border-left-color:var(--line)}.dc-control-group button:disabled{cursor:not-allowed;opacity:.45}.dc-options{margin:0;border:0;border-bottom:1px solid var(--line);background:#fbfcfb}.dc-options legend{width:100%;padding:0;font-size:.86rem;font-weight:800}.dc-options label{display:inline-flex;align-items:center;gap:7px;min-height:34px;font-size:.88rem}.dc-options input{width:17px;height:17px;accent-color:#19786d}.dc-file-error,.dc-warning{margin:14px 18px 0;padding:12px 14px;border:1px solid #ebc969;border-radius:10px;background:#fff8e7;color:#735400}.dc-file-error{border-color:#d89992;background:#fff1ef;color:#8a2520}.dc-warning+.primary-button{margin:14px 18px 0}.dc-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.dc-editor{display:block;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.dc-editor:focus-within,.dc-editor:hover{border-color:#19786d;box-shadow:0 0 0 3px rgb(25 120 109/12%)}.dc-editor>span{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);background:#fbfcfb}.dc-editor small{max-width:65%;color:var(--muted);font-size:.74rem;text-align:right}.dc-code-editor{height:292px}.dc-code-editor .cm-editor{height:100%;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dc-code-editor .cm-scroller{overflow:auto}.dc-code-editor .cm-focused{outline:0}.dc-result{margin:0 18px;border:1px solid var(--line);border-radius:14px}.dc-lists article header,.dc-result header{justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid var(--line);background:#f4f8f4}.dc-result header>span{display:flex;gap:4px}.dc-result>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dc-lists pre,.dc-result pre{min-height:126px;margin:0;padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dc-result-state{min-height:126px;margin:0;padding:28px 14px;color:var(--muted);text-align:center}.dc-copy-feedback{margin:0 18px 12px;color:#135e2c;font-size:.88rem;font-weight:700}.dc-result>div pre+pre{border-left:1px solid var(--line)}.dc-added{background:#d6f4dc;color:#135e2c}.dc-removed{background:#ffe2df;color:#8b2922;text-decoration:line-through}.dc-active{outline:2px solid #19786d;outline-offset:1px}.dc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.dc-stats div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#f7faf8}.dc-stats span{display:block;color:var(--muted);font-size:.78rem}.dc-stats b{display:block;margin-top:4px;font-size:1.45rem}.dc-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.dc-lists article{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.dc-local{margin:0;padding:0 18px 18px;color:var(--muted);font-size:.88rem}.dc-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 52px}.dc-content article{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.dc-content h2,.dc-faq h2{margin:0 0 10px;font-size:clamp(24px,2.4vw,32px);line-height:1.12}.dc-content p{margin:0;color:var(--muted)}.dc-faq{margin-bottom:72px}@media (max-width:900px){.dc-toolbar,.dc-toolbar-actions{justify-content:flex-start}.dc-content{gap:12px}}@media (max-width:720px){.dc-workspace{margin:22px 0 42px;border-radius:16px}.dc-inputs,.dc-lists,.dc-options,.dc-stats,.dc-tabs,.dc-toolbar{padding-left:14px;padding-right:14px}.dc-control-group button,.dc-lists button,.dc-result button,.dc-tabs button,.dc-toolbar button{min-height:44px}.dc-control-group,.dc-select-label,.dc-toolbar-actions,.dc-toolbar-primary{width:100%}.dc-control-group button{flex:1 1;padding-left:8px;padding-right:8px}.dc-content,.dc-inputs,.dc-lists,.dc-result>div{grid-template-columns:1fr}.dc-inputs{gap:14px}.dc-editor>span{display:grid}.dc-editor small{max-width:none;text-align:left}.dc-code-editor{height:252px}.dc-result{margin:0 14px}.dc-result>div pre+pre{border-top:1px solid var(--line);border-left:0}.dc-stats{grid-template-columns:1fr;gap:9px}.dc-content article{padding:20px}}.tool-head .privacy-chip>b{display:block;padding:10px 12px 0}.dc-workspace{display:grid;gap:16px;border:0;background:transparent;box-shadow:none;overflow:visible}.dc-inputs,.dc-lists,.dc-options,.dc-result,.dc-tabs,.dc-toolbar{margin:0;border:1px solid #cfd8d2;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(32,52,43,.04)}.dc-tabs{padding:10px}.dc-toolbar{border-bottom:1px solid #cfd8d2}.dc-options{padding:14px 18px 16px}.dc-inputs{padding:16px}.dc-result{overflow:hidden}.dc-lists{padding:16px}.dc-control-group button:active,.dc-control-group button:focus-visible,.dc-tabs button:active,.dc-tabs button:focus-visible{outline:3px solid rgba(25,120,109,.26);outline-offset:2px;background:#dcefe8;color:#0f4038}.dc-control-group .active:active,.dc-control-group .active:focus-visible,.dc-tabs .active:active,.dc-tabs .active:focus-visible{background:#102d29;color:#fff}.dc-select-label select{appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23172422' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px}.dc-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dc-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:700;box-shadow:0 8px 22px rgba(32,52,43,.04)}.dc-related a:hover{border-color:#8bbfae;color:var(--pine);transform:translateY(-2px)}.dc-related a span{color:var(--pine)}@media (max-width:720px){.dc-related>div{grid-template-columns:1fr}.dc-inputs,.dc-lists,.dc-options,.dc-stats,.dc-tabs,.dc-toolbar{padding-left:14px;padding-right:14px}.dc-result{margin:0}}