*{box-sizing:border-box}body{margin:0;background:#152e32;color:#eee8d7;font:15px/1.6 system-ui}header{padding:28px max(20px,7vw);border-bottom:1px solid #496368;background:#1c383c}header span{letter-spacing:3px;font-size:11px;color:#d4ba84}h1{font:76px/1 Georgia;margin:14px 0}header p{margin:0;color:#c1c9b8}main{max-width:1160px;margin:auto;padding:24px}h2{font:27px Georgia}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}button,input{font:inherit}button{background:#dfc692;color:#193035;border:1px solid #dfc692;border-radius:5px;padding:10px 15px;min-height:44px;cursor:pointer}button:hover{background:#f5dfae}button:disabled{opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #78d4cf;outline-offset:3px}.wave{position:relative;aspect-ratio:1200/420;border:1px solid #627c77;border-radius:10px;overflow:hidden}.wave img{width:100%;height:100%;object-fit:cover;opacity:.65}.wave canvas{position:absolute;inset:0;width:100%;height:100%}.legend,footer{font-size:12px;color:#b9c8c0}.desk{display:grid;grid-template-columns:1fr 1fr;gap:24px}.desk>section{padding:22px;border:1px solid #57716d;border-radius:10px;background:#203e42}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}label{font-size:13px}input[type=number]{display:block;width:100%;background:#102c30;color:#f4e8d2;border:1px solid #77918a;padding:10px;margin-top:6px;border-radius:4px;min-height:44px}input[type=range]{display:block;width:100%}#seam{width:100%;background:#102b2f}#metrics p{margin:8px 0}#check{width:100%;margin-top:12px}#verdict{min-height:60px;font-weight:bold}footer{margin:28px 0}@media(max-width:700px){main{padding:18px 12px}.desk{grid-template-columns:1fr}.desk>section{padding:16px}header{padding:24px 18px}h1{font-size:60px}.wave{aspect-ratio:1.5}.wave canvas{object-fit:fill}.fields{gap:5px}}