.page[data-astro-cid-hhxicd6u]{gap:2rem;padding-block:1.5rem 0;display:grid}.crumbs[data-astro-cid-hhxicd6u]{color:var(--ink-3)}.crumbs[data-astro-cid-hhxicd6u] a[data-astro-cid-hhxicd6u]{color:var(--ink-2)}.head[data-astro-cid-hhxicd6u]{gap:.75rem;display:grid}.below[data-astro-cid-hhxicd6u]{grid-template-columns:minmax(0,1fr) 300px;gap:3rem;margin-top:1.5rem;display:grid}@media (max-width:900px){.below[data-astro-cid-hhxicd6u]{grid-template-columns:minmax(0,1fr)}}.side[data-astro-cid-hhxicd6u]{top:calc(env(safe-area-inset-top,0px) + 76px);align-self:start;position:sticky}.side-h[data-astro-cid-hhxicd6u]{font:600 var(--step--1)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.75rem}.side[data-astro-cid-hhxicd6u] ul[data-astro-cid-hhxicd6u]{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.side[data-astro-cid-hhxicd6u] a[data-astro-cid-hhxicd6u]{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:.2rem;padding:.75rem .85rem;text-decoration:none;display:grid}.side[data-astro-cid-hhxicd6u] a[data-astro-cid-hhxicd6u]:hover{border-color:var(--accent);color:inherit}.side[data-astro-cid-hhxicd6u] span[data-astro-cid-hhxicd6u]{color:var(--ink-2);font-size:.85rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 var(--line), 0 18px 40px -28px color-mix(in srgb, var(--ink) 40%, transparent);gap:1.25rem;padding:clamp(1rem,2.5vw,1.75rem);display:grid}.tool-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.25rem;display:grid}@media (max-width:820px){.tool-grid{grid-template-columns:minmax(0,1fr)}}.drop{border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);text-align:center;place-items:center;gap:.85rem;min-height:280px;padding:2rem 1rem;transition:border-color .15s,background-color .15s;display:grid}.drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.drop-icon{width:56px;height:56px;color:var(--ink)}.drop-title{font:700 var(--step-1)/1.25 var(--font-display)}.drop-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.drop p.small{max-width:44ch}.file-name{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:.35rem .6rem}.opts{align-content:start;gap:.9rem;display:grid}.opts fieldset{border:0;min-width:0;margin:0;padding:0}.opts legend,.opts .row>label{font:600 var(--step--1)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.45rem;display:block}.seg{flex-wrap:wrap;gap:0;display:flex}.seg legend{width:100%}.seg label{flex:auto}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{text-align:center;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;margin-left:-1px;padding:.55rem .7rem;font-size:.9rem;font-weight:600;display:block}.seg label:first-of-type span{border-radius:6px 0 0 6px;margin-left:0}.seg label:last-of-type span{border-radius:0 6px 6px 0}.seg input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.opts select,.opts input[type=number]{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;width:100%;padding:.5rem .6rem;font-size:.95rem}.unit{align-items:center;gap:.5rem;display:flex}.unit input{max-width:8rem}.adv summary{cursor:pointer;font-size:.925rem;font-weight:600}.checks{gap:.45rem;margin-top:.6rem;font-size:.9rem;display:grid}.checks label{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.checks em{font-style:normal;font:500 .72rem/1 var(--font-mono);color:var(--good)}.checks em.warn{color:var(--warn)}.checks select{width:auto;padding:.15rem .3rem}.run{width:100%}.status{gap:.4rem;display:grid}.progress{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;height:6px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.error{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:.75rem 1rem;font-weight:500}.result{border-top:1px solid var(--line);gap:1.5rem;padding-top:1.25rem;display:grid}.summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}@media (max-width:760px){.summary{grid-template-columns:minmax(0,1fr)}}.saving .big{font:800 clamp(2.75rem, 2rem + 3vw, 4rem)/.9 var(--font-display);color:var(--good);letter-spacing:-.03em;font-stretch:75%}.meters{gap:.55rem;display:grid}.meter{font-size:var(--step--1);grid-template-columns:6.5rem minmax(0,1fr) 6rem;align-items:center;gap:.6rem;display:grid}.meter .track{background:var(--surface-2);border-radius:3px;height:14px;display:flex;overflow:hidden}.meter .seg-json{background:var(--ink-3)}.meter .seg-img{background:var(--accent)}.meter.after .seg-img{background:var(--good)}.meter .lbl{color:var(--ink-2);font-family:var(--font-mono)}.meter .val{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.legend{font:500 .75rem/1 var(--font-mono);color:var(--ink-3);flex-wrap:wrap;gap:1rem;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:.35rem;display:inline-block}.dl{justify-items:start;gap:.35rem;display:grid}.dl p{overflow-wrap:anywhere;max-width:22ch}.changes{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.changes li{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.35rem .65rem;font-size:.875rem}.changes li.note{background:var(--warn-soft);color:var(--ink);border-color:#0000}.preview{gap:.75rem;display:grid}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls{flex:260px;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.controls input[type=range]{max-width:340px;accent-color:var(--accent);flex:auto}.controls .btn{padding:.45rem .8rem;font-size:.875rem}.stage{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stage figure{gap:.4rem;min-width:0;margin:0;display:grid}.canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;place-items:center;width:100%;max-height:520px;display:grid;overflow:hidden}.canvas>svg,.canvas>canvas{display:block}.checker{background-color:var(--checker-b);background-image:conic-gradient(var(--checker-a) 25%, transparent 0 50%, var(--checker-a) 0 75%, transparent 0);background-size:18px 18px}figcaption{color:var(--ink-2)}.block{gap:.6rem;display:grid}table.imgs{border-collapse:collapse;width:100%;min-width:640px;font-size:.875rem}.imgs th{text-align:left;font:600 .72rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--line);padding:.5rem}.imgs td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.55rem .5rem}.imgs td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.imgs th.num{text-align:right}.imgs .thumb{object-fit:contain;border:1px solid var(--line);border-radius:4px;width:44px;height:44px}.imgs .idcell{align-items:center;gap:.6rem;display:flex}.imgs .idcell span{overflow-wrap:anywhere}.imgs .note{color:var(--ink-3);font-size:.75rem;display:block}.issues{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.issues li{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem;display:grid}.issues strong{display:block}.issues p{color:var(--ink-2);font-size:.9rem}@media (max-width:560px){.stage{grid-template-columns:1fr}.meter{grid-template-columns:5rem minmax(0,1fr) 5rem}}