*{box-sizing:border-box}body{margin:0;background:#eeeade;color:#233830;font:15px/1.55 system-ui}header{background:#203c35;color:#f8f0d8;padding:32px max(22px,7vw)}header span{letter-spacing:3px;font-size:11px}h1{font:72px/1 Georgia;margin:15px 0}header p{margin:0;color:#c0d2be}main{max-width:1180px;margin:auto;padding:26px 24px}h2{font:27px Georgia;margin:0 0 12px}.intro{max-width:950px}.tools{display:flex;flex-wrap:wrap;gap:8px}button{min-height:44px;padding:10px 14px;border:1px solid #9caa96;background:#fffaf0;color:inherit;font:inherit;border-radius:5px;cursor:pointer}button:hover{background:#e0e5cf}button:focus-visible,input:focus-visible{outline:3px solid #ae632e;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.bench{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;background:#fbf7eb;padding:24px;border-radius:12px;border:1px solid #b5bda8}.sectionhead{display:flex;justify-content:space-between;align-items:baseline}.sectionhead span{font-size:12px}.board{position:relative;aspect-ratio:1}#composite{width:100%;display:block;border-radius:4px}#regions{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}#regions button{border:1px solid #e8e7c433;background:transparent;border-radius:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:6px;font-size:12px;color:white;text-shadow:0 1px 2px black}#regions button span{background:#142d27cc;border-radius:3px;padding:1px 5px}#regions button[aria-pressed=true]{outline:3px solid #f3bb67;outline-offset:-3px}.blend{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0}.blend input{min-width:0;flex:1;accent-color:#a15e30}.primary{background:#294e40;color:white;width:100%;font-weight:bold}.primary:hover{background:#1c392f}.plane{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:12px;margin:12px 0;border:2px solid #d7d8c6;border-radius:7px}.plane.selected{border-color:#b87437;background:#f2e6d3}.plane canvas{width:100%;image-rendering:auto}.plane p{font-size:12px;margin:7px 0}.plane button{width:100%}.small,footer{font-size:12px;color:#596c59}#verdict{font-weight:bold;min-height:70px}#status{font-size:13px}footer{margin:25px 0}@media(max-width:760px){main{padding:20px 12px}.bench{grid-template-columns:1fr;padding:14px;gap:20px}header{padding:25px 18px}h1{font-size:56px}.plane{grid-template-columns:130px 1fr;gap:12px}.blend{font-size:12px}}