:root{font-family:"PingFang SC",system-ui,sans-serif;color:#203b43;background:#f0f3ee}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:55px;align-items:center;padding:24px 36px}a{color:inherit;text-decoration:none;font-size:12px;font-weight:650}header>a{letter-spacing:3px}h1{font-size:25px;margin:0 0 7px}p{margin:0;font-size:11px;color:#657d82}nav{display:flex;align-items:center;gap:12px;padding:0 36px 20px}button,select{font:inherit;color:inherit;border:1px solid #b9cbc8;border-radius:5px;min-height:48px;padding:0 18px;background:transparent;font-size:12px;cursor:pointer}button[aria-pressed=true]{background:#203b43;color:white}label{font-size:11px}nav a{margin-left:auto}main{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#cedcd8}section{position:relative;height:calc(100svh - 205px);min-height:380px;background:#dee9e6}canvas{width:100%;height:100%;display:block;pointer-events:none}.label{position:absolute;left:24px;top:24px;display:flex;flex-direction:column;gap:9px;pointer-events:none}.label b{font-size:12px;letter-spacing:1.6px}.label span{font-size:10px}footer{padding:18px 36px;display:flex;justify-content:space-between;font-size:10px;color:#617d83}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px;gap:20px}h1{font-size:18px}nav{padding:0 20px 15px;flex-wrap:wrap;gap:8px}nav a{display:none}button,select{padding:0 10px}main{grid-template-columns:1fr}section{height:430px}.label{left:18px;top:18px}footer{gap:12px;padding:18px}footer span:last-child{display:none}}