:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#13333c;background:#f2f7f6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,60px);background:#10333e;color:#fff;gap:15px;flex-wrap:wrap}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav a:hover{text-decoration:underline}main{max-width:1330px;margin:auto;padding:24px 18px 50px}.eyebrow{font-size:12px;letter-spacing:.17em;color:#0a7776;font-weight:800}.intro h1{font-size:clamp(27px,3.2vw,43px);margin:8px 0}.intro p{color:#56717a}.panel{background:white;border:1px solid #e0eae8;border-radius:19px;padding:20px;box-shadow:0 15px 38px #0d323b0a}.select{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0}.select select{flex:1;min-width:230px;padding:12px;border:1px solid #cadbd9;border-radius:11px;background:#fff;font:inherit}.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:22px}.board{min-width:0;text-align:center}.board canvas{display:block;max-width:min(100%,min(70dvh,720px));width:100%;height:auto;margin:0 auto;aspect-ratio:1;touch-action:manipulation;border-radius:10px}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px auto}.controls button{padding:11px 14px;border:0;border-radius:10px;background:#126e70;color:white;font:inherit;cursor:pointer}.controls button:disabled{opacity:.45}.board input{width:min(95%,600px);accent-color:#126e70}.details h2{font-size:21px}.details h3{margin-top:30px}.details #reviewWarnings p{padding:10px 12px;background:#fff3dd;border-radius:8px}.caution{font-size:13px;color:#677b81;line-height:1.65}.error{color:#ba3838;font-size:14px}@media(max-width:800px){.layout{grid-template-columns:1fr}.board canvas{max-width:min(100%,64dvh)}.nav nav{font-size:13px}.panel{padding:14px}}