body{vertical-align:middle;background-color:#222;margin:0}*{box-sizing:border-box;color:#fff}button{cursor:pointer;background:#333;border:1px solid #888;border-radius:.3rem;padding:.2rem .5rem}button:disabled{cursor:not-allowed;color:#888}.minimap-aOPdjE{height:2rem;margin:2rem;position:relative}.minimap-aOPdjE *{position:absolute}.minimap-aOPdjE .track-DeXC1p{top:0;bottom:0;left:.2rem;right:.2rem}.minimap-aOPdjE .bar-xkqiyj{background-color:#666;border-radius:.2rem;top:25%;bottom:25%;left:0;right:0}.minimap-aOPdjE .tone-MbQnNk{background-color:#09f;border:1px solid #fff;border-radius:.2rem;width:.4rem;top:0;bottom:0;transform:translate(-50%)}.minimap-aOPdjE .tone-MbQnNk.tonic-oop0Zf{background-color:#0c0}.minimap-aOPdjE .tone-MbQnNk.selected-ScZGM3{z-index:1;background-color:#f90}.tonedata-rIPM0H{text-align:center;flex-direction:column;align-items:center;min-width:max-content;display:flex}.tonedata-rIPM0H .frac-FHSe00{margin:0 .3rem}.tonedata-rIPM0H .line-yZRJtE{background-color:#fff;min-width:2rem;height:1px;margin:0 -.3rem}.editarea-ZrDErl{margin:2rem 2rem 1rem}.editarea-ZrDErl .row-EItnfT{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem;display:flex}.mainarea-MkRqUv{margin:1em 0;overflow:auto}.mainarea-MkRqUv .track-DeXC1p{grid-template-rows:4rem auto auto;grid-auto-columns:1fr;justify-content:left;width:max-content;margin:auto;padding:0 1rem;display:grid}.mainarea-MkRqUv .path-BEqwh5{grid-row:1/2}.mainarea-MkRqUv .path-BEqwh5.selected-ScZGM3{z-index:1}.mainarea-MkRqUv .path-BEqwh5>svg{width:102%;height:100%;margin:0 -1%}.mainarea-MkRqUv .tone-MbQnNk{cursor:pointer;background-color:#346;border:1px solid #888;border-radius:.5rem;grid-row:2/3;margin:0 .5rem;padding:.5rem}.mainarea-MkRqUv .tone-MbQnNk.tonic-oop0Zf{background-color:#050}.mainarea-MkRqUv .tone-MbQnNk.selected-ScZGM3{background-color:#630}.mainarea-MkRqUv .interval-cqQDKF{border-top:2px solid #f90;grid-row:3/4;margin:.5rem;padding:.5rem;position:relative}.mainarea-MkRqUv .interval-cqQDKF:after{content:"";border:.3rem solid #0000;border-color:#f90 #0000 #0000 #f90;width:0;height:0;position:absolute;top:-2px;right:-2px}.mainarea-MkRqUv .interval-cqQDKF.backward-B4F7JY:after{border-left-color:#0000;border-right-color:#f90;left:-2px}.intervals-eWWGCI{margin:2em 0;overflow:auto}.intervals-eWWGCI table{border-collapse:collapse;margin:auto}.intervals-eWWGCI td{border:1px solid #888;width:max-content;padding:.5em}.intervals-eWWGCI td.selected-ScZGM3{background-color:#630}