/* Pixdesk — the image, under the light. Actual comparison pixels come from engine.js. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-400.woff2?v=a30ddcd349') format('woff2');font-weight:400 800;font-display:swap}
@media screen{
:root{--sans:Manrope,sans-serif;--ink:#202426;--muted:#5a6268;--bg:#f2f3f4;--line:#d8dcdf;--blue:#785400;--blue-ink:#654700;--blue-soft:#fff1be;--radius:12px}
body{font-family:var(--sans)}.wrap{max-width:1480px;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}.site-head{position:static;background:#fff;border-bottom:1px solid #d4d9dc}.head-row{min-height:80px}.logo{font-size:25px;font-weight:800;letter-spacing:-1px;gap:12px}.logo-mark rect:nth-child(2){fill:#e9bc4c}.top-nav a{font-size:15px}.menu-btn{border-radius:6px;font-weight:700;min-height:44px}.home-head,.tool-head{padding-top:30px;padding-bottom:24px}.home-head{text-align:left}.home-head h1,.tool-head h1{font-size:clamp(32px,3.6vw,48px);line-height:1.14;letter-spacing:-1.5px;max-width:900px;margin-bottom:12px}.home-head .lede,.tool-head .lede{font-size:16px;max-width:85ch;margin-left:0;color:#58626a}.facts{gap:10px 24px;font-size:13px}.facts li::before{background:#ad820c}.home-work{padding-top:0}
.btn{min-height:44px;border-radius:7px;font-size:15px}.btn.primary{background:#f0c65b;color:#282315;border-color:#e3b340;font-weight:800}.btn.primary:hover{background:#ffda74;color:#282315}.btn.ghost:hover{background:#faf3de;color:#493700}.pd-app{border:1px solid #ccd2d6;border-radius:14px;overflow:clip;background:#fff;box-shadow:0 10px 38px #1f28200a}.pd-drop.compact,.pd-drop{border:0;border-bottom:1px solid #d8dcdf;border-radius:0;padding:20px 24px;background:#fff;gap:18px}.pd-drop-hero{min-height:240px;background:#fff}.pd-drop-hero .pd-drop-art{width:68px;height:68px}.pd-drop-hero .pd-drop-title{font-size:26px}.pd-drop.compact .pd-drop-art{background:#f5e9be;border:1px solid #e6d597;width:44px;height:44px}.pd-drop-hint{font-size:13px;line-height:1.6}.pd-drop.compact .pd-drop-title{font-size:17px}.pd-work{margin-top:0}.pd-tabs{padding:0 24px;border-bottom:1px solid #d9dfe3;background:#fff;gap:24px;border-radius:0}.pd-tabs button{border-radius:0;min-height:54px;border:0;border-bottom:3px solid transparent;padding:0 3px;font-size:15px;background:transparent;color:#59636c;font-weight:700}.pd-tabs button[aria-selected=true]{background:none;color:#252a2d;border-bottom-color:#b47d00}.pd-grid{gap:0;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.pd-main{padding:22px;background:#f1f3f4;gap:14px}.pd-side{position:static;top:auto;border:0;border-left:1px solid #d4dadd;border-radius:0;padding:24px 22px 12px;background:#fff}.pd-h{font-size:20px;letter-spacing:-.6px}.fld{font-size:14px;gap:8px}.fld select,.fld input:not([type=range]):not([type=checkbox]){font-size:16px;min-height:44px}.pd-help,.pd-private,.pd-status{font-size:13px;line-height:1.65}.chip{min-height:40px;font-size:14px;border-radius:5px}.chip[aria-pressed=true]{background:#fff0bc;border-color:#ac7e08;color:#4b3700}input[type=range]{accent-color:#8c6400}.pd-viewer{border:1px solid #242b31;border-radius:10px;background:#171c21;box-shadow:0 8px 20px #10182015}.pd-vbar{color:#e4e8eb;background:#1c2228;border-bottom:1px solid #3b424b;min-height:48px;font-size:13px;padding:8px 14px}.pd-zoom button{color:#d1d6dc;border-color:#58616a;background:transparent;min-height:32px;font-size:12px}.pd-zoom button[aria-pressed=true]{color:#252018;background:#f0c65b;border-color:#f0c65b}.pd-viewport{background-color:#20272e;background-image:linear-gradient(45deg,#2d353d 25%,transparent 25%),linear-gradient(-45deg,#2d353d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2d353d 75%),linear-gradient(-45deg,transparent 75%,#2d353d 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.pd-tag{background:#151a20e8;border-color:#49525d;color:#fff;font-size:12px;border-radius:4px}.pd-divider{background:#f0c65b}.pd-knob{color:#332700;background:#f0c65b;border-color:#f0c65b}.pd-vnote{color:#c8d3dc;background:#1c2228;font-size:13px;margin:0;padding:10px 14px;line-height:1.5}.pd-summary{padding:2px 0;gap:12px}.pd-totals{font-size:14px}.pd-queue{border-radius:9px;background:#fff}.pd-row{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:14px}.pd-row .pd-sizes{grid-column:2}.pd-row .pd-state{grid-column:1/3;grid-row:3}.pd-row .pd-act{grid-column:3;grid-row:1/4}.pd-row.selected{background:#fff9e8;box-shadow:inset 3px 0 0 #b38413}.pd-thumb{width:44px;height:44px}.pd-name{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-size:14px}.pd-from,.pd-to{font-size:14px}.pd-info,.pd-save,.pd-label{font-size:12px}.pd-name,.pd-info{max-width:none}.pd-panel input[type=range]{width:100%}.site-foot{background:#1b2229;color:#e3e7ed}.site-foot a,.site-foot .logo{color:#fff}.foot-h{color:#aebac8}.foot-brand p,.foot-base{color:#c0cad4}.related{padding-top:36px}.rel-grid a{border-radius:9px;padding:20px}.content h2{letter-spacing:-.6px}.mega{border-bottom:1px solid #cbd3d9}.pd-meta{background:#fff;border-radius:10px;padding:14px}
@media(max-width:1120px){.pd-grid{grid-template-columns:minmax(0,1fr) 290px}.pd-main{padding:16px}.pd-side{padding:20px 16px}.top-nav{gap:0}.pd-drop.compact{grid-template-columns:auto 1fr}.pd-drop-btns,.pd-drop.compact .pd-drop-btns{grid-column:2;justify-content:flex-start}.pd-vbar{flex-wrap:wrap;gap:8px}.pd-vr{margin-left:auto}}
@media(max-width:800px){.pd-grid{grid-template-columns:1fr}.pd-side{border:0;border-top:1px solid #d4dadd}.pd-tabs{gap:18px;padding:0 16px;flex-wrap:wrap}.pd-main{padding:14px}.pd-row{grid-template-columns:44px minmax(0,1fr) auto}.head-row{min-height:70px}.home-head h1,.tool-head h1{font-size:36px}}
@media(max-width:500px){.home-head,.tool-head{padding-top:22px;padding-bottom:20px}.home-head h1,.tool-head h1{font-size:32px;letter-spacing:-1px}.pd-drop.compact,.pd-drop{padding:18px 16px;gap:12px}.pd-drop.compact .pd-drop-btns{grid-column:1/-1}.pd-drop.compact .btn{min-height:44px}.pd-tabs{gap:5px;justify-content:space-between;padding:0 12px}.pd-tabs button{font-size:13px;min-height:50px;padding:0 2px}.pd-main{padding:10px}.pd-vbar{font-size:12px;padding:9px}.pd-vr,.pd-vl{overflow-wrap:anywhere;white-space:normal}.pd-row .pd-act{grid-column:1/-1;grid-row:auto;justify-content:flex-end}.pd-row .pd-state{grid-row:auto;grid-column:1/-1}.pd-row .pd-sizes{grid-column:2/4}.pd-sumbtns{flex-wrap:wrap}.pd-summary{flex-wrap:wrap}.pd-totals{min-width:0}.pd-zoom button{min-height:36px}.pd-panel .fld{font-size:15px}.pd-help,.pd-status,.pd-private{font-size:14px}}
}
@media screen{.wrap{width:100%}.pd-divider{background:transparent}.pd-divider::before{background:#f0c65b}.pd-vl b,.pd-vr b{color:#f4f7fa}.pd-vr .good{color:#9bddad}.pd-tabs{width:100%}}