*{box-sizing:border-box}body{margin:0;background:#edf1f4!important;color:#233b4d!important;font:15px system-ui,sans-serif;overflow-x:hidden}header{position:absolute;top:22px;left:0;width:100%;text-align:center;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#526779}h1{font-size:32px;margin:6px 0}h1 small{font-weight:400;font-size:20px}header p{margin:4px 12px;color:#526779}.chips{display:flex;justify-content:center;gap:14px;margin:14px 0;font-size:10px;letter-spacing:1px}.chips span{background:#fff;padding:7px 10px;border-radius:7px}canvas{top:calc(50% + 10px)!important;width:min(92vw,calc(100dvh - 300px),560px)!important;height:min(92vw,calc(100dvh - 300px),560px)!important;border:8px solid #fff;border-radius:12px;box-shadow:0 20px 60px #244a6420;touch-action:none;cursor:crosshair}footer{position:absolute;top:calc(50% + 30px + min(46vw,calc((100dvh - 300px)/2),280px));left:50%;transform:translateX(-50%);width:min(92vw,700px);text-align:center;font-size:12px}footer p{margin:8px 0}summary{cursor:pointer;color:#3b627e}details[open]{background:white;padding:12px;border-radius:12px;position:relative;z-index:5;text-align:left}a{color:#255b80}@media(max-height:650px){header{top:8px}h1{font-size:23px;margin:2px}header p{font-size:12px}.chips{margin:6px}canvas{width:min(88vw,calc(100dvh - 245px))!important;height:min(88vw,calc(100dvh - 245px))!important}footer{top:calc(50% + 30px + min(44vw,calc((100dvh - 245px)/2)))}}