body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.v{box-sizing:border-box;border:0 solid #000;flex-direction:column;flex-shrink:0;align-items:stretch;min-width:0;min-height:0;margin:0;padding:0;display:flex;position:relative}.clickable,.touch-fade{cursor:pointer}.touch-fade:active{opacity:.5}.touch-hl{cursor:pointer}.touch-hl:active{background-color:#5c000066!important}.bg-img{background-position:50%;background-repeat:no-repeat;background-size:contain}.app-root{flex:1}.main-view{background-image:url(/assets/watercolour_paper-D3vxcVkj.jpg);background-repeat:repeat;flex-flow:row;min-width:min-content}.score{border:0 dashed #000;border-right-width:1px;flex:1}.score-lines{flex-flow:row;flex:1;overflow-x:auto}.score-lines-content{background-image:url(/assets/watercolour_paper-D3vxcVkj.jpg);background-repeat:repeat;flex-flow:row-reverse;min-width:100%;padding:20px}.line-box{flex:none}.line-pad-top{flex:initial;cursor:pointer;border-top:1px dashed #fff}.line-pad-bottom{cursor:pointer;border-bottom:1px dashed #fff;flex:auto}.score-line{flex:none;margin-right:5px}.score-accidental{opacity:.66;position:absolute;top:45%;right:-18%;transform:translateY(-50%)}.score-decorations{position:absolute;top:-1px;left:0}.score-decoration{opacity:.66;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.score-join{opacity:.66;position:absolute;top:0;left:100%}.score-cursor{z-index:1;flex:none}.score-cursor img{opacity:.5;animation:.8s step-end infinite cursor-blink}@keyframes cursor-blink{50%{visibility:hidden}}.input-panel{flex:initial;opacity:1;visibility:visible;flex-flow:column;width:700px;max-width:min-content;margin:20px;transition:width .3s,opacity .3s,transform .3s,visibility .3s;transform:perspective(600px)rotateY(0)}.input-panel.hidden{opacity:0;visibility:hidden;width:20px;transform:perspective(600px)rotateY(-90deg)}.showhide-btn{transition:transform .3s}.score-title-text{box-sizing:border-box;text-align:center;background-color:#fff6;flex:1;font-family:serif;overflow:clip}.marks-row{flex:initial;flex-flow:row}.marks-sections,.notes-panel{flex:initial;flex-flow:column}.octave-view,.octaves-row{flex:initial;flex-flow:row}.octave-selector{flex:initial;border-top:1px solid gray;flex-flow:row}.strokes-panel{flex:initial;flex-flow:row;align-items:flex-end}.joins-panel{flex:initial;border:1px dashed #323232;border-radius:5px;flex-flow:column;height:max-content;margin:5px}.accidentals-panel,.decorations-panel{flex:initial;background-color:#f003;border-radius:5px;flex-flow:column;height:min-content;margin:5px}.grid-cols{flex-flow:row;flex:1;justify-content:space-between;align-items:flex-start}.grid-col{flex-flow:column;flex:1;justify-content:space-between;align-items:center;min-width:min-content}.ops-panel{flex:initial;flex-flow:column;justify-content:space-evenly}.edit-ops{flex-flow:row;flex:1;justify-content:space-between}.file-ops-menu{opacity:0;visibility:hidden;background-color:#000;border-top-left-radius:5px;border-bottom-left-radius:5px;flex-flow:row;transition:opacity .3s,transform .3s,visibility .3s;position:absolute;top:-1px;right:100%;transform:perspective(600px)rotateX(-90deg)}.file-ops-menu.open{opacity:1;visibility:visible;transform:perspective(600px)rotateX(0)}.modal-overlay{z-index:100;background-color:#fff;animation:.2s modal-fade-in;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.dialog-view{flex-flow:column;flex:1;justify-content:center;align-items:center}.dialog-message{text-align:center;padding:20px;font-family:serif;font-size:18px;font-weight:700}.dialog-buttons{flex-flow:row;justify-content:center;align-items:center;gap:20px;margin-top:20px;margin-bottom:20px}.dialog-btn{color:#fff;cursor:pointer;background-color:#5f9ea0;border:none;border-radius:2px;padding:8px 16px;font-size:14px;font-weight:500}.title-dialog{flex-flow:column;flex:1;justify-content:center;align-items:center}.title-dialog-text{flex-flow:column;justify-content:center;align-items:center}.dialog-label{text-align:center;flex:1;padding:20px;font-family:serif;font-size:18px;font-weight:700}.title-input,.author-input,.notes-input{background-color:#0000;border:0 solid #000;flex:1;font-family:serif}.title-input{text-align:center;padding:20px;font-size:18px}.author-input{text-align:center;padding:20px;font-size:16px}.notes-input{text-align:left;resize:none;border:1px dotted gray;padding:10px;font-size:14px}.scale-loader{flex-direction:row;justify-content:center;align-items:center;gap:2px;display:flex}.scale-loader span{background-color:#dc143c;border-radius:5px;width:6px;height:60px;animation:1s cubic-bezier(.2,.68,.18,1.08) infinite scale-bar;display:inline-block}.scale-loader span:nth-child(2){animation-delay:.1s}.scale-loader span:nth-child(3){animation-delay:.2s}.scale-loader span:nth-child(4){animation-delay:.3s}.scale-loader span:nth-child(5){animation-delay:.4s}@keyframes scale-bar{0%{transform:scaleY(1)}50%{transform:scaleY(.4)}to{transform:scaleY(1)}}