.timeline-track {

    display:flex;

    align-items:flex-start;

    gap:30px;

}


.timeline-stage {

    width:220px;

}


.stage-dot {

    width:18px;

    height:18px;

    border-radius:50%;

}


.stage-automation-panel {

    width:220px;

    margin-bottom:15px;

    background:white;

    border:1px solid #ddd;

    border-radius:12px;

    overflow:hidden;

}


.stage-node {

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

}


.stage-automation-panel.hidden {

    display:none;

}


.automation-scroll {

    height:100%;

    overflow-y:auto;

}

.stage-panel {

    width:220px;

    height:500px;

    display:flex;

    flex-direction:column;

}


.stage-slot {

    flex:1;

    overflow-y:auto;

}


.stage-middle {

    flex:0 0 80px;

    display:flex;

    justify-content:center;

    align-items:center;

}