:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#27392e;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1560px;margin:auto;padding:26px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2d6;padding-bottom:22px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:11px;font-weight:750;letter-spacing:2px}.mark{width:30px;height:30px;border-radius:8px;background:#2e4735;color:#def7b6;text-align:center;font-size:25px;line-height:25px;letter-spacing:-2px}.privacy{font-size:12px;color:#697b5b}.privacy:before{content:'●';color:#81a65b;margin-right:7px}.intro{padding:32px 0 26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#7d8d6b}h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-1.6px;margin:12px 0 8px;font-weight:650}h1 span{color:#88a75b}p{font-size:14px;line-height:1.7;margin:0;color:#728168}.toolbar,.panel-head,.panel-foot,.row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar{margin-bottom:16px;justify-content:flex-start}button,select,.file-label{font:inherit;font-size:12px;padding:10px 14px;border:1px solid #d8dfcf;border-radius:7px;background:#fff;color:#3e5634;cursor:pointer;line-height:1.2}button:hover,.file-label:hover{background:#e9f0df}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#dcecc7;border-color:#c6dca9;font-weight:650}.secondary{background:transparent}.copy{display:inline-flex;align-items:center;gap:7px}.copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #6f914d;outline-offset:3px}label{font-size:12px;color:#53664b}select{padding:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #d7dfcf;border-radius:12px;overflow:hidden;background:white;min-width:0}.panel-head,.panel-foot{padding:13px 18px;min-height:60px}.panel-head{border-bottom:1px solid #e5eadf}.panel-head strong{font-size:13px}.panel-foot{border-top:1px solid #e5eadf;font-size:11px;color:#7e8d72}textarea{width:100%;display:block;border:0;outline:0;resize:vertical;min-height:320px;height:48vh;padding:22px;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#37462d;background:#fff;tab-size:2}textarea::placeholder{color:#a6af9a}textarea:focus{box-shadow:inset 0 0 0 2px #b9cda2}textarea[readonly]{background:#fcfdf9}#status{padding:14px 0;font-size:12px;min-height:47px;white-space:pre-wrap;overflow-wrap:anywhere;color:#577343}#status.error{color:#a1382e}footer{border-top:1px solid #dde4d5;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:#869578;font-size:11px}footer a{color:#5b7545}.file-label{display:inline-flex;gap:8px;align-items:center}.file-label input{max-width:220px;font-size:12px}.upload{padding:22px;border:1px dashed #bfcfaf;border-radius:12px;background:#eff3e8;margin-bottom:20px}.upload h2{font-size:17px;margin:0 0 8px}.upload p{font-size:12px;margin-bottom:14px}.controls{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:20px 0}.control{display:flex;align-items:center;gap:10px}input[type=range]{accent-color:#789d51}input[type=number]{width:92px;padding:8px;border:1px solid #cfdbc4;border-radius:6px}.badge{font-size:11px;background:#e8f0dc;border-radius:20px;padding:6px 10px;color:#608044}.comparison{background:#edf0e8}.compare-toolbar{padding:14px 18px;border-bottom:1px solid #dbe2d4;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.viewport{overflow:auto;max-height:65vh;padding:16px;min-height:200px}.canvas-wrap{position:relative;margin:auto;line-height:0;isolation:isolate;background:repeating-conic-gradient(#e2e5dd 0% 25%,#f7f8f4 0% 50%) 50%/16px 16px}.canvas-wrap img{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.canvas-wrap .after{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 2px #000;pointer-events:none}.divider:after{content:'↔';position:absolute;top:50%;left:-18px;width:38px;height:38px;display:grid;place-items:center;background:#fff;color:#344528;border-radius:50%;font:21px sans-serif;box-shadow:0 1px 12px #0003}.canvas-wrap .wipe{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.canvas-wrap:focus-within{outline:2px solid #789d51;outline-offset:3px}.legend{display:flex;justify-content:space-between;padding:12px 18px;font-size:11px;color:#718162;border-top:1px solid #dde5d3}.empty{text-align:center;padding:65px 20px;color:#8b997d;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.metric{padding:16px 20px;background:#fff;border:1px solid #d9e2d0;border-radius:9px}.metric small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8a987a;margin-bottom:8px}.metric strong{font-size:21px;font-weight:550}.hint{font-size:11px}video{display:block;width:100%;max-height:400px;background:#152019;border-radius:10px}details{margin-top:20px;font-size:12px;color:#718261}summary{cursor:pointer}details p{font-size:12px;margin-top:10px}[hidden]{display:none!important}@media(max-width:700px){main{padding:20px 14px}.grid{grid-template-columns:1fr}.privacy{font-size:10px}.intro{padding:26px 0 22px}textarea{height:340px}.metrics{gap:7px}.metric{padding:12px}.metric strong{font-size:16px}.controls{gap:16px}.panel-head,.panel-foot{padding:12px}.file-label{flex-wrap:wrap}.toolbar{gap:8px}.viewport{padding:8px}footer{font-size:10px}}