html,body{min-height:100%}html{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at top,rgba(216,124,55,.28),transparent 32%),linear-gradient(180deg,#f4ede4,#e6dccf 48%,#d8c8b3);color:#102542}button,input,textarea,select{font:inherit}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.workspace-controlbar__icon-button:after{content:attr(data-large-label);display:none}@media(max-width:600px)and (orientation:portrait)and (pointer:coarse){.workspace-controlbar.workspace-controlbar--large-menu{display:block;height:40dvh;min-height:40dvh;padding:.35rem}.workspace-controlbar.workspace-controlbar--large-menu .workspace-controlbar__actions-shell,.workspace-controlbar.workspace-controlbar--large-menu .workspace-controlbar__actions-viewport{display:block;width:100%;height:100%;overflow:visible;touch-action:manipulation}.workspace-controlbar.workspace-controlbar--large-menu .workspace-controlbar__actions{display:grid;width:100%;min-width:0;height:100%;grid-template:repeat(4,minmax(0,1fr)) / repeat(3,minmax(0,1fr));gap:.3rem;padding:0;margin:0}.workspace-controlbar--large-menu .workspace-controlbar__actions>*{display:flex;width:100%;min-width:0;min-height:0;height:100%;align-items:stretch}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(1){grid-area:1 / 1}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(2){grid-area:2 / 1}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(3){grid-area:1 / 2}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(4){grid-area:2 / 3}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(5){grid-area:1 / 3}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(6){grid-area:3 / 1}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(7){grid-area:2 / 2}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(8){grid-area:3 / 2}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(9){grid-area:4 / 1}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(10){grid-area:4 / 2}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(11){grid-area:3 / 3}.workspace-controlbar--large-menu .workspace-controlbar__actions>:nth-child(12){grid-area:4 / 3}.workspace-controlbar--large-menu .workspace-controlbar__actions>button,.workspace-controlbar--large-menu .workspace-controlbar__actions>*>button{display:flex;width:100%;min-width:0;min-height:0;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:12px;font-size:1rem}.workspace-controlbar--large-menu .workspace-controlbar__icon-button:after{display:block;font-size:.8rem;font-weight:700;line-height:1.1;white-space:nowrap}.workspace-controlbar--large-menu .workspace-controlbar__icon-button--metronome-label:after{content:"Metronoom &\a Eerste noten";white-space:pre-line}}