:root{color-scheme:light;--paper:#ffffff;--ink:#424b47;--muted:#8b9185}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{font-family:'DM Sans',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{height:104px;margin:0 6%;display:flex;justify-content:space-between;align-items:center}.wordmark{font-family:'Patrick Hand',cursive;font-size:39px;letter-spacing:1px}.open-link{display:flex;gap:10px;align-items:center;font-size:11px;color:#7c857b}.open-link svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}main{position:relative;max-width:1300px;margin:auto;text-align:center}.heading{position:relative;z-index:1;padding:17px 24px 0}h1{font-family:'Patrick Hand',cursive;font-weight:400;font-size:clamp(31px,3.4vw,47px);letter-spacing:-.6px;margin:0;color:#586159}.drawing{height:min(57vw,530px);min-height:300px;position:relative;margin:-4px auto 0;width:min(100%,1080px)}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.controls{display:flex;gap:16px;align-items:center;justify-content:center;margin:-3px auto 40px;color:#8a9385}.controls label{font-family:'Patrick Hand',cursive;font-size:16px}.controls input{appearance:none;-webkit-appearance:none;width:130px;height:24px;cursor:ew-resize;background:transparent;touch-action:pan-y}.controls input::-webkit-slider-runnable-track{height:2px;border-radius:50%;background:#c1c9bc}.controls input::-moz-range-track{height:2px;background:#c1c9bc}.controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:13px;width:13px;border:1px solid #829b98;border-radius:47% 55% 48% 50%;background:#afc1ba;margin-top:-6px}.controls input::-moz-range-thumb{height:12px;width:12px;border:1px solid #829b98;border-radius:50%;background:#afc1ba}.controls button{border:0;background:transparent;color:#8a9385;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center}.controls button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round}.install-button{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:20px;width:218px;height:56px;font-family:'Patrick Hand',cursive;font-size:21px;color:#3a3d40;transition:transform .2s}.button-border{position:absolute;inset:0;width:100%;height:100%;fill:#fff;stroke:#8f9396;stroke-width:1.1;overflow:visible;transition:fill .2s}
.install-button:hover .button-border{fill:#f7f7f6}.button-border .second-line{display:none}.install-button>span,.down-arrow{z-index:1;position:relative}.down-arrow{width:15px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.install-button:hover{transform:translateY(-2px)}.install>p{font-size:10px;color:#a1a393;margin:11px 0 0}.install>p a{color:#7f897b;border-bottom:1px solid #c7cebe;padding-bottom:2px}footer{max-width:1300px;display:flex;justify-content:space-between;margin:0 auto;padding:48px 6% 28px;color:#9aa091;font-size:10px}footer>span{margin-left:auto;font-family:'Caveat',cursive;font-size:17px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #73978d;outline-offset:5px}#downloads{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;font-size:11px;color:#607b6b;margin-top:12px}#downloads:empty{display:none}@media(min-height:1000px) and (min-width:800px){main{padding-top:25px}.drawing{height:580px}footer{padding-top:65px}}@media(max-width:600px){header{height:84px;margin-inline:25px}.wordmark{font-size:34px}.open-link{font-size:10px;gap:7px}.heading{padding-top:30px}h1{font-size:33px}.drawing{height:380px;min-height:0;margin-top:3px;width:100%}.controls{margin:0 auto 28px;gap:13px}.controls label{font-size:15px}.controls input{width:115px}.install-button{font-size:20px;width:208px;height:54px}footer{padding:48px 25px 24px}.install>p{font-size:9px}}@media(max-width:360px){h1{font-size:29px}.drawing{height:330px}}@media(prefers-reduced-motion:reduce){.install-button{transition:none}}