.visualization-container[data-v-7c961815]{width:100%;height:100%;position:relative}.legend[data-v-7c961815]{position:absolute;top:1rem;left:1rem;background:white;padding:1rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;z-index:1000}.legend-title[data-v-7c961815]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.legend-item[data-v-7c961815]{display:flex;align-items:center;margin-bottom:.5rem}.color-box[data-v-7c961815]{width:1rem;height:1rem;margin-right:.5rem}.color-box.sender[data-v-7c961815]{background-color:#1d77b6}.color-box.receiver[data-v-7c961815]{background-color:#ce1616}.controls[data-v-7c961815]{position:absolute;top:1rem;right:1rem;background:white;padding:1rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;z-index:1000}.controls-title[data-v-7c961815]{font-size:1rem;font-weight:700;margin-bottom:.5rem}.control-group[data-v-7c961815]{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.control-group label[data-v-7c961815]{min-width:60px}.control-group input[data-v-7c961815]{flex:1}.control-group span[data-v-7c961815]{min-width:40px;text-align:right}.app-container{width:100vw;height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}