:root{color-scheme:light;--paper:#f5f5ef;--ink:#263d34;--muted:#6d776f;--line:#dcded4;--accent:#dfed9b;--card:#fff;--danger:#9f4233;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label[for=file-input]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8a9d3d;outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1220px;padding:0 48px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-1px;text-decoration:none}.mark{width:33px;height:33px;border-radius:9px;background:var(--ink);color:var(--accent);display:grid;place-content:center;font-size:23px;font-style:italic;letter-spacing:-4px;padding-right:5px}.mark span{display:none}.top-right{display:flex;gap:28px;align-items:center}.local{font-size:12px;color:var(--muted)}.text-button{background:none;border:0;color:var(--ink);font-size:13px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.intro{padding:54px 0 40px;position:relative}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:750;margin:0 0 16px;color:#62713e}h1{font-size:clamp(44px,5.2vw,68px);letter-spacing:-3.8px;line-height:1.04;font-weight:580;margin:0 0 22px;white-space:pre-line}.lede{font-size:16px;color:var(--muted);line-height:1.7;max-width:545px;margin:0}.workspace{display:grid;grid-template-columns:360px 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:27px}.section-head{display:flex;align-items:center;gap:11px;margin:0 0 27px}.section-head h2{font-size:17px;letter-spacing:-.4px;font-weight:650;margin:0}.section-head .text-button{margin-left:auto}.step{font-family:ui-monospace,monospace;font-size:11px;border:1px solid var(--line);border-radius:100%;padding:6px;color:var(--muted)}label,legend{font-size:12px;font-weight:650;display:block;margin-bottom:10px}input[type=number],select{height:44px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);width:100%;min-width:0}input:disabled,select:disabled{background:#f5f5ef}select{font-size:12px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-pair:has(#amount){grid-template-columns:1fr 1.3fr}fieldset{border:0;padding:0;margin:24px 0}.small-label{font-size:11px;color:var(--muted);font-weight:450}.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 19px}#byte-total{margin-bottom:0;font-family:ui-monospace,monospace}.range-row{display:flex;align-items:center;gap:16px}input[type=range]{accent-color:var(--ink);width:100%;margin:0}output{font-family:ui-monospace,monospace;font-size:13px}.primary,.secondary,.file-button{border:1px solid transparent;border-radius:7px;padding:13px 18px;font-size:12px;font-weight:650;text-align:center;text-decoration:none}.primary{background:var(--ink);color:#fff}.primary:hover:enabled{background:#345244}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.secondary:hover:enabled{background:var(--paper)}#run,#cancel{width:100%;margin-top:7px}.files{display:flex;flex-direction:column}.dropzone{background:#f5f7ed;border:1px dashed #bcc7a8;flex-direction:column;display:flex;align-items:center;justify-content:center;min-height:282px;border-radius:10px;text-align:center;padding:28px 20px}.dropzone.drag{border:2px solid var(--ink);background:#eaf0d6}.dropzone h3{font-size:19px;letter-spacing:-.5px;font-weight:600;margin:16px 0 9px}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 20px}.file-icon{width:42px;height:48px;border:1.5px solid #7b8d50;border-radius:6px;display:grid;place-items:center;font-size:30px;color:#5d7040;background:#faffed;transform:rotate(-7deg)}.file-button{background:var(--accent);cursor:pointer;margin:0 0 4px;padding:12px 24px}.file-button:hover{background:#d3e589}#file-input{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.dropzone:has(#file-input:focus-visible) .file-button{outline:3px solid #8a9d3d;outline-offset:3px}#demo{font-size:11px;color:var(--muted)}.limits{font-size:10px;text-align:center;color:var(--muted);line-height:1.8;white-space:pre-line;margin:14px 0}.selection{font-size:12px;font-weight:600;margin:4px 0 10px}.queue{padding:0;list-style:none;margin:0 0 18px;max-height:190px;overflow:auto}.queue li{padding:8px 0;border-bottom:1px solid #efefe9;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.note{margin-top:auto;padding:18px 20px;border-left:3px solid var(--accent);background:#fafbf5}.note strong{font-size:12px}.note p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.results{padding-top:45px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.results-heading .eyebrow{margin-bottom:10px}.results h2{font-size:26px;font-weight:550;letter-spacing:-.9px;margin:0}.actions{display:flex;gap:9px}#status{font-size:12px;color:var(--muted);min-height:22px;margin:22px 0 12px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.result-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px;min-width:0}.result-card h3{font-size:13px;overflow-wrap:anywhere;margin:15px 0 17px}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block;border-radius:20px;padding:5px 9px;color:var(--muted);background:#f0f1eb}.badge.passed{color:#466019;background:#e9f1ce}.badge.failed,.badge.rejected{color:var(--danger);background:#fceee8}.result-card dl{font-size:11px;margin:0}.result-card dt{color:var(--muted);margin-top:12px}.result-card dd{margin:4px 0 0;font-family:ui-monospace,monospace;line-height:1.6;overflow-wrap:anywhere}.result-card .reason{font-size:12px;line-height:1.7;color:var(--danger)}.card-actions{display:flex;gap:8px;margin-top:18px}.card-actions button{padding:9px 12px;font-size:11px}.error{background:#fceee8;border:1px solid #edc4b5;border-radius:8px;color:var(--danger);padding:16px;line-height:1.6;font-size:13px}.footnotes{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;border-top:1px solid var(--line);margin-top:44px;padding:22px 0}.footnotes p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.footnotes strong{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;padding:22px 0 35px}.version{font-family:ui-monospace,monospace;background:#e6e9dc;border-radius:4px;padding:2px 4px;margin-left:3px}dialog{border:1px solid var(--line);border-radius:16px;padding:24px;width:min(1000px,94vw);color:var(--ink)}dialog::backdrop{background:#17271ddd;backdrop-filter:blur(4px)}.preview-head{display:flex;gap:20px;justify-content:space-between;align-items:center}.preview-head h2{font-size:18px;overflow-wrap:anywhere}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}figure{margin:15px 0 0;background:var(--paper);padding:14px;border-radius:9px;min-width:0}figcaption{font-size:11px;color:var(--muted);margin-bottom:12px}.compare img{width:100%;max-height:65vh;object-fit:contain}dialog .hint{margin-bottom:0}@media(min-width:1000px){.intro:after{content:'≤';position:absolute;right:55px;top:35px;font-family:Georgia,serif;font-size:170px;line-height:1.4;color:#dfe5cf;transform:rotate(-8deg)}}@media(max-width:800px){.shell{padding:0 22px}.top{height:78px}.local{display:none}.workspace{grid-template-columns:1fr 1.25fr;gap:14px}.panel{padding:20px}.results-grid{grid-template-columns:1fr 1fr}.results-heading{align-items:flex-start;flex-direction:column}.footnotes{gap:25px}.intro{padding-top:36px}h1{letter-spacing:-2px}.dropzone{padding:20px 12px}}@media(max-width:600px){.shell{padding:0 18px}.workspace{grid-template-columns:1fr}.files{grid-row:1}.dropzone{min-height:240px}.note{display:none}.results-grid{grid-template-columns:1fr}.footnotes{grid-template-columns:1fr;gap:18px}footer>span:nth-child(2){display:none}.compare{grid-template-columns:1fr}.actions{width:100%;flex-wrap:wrap}.actions button{flex:1}h1{font-size:47px}.intro{padding-bottom:30px}.lede{font-size:14px}dialog{padding:16px}.queue{max-height:115px}}