:root{font:17px/1.5 system-ui,sans-serif;color:#172538;background:#eef2f7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:16px;background:#152b45;color:#fff;padding:18px 5%}header a{color:#fff;font-weight:700;text-decoration:none}main{max-width:1400px;margin:auto;padding:24px}h1{font-size:2rem;margin:8px 0}h2{font-size:1.25rem;margin-top:0}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;margin:26px 0}section{background:#fff;padding:24px;border:1px solid #dbe3ed;border-radius:12px}label{display:block;margin:12px 0}input[type=number]{display:block;width:100%;font:inherit;padding:8px;border:1px solid #aebdcd;border-radius:6px}.check{display:flex;gap:8px;align-items:center}button{font:inherit;border:1px solid #315d87;border-radius:6px;background:#edf5fc;color:#153c63;padding:9px 13px;cursor:pointer;margin:4px 4px 4px 0}button[type=submit]{background:#176ca4;color:white;width:100%}button:disabled{opacity:.45;cursor:wait}.buttons{margin:16px 0}small,.hint{font-size:.85rem;color:#53677f}canvas{display:block;width:100%;height:440px;background:#f0f5fa;border-radius:9px;touch-action:none}#status{padding:10px;margin-bottom:12px;background:#edf5fc;border-radius:6px}dl{display:grid;grid-template-columns:1fr 1fr}dt,dd{margin:0;padding:5px}dd{font-weight:600}.pass{color:#136441}.fail{color:#a42b2b}.tests{margin-bottom:24px}footer{font-size:.88rem}a{color:#145d92}@media(max-width:800px){main{padding:12px}.layout{grid-template-columns:1fr;gap:12px}form{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}form button{grid-column:1/-1}section{padding:16px}header span{display:none}canvas{height:340px}dl{font-size:.9rem}}