*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.logo[data-v-ac967b7e]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-ac967b7e]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-ac967b7e]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.canvas-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.toolbar{position:absolute;top:0;left:0;height:100%;background-color:#f5f5f5}.toolbar *{width:100%}.toolbar-item{display:flex;flex-direction:row;width:6rem;padding:5px;gap:5px}canvas{width:100%;height:100%;border:1px solid #ccc;cursor:crosshair;background-color:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.share-link{position:absolute;top:0;right:0;display:flex;flex-direction:row;gap:5px;border-bottom-left-radius:10px;background-color:#ddd;text-decoration:none;font-size:24px}.share-link input{margin:7px 0 7px 7px;padding-left:5px;max-width:15em}.copy-button{padding:7px;cursor:pointer;background-color:#ddd;height:100%;color:#484848}