.visualizer-container{font-family:Arial,sans-serif;padding:20px}.list-container{display:flex;align-items:center;flex-wrap:wrap}.list-node{padding:10px;margin:5px;border:1px solid black;border-radius:4px;background-color:#90be6d;color:#fff;min-width:50px;text-align:center}.node-cursor{background-color:#f9c74f}.arrow{margin:0 5px}.cursor-state{margin-top:10px;font-weight:700}.highlight{background-color:#f5f5f5;padding:2px 4px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:inherit}.button-group{margin-top:20px}.button-group h3{margin-bottom:10px}.action-button{margin:5px;padding:10px 15px;background-color:#577590;color:#fff;border:none;border-radius:4px;cursor:pointer}.action-button:hover{background-color:#45556e}.input-group{margin-top:20px;display:flex;align-items:center}.input-group h3{margin-right:20px}.input-field{padding:8px;width:150px;border:1px solid #ccc;border-radius:4px}.input-field:focus{outline:none;border-color:#577590}.list-info{margin-top:10px}.list-info div{margin-bottom:5px;font-weight:700}.operation-select{margin-left:10px;padding:8px;border-radius:4px;border:1px solid #ccc}.operation-select:focus{outline:none;border-color:#577590}@media (max-width: 600px){.list-container{flex-direction:column}.input-group{flex-direction:column;align-items:flex-start}.operation-select{margin-left:0;margin-top:10px}.action-button{width:100%;margin:5px 0}}