body{margin:0;place-items:center}*{font-family:system-ui;transition:all .2s ease}canvas{position:absolute;z-index:-1;left:0;top:0;transition:none}.documentation{position:absolute;top:0;left:0;width:100%;padding:4px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001a;color:#ffffffb3;border-radius:8px;width:fit-content;cursor:pointer;margin:8px;text-decoration:none}.documentation:hover{background:#0003}.hints{position:absolute;font-size:12px;top:100dvh;left:0;width:fit-content;padding:8px;transform:translateY(-100%);color:#ffffff80;background:#0000001a;border-top-right-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tools{right:0;position:absolute;top:0;display:flex;flex-direction:row;gap:8px;padding:8px;border-radius:100px;margin:8px;background:#0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tools>*{padding:4px 8px;border-radius:16px;font-size:12px;background:#0000001a;color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tools>.active{background:#0003;color:#fff}.tools>:hover{color:#fff}.choose-file{position:absolute;left:50%;top:95%;font-size:12px;padding:4px 8px;border-radius:50px;background:#0000001a;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:1;transform:translate(-50%,-50%)}.choose-file:hover{color:#fff}