*{box-sizing:border-box}body{margin:0;background:#ece9df;color:#263b3d;font:15px/1.55 system-ui}header{background:#1e343f;color:#f5e9cc;padding:30px max(20px,7vw)}header span{letter-spacing:3px;font-size:11px}h1{font:72px/1 Georgia;margin:16px 0}header p{margin:0;color:#b9cbd0}main{max-width:1180px;margin:auto;padding:25px 24px}h2{font:27px Georgia}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}button,input{font:inherit;color:inherit}button{min-height:44px;padding:10px 13px;border:1px solid #9ba7a1;border-radius:5px;background:#fffaf0;cursor:pointer}button:hover{background:#dfe6db}button:focus-visible,input:focus-visible{outline:3px solid #c98a41;outline-offset:2px}.bench{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:25px}.bench>section{background:#fbf7eb;padding:22px;border:1px solid #bac4b8;border-radius:10px}canvas{display:block;width:100%;aspect-ratio:1;border-radius:6px}label{display:block;margin:20px 0;font-size:13px}input[type=number]{width:100%;padding:10px;border:1px solid #9ba7a1;border-radius:5px;margin-top:6px;background:#fffdf5;min-height:44px}input[type=range]{width:100%;display:block;min-height:36px;accent-color:#936330}.reference{display:flex;gap:10px;margin:20px 0}.reference img{width:calc(50% - 5px);border-radius:5px}.primary{background:#284c50;color:white;width:100%;font-weight:bold}.primary:hover{background:#17383d}#metrics{background:#e4e8db;padding:16px;font-weight:bold}#verdict{min-height:70px;font-weight:bold}.small,footer{font-size:12px;color:#607167}footer{margin:25px 0}@media(max-width:760px){main{padding:20px 12px}.bench{grid-template-columns:1fr}.bench>section{padding:15px}header{padding:24px 18px}h1{font-size:54px}}