*{box-sizing:border-box}html,body{background:#050505;width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}body{place-items:center;display:grid}canvas{border-radius:18px;display:block;box-shadow:0 20px 80px #000000a6}body>div:first-of-type{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;background:#0a0a0ab8;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}label{opacity:.8;font-size:13px}input{color:#fff;background:#151515;border:1px solid #fff3;border-radius:7px;outline:none;width:75px;padding:7px 8px}input:focus{border-color:#ffffff80}button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:7px;padding:7px 12px;font-weight:700}button:hover{opacity:.85}body>div:last-of-type{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0a0aa6;border-radius:10px;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body>div:last-of-type span{opacity:.7}