.horizontal-division[data-v-a0b9cdc3]{position:relative}.container[data-v-a0b9cdc3],.divider[data-v-a0b9cdc3]{position:absolute;top:0;bottom:0}.container[data-v-a0b9cdc3]{z-index:0}.divider[data-v-a0b9cdc3]{z-index:1;width:8px;cursor:col-resize}.divider[data-v-a0b9cdc3],.divider[data-v-a0b9cdc3]:after{transform:translate(-50%)}.divider[data-v-a0b9cdc3]:hover:after{opacity:.4}.divider[data-v-a0b9cdc3]:after{display:block;position:absolute;left:50%;top:0;bottom:0;width:2px;content:"";opacity:.2;transition:.1s;background-color:#fff}.container[data-v-a0b9cdc3]>*{width:100%;height:100%;box-sizing:border-box}button[data-v-d26c85ae]{background-color:#3a62a9;color:#fff;border:none;padding:8px 16px;margin:0 10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}button[disabled=true][data-v-d26c85ae]{background-color:#666;cursor:not-allowed}.menu-bar[data-v-d26c85ae]{display:flex;align-items:center;background-color:#222;color:#fff}.logo[data-v-d26c85ae]{font-size:24px;font-weight:700;font-style:italic;font-family:Times New Roman,Times,serif;color:#fff;padding:10px}.monitor[data-v-26d51a4f]{position:relative;min-height:200px;font-size:1.2rem;font-family:Cascadia Code,Courier New,Courier,monospace}.monitor[data-v-26d51a4f]>*{position:absolute;top:0;left:0;width:100%;height:100%}.monitor-title-bar[data-v-26d51a4f]{width:100%;padding:1em;display:flex;flex-direction:row;align-items:top;justify-content:space-between;height:auto!important}.monitor-title-bar p[data-v-26d51a4f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-title-bar>p[data-v-26d51a4f]{display:flex;flex-direction:row;align-items:center;margin:0;padding:0}.monitor-title-bar>p[data-v-26d51a4f]>*{margin:0 .2em}.monitor-title-bar>select[data-v-26d51a4f]{font-size:.8em;display:block;margin:0;padding:0 .4em;width:12em;height:2em;font-family:inherit;background-color:#fff1;border-radius:4px;outline:1px solid #ccc;overflow:hidden;text-overflow:ellipsis}.scope[data-v-aa10189b]{flex-grow:1;position:relative}.scope[data-v-aa10189b]>*{position:absolute;top:0;left:0;width:100%;height:100%}.pitch-bar[data-v-aa10189b]{cursor:crosshair}.pitch-bar .handle[data-v-aa10189b]{fill:transparent}.pitch-bar:hover .handle[data-v-aa10189b]{fill:#fff1}.pitch-scale[data-v-aa10189b]{cursor:ns-resize}.pitch-scale-label[data-v-aa10189b]{pointer-events:none}g.play-head[data-v-aa10189b]{opacity:.6}g.play-head[data-v-aa10189b]:hover{opacity:.8}g.play-head .bar[data-v-aa10189b]{stroke-dasharray:8 4}g.play-head.active .bar[data-v-aa10189b],g.play-head:active .bar[data-v-aa10189b]{stroke-dasharray:none}g.play-head[data-v-aa10189b]:active{opacity:1}.editor.root{position:absolute;width:100%;height:100%;padding:1em;overflow:scroll;text-wrap:nowrap;white-space:nowrap;font-family:Cascadia Code,Courier New,Courier,Consolas,monospace;white-space:pre;caret-color:#fff;-webkit-user-select:text;user-select:text}.editor.root *{position:relative;overflow:visible}.editor.root *:before,.editor.root *:after{pointer-events:none;-webkit-user-select:none;user-select:none}.editor.root *[disabled]{pointer-events:none}.editor.root .hint{-webkit-user-select:none;user-select:none;border-radius:.1em}.editor.root .hint.interactive{cursor:pointer}.editor.root .hint.interactive:hover{background-color:#222;filter:brightness(1.2)}.editor.root .hint.interactive:active,.editor.root .hint.interactive:focus{outline:2px solid #6AF;opacity:1;filter:brightness(1.2)}.editor.root .hint.indent{background:none;padding:none;margin:none;color:unset;pointer-events:none}.editor.root [data-preview]{filter:brightness(.6)}.editor.root [data-preview]:hover:before,.editor.root [data-preview]:active:before,.editor.root [data-preview]:focus:before,.editor.root [data-preview]:focus-within:before{opacity:1}.editor.root [data-preview]:before{content:attr(data-preview)}.editor.root [data-hint]:after{content:attr(data-hint);position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.8em;height:1.4em;line-height:1.4em;padding:0 .2em;border-radius:.2em;color:#aaa;background:#222;outline:1px solid #444;white-space:nowrap;box-shadow:0 0 4px #0008;z-index:9999;opacity:0;transition:.2s opacity,.4s bottom}.editor.root [data-hint]:not(:focus):not(:focus-within):hover:after{transition-delay:.2s}.editor.root [data-hint]:hover:after,.editor.root [data-hint]:focus:after,.editor.root [data-hint]:focus-within:after{opacity:1;bottom:calc(100% + .4em)}.editor.root .unknown{color:#caa}.editor.root .meta{line-height:1.4em}.editor.root .meta .entry.unused{color:#aaa;filter:brightness(.8)}.editor.root .meta .entry.unused:not(.focus){filter:brightness(.5);text-decoration:line-through}.editor.root .meta .key{color:#a1d4fa}.editor.root .meta .entry:not(.invalid) .val{color:#bd8970}.editor.root .meta .entry:not(.invalid) .val.number,.editor.root .meta .entry:not(.invalid) .val.meter{color:#b1c7a1}.editor.root .meta .entry:not(.invalid) .val>.note{color:#67b5fa}.editor.root .meta .entry.invalid .val:not(.hint){color:#f88}.editor.root .meta .hint{color:#aaa}.editor.root .meta .hint.unit{background:none;padding:0 1ch;font-style:italic;color:#888}.editor.root .meta .hint.interactive{color:#aaa}.editor.root .meta .delimiter{color:gray}.editor.root .score{display:inline-block;overflow:visible;color:#fff}.editor.root .score>*{display:inline-block;margin:.4em 0}.editor.root .score:hover:after,.editor.root .score.focus:after{background:#fff1}.editor.root .score.focus:after{outline:1px solid rgba(255,255,255,.2666666667)}.editor.root .score:after{content:"";display:block;position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.4em;z-index:-1;top:-.4em;left:-.4em;right:-.4em;bottom:-.4em}.editor.root .score .token.placeholder{color:gray}.editor.root .score .notes .group .group .group-content:after{position:absolute;content:"";left:0;right:0;bottom:calc(2px - 4px * var(--lv, 0));height:1px;background:currentColor}.editor.root .score .notes .group .group .group-content.focus:after{background:var(--color-delim)}.editor.root .score .lyric{color:#bd8970}.editor.root .score .lyrics{color:#888}.editor.root .score .note,.editor.root .score .lyric{display:inline-block;min-width:2ch;text-align:center}.editor.root .score .note.rest{color:#888}.editor.root .score .lyric.rest{opacity:.2}.editor.root .score .group .delimiter{font-size:0;filter:brightness(.4)}.editor.root .score .group.focus>.delimiter{filter:none}.editor.root .score .group.focus .delimiter{font-size:unset}.editor.root .score .group.focus .note,.editor.root .score .group.focus .lyric{min-width:unset}.editor.root .score .group.focus .lyric.rest{opacity:unset}.editor.root .score .group.focus>.delimiter{opacity:1}.editor.root .note:not(.focus) .prefix{font-size:0}.editor.root .note.focus .octave,.editor.root .note.focus .suffix{color:#67b5fa}.editor.root .note.focus .prefix,.editor.root .note.focus .pitch[data-above]:before,.editor.root .note.focus .pitch[data-below]:after{background-color:#fff2;color:#66bfa8}.editor.root .note .octave{display:inline-block;font-size:.8em;transform:translateY(.1em)}.editor.root .note .suffix{display:inline-block;font-size:.8em;transform:translateY(-.3em)}.editor.root .note .pitch[data-above]:before{content:attr(data-above);position:absolute;top:-.8em;left:50%;transform:translate(-50%);font-size:.8em}.editor.root .note .pitch[data-below]:after{content:attr(data-below);position:absolute;bottom:calc(-.8em - var(--lv, 0) * 4px);left:50%;transform:translate(-50%);font-size:.8em}.editor.root .note.invalid{color:#f88}.editor.root,.editor.root.dark{--color-delim-1: #f6d43a;--color-delim-2: #c66bcb;--color-delim-3: #4891f8;--color-delim: var(--color-delim-1);--color-unknown: #DD8888}.editor.root .delimiter{color:var(--color-delim)}.editor.root .unknown{color:var(--color-unknown)}.editor.root .comment{color:#6a9955;font-style:italic}:root{--menu-bar-height: 60px;--foot-bar-height: 50px}.menu-bar{top:0;left:0;width:100vw;height:var(--menu-bar-height)}.foot-bar{bottom:0;left:0;width:100vw;height:var(--foot-bar-height)}.main-layout{position:absolute;top:var(--menu-bar-height);bottom:var(--foot-bar-height);left:0;right:0;z-index:-1}.vertical-division{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:0!important}.vertical-division>*{width:100%;margin:0;padding:0!important}