*{box-sizing:border-box}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:#173c37;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:4px solid #0f766e}header b{font-size:22px}header span{background:#0f766e;color:#fff;border-radius:999px;padding:5px 10px}.tools{padding:18px 16px;background:#f7faf9}.tools h1{margin:0 0 14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{min-height:58px;border:2px solid #cfe0dc;border-radius:16px;background:#fff;font-weight:700;font-size:16px;padding:10px}#canvas{width:100%;min-height:58vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#e6efed 1px,transparent 1px),linear-gradient(90deg,#e6efed 1px,transparent 1px);background-size:28px 28px}@media(min-width:900px){main{display:grid;grid-template-columns:360px 1fr}.grid{grid-template-columns:1fr}#canvas{min-height:calc(100vh - 66px)}}